/* =========================================================
   LUNI HUNT — Thème photos immersives
   À charger après les styles de page existants.
   ========================================================= */

:root{
  --luni-photo-dark: rgba(5,8,5,.74);
  --luni-photo-deep: rgba(14,18,13,.92);
  --luni-photo-warm: rgba(217,120,66,.18);
  --luni-photo-line: rgba(239,230,210,.16);
}

/* Attribution automatique via luni-photo-theme.js */
body.luni-photo-home{--photo-hero:url("assets/photos/photo-05-accueil-smartphone.jpg");--photo-pos:center 52%;--photo-opacity:.50}
body.luni-photo-chaine{--photo-hero:url("assets/photos/photo-01-marais-lever.jpg");--photo-pos:center 45%;--photo-opacity:.48}
body.luni-photo-outils{--photo-hero:url("assets/photos/photo-07-vue-gabion.jpg");--photo-pos:center 52%;--photo-opacity:.56}
body.luni-photo-journal{--photo-hero:url("assets/photos/photo-06-canards-vol.jpg");--photo-pos:center 42%;--photo-opacity:.50}
body.luni-photo-meteo{--photo-hero:url("assets/photos/photo-02-meteo-orage.jpg");--photo-pos:center 45%;--photo-opacity:.55}
body.luni-photo-suivi{--photo-hero:url("assets/photos/photo-03-carnet-gabion.jpg");--photo-pos:center 55%;--photo-opacity:.50}
body.luni-photo-espace{--photo-hero:url("assets/photos/photo-05-accueil-smartphone.jpg");--photo-pos:center 52%;--photo-opacity:.48}
body.luni-photo-partenaires{--photo-hero:url("assets/photos/photo-08-materiel.jpg");--photo-pos:center 55%;--photo-opacity:.46}
body.luni-photo-legal{--photo-hero:url("assets/photos/photo-07-vue-gabion.jpg");--photo-pos:center 50%;--photo-opacity:.42}

/* Hero photo commun */
body.luni-photo-page :is(.hero,.site-hero-simple,.simple-hero){
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
}
body.luni-photo-page :is(.hero,.site-hero-simple,.simple-hero)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(14,18,13,.97) 0%, rgba(14,18,13,.76) 36%, rgba(14,18,13,.42) 70%, rgba(14,18,13,.84) 100%),
    linear-gradient(180deg, rgba(14,18,13,.10) 0%, rgba(14,18,13,.38) 58%, rgba(14,18,13,.96) 100%),
    var(--photo-hero);
  background-size:cover;
  background-position:var(--photo-pos);
  opacity:var(--photo-opacity);
  transform:scale(1.035);
  filter:saturate(1.04) contrast(1.08);
}
body.luni-photo-page :is(.hero,.site-hero-simple,.simple-hero)::before{
  z-index:1;
}
body.luni-photo-page :is(.hero,.site-hero-simple,.simple-hero) > *{
  position:relative;
  z-index:3;
}

/* Grille et voile plus cinématiques */
body.luni-photo-page{
  background:
    radial-gradient(120% 80% at 20% 0%, rgba(74,107,54,.18) 0%, transparent 55%),
    radial-gradient(90% 70% at 90% 10%, rgba(217,120,66,.08) 0%, transparent 55%),
    #0E120D;
}
body.luni-photo-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(239,230,210,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(239,230,210,.025) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(80% 70% at 50% 20%, black, transparent 88%);
}

/* Cartes avec photos très discrètes */
body.luni-photo-page :is(.choice-card,.tool-big,.gear-card,.home-top-card,.lh-card,.card){
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(14,18,13,.84), rgba(14,18,13,.66)) !important;
  backdrop-filter: blur(2px);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
body.luni-photo-page :is(.choice-card,.tool-big,.gear-card,.home-top-card,.lh-card,.card):hover{
  transform:translateY(-3px);
  border-color:rgba(217,120,66,.45) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.32);
}

/* Fonds illustrés des cartes principales */
body.luni-photo-home .choice-card:nth-of-type(1),
body.luni-photo-chaine .gear-card:nth-of-type(1){
  background:
    linear-gradient(135deg, rgba(14,18,13,.90), rgba(14,18,13,.52)),
    url("assets/photos/photo-01-marais-lever.jpg") center/cover !important;
}
body.luni-photo-home .choice-card:nth-of-type(2),
body.luni-photo-outils .tool-big:nth-of-type(1){
  background:
    linear-gradient(135deg, rgba(14,18,13,.90), rgba(14,18,13,.55)),
    url("assets/photos/photo-07-vue-gabion.jpg") center/cover !important;
}
body.luni-photo-home .choice-card:nth-of-type(3){
  background:
    linear-gradient(135deg, rgba(14,18,13,.90), rgba(14,18,13,.55)),
    url("assets/photos/photo-06-canards-vol.jpg") center/cover !important;
}
body.luni-photo-outils .tool-big:nth-of-type(2){
  background:
    linear-gradient(135deg, rgba(14,18,13,.90), rgba(14,18,13,.50)),
    url("assets/photos/photo-02-meteo-orage.jpg") center/cover !important;
}
body.luni-photo-outils .tool-big:nth-of-type(3){
  background:
    linear-gradient(135deg, rgba(14,18,13,.90), rgba(14,18,13,.50)),
    url("assets/photos/photo-03-carnet-gabion.jpg") center/cover !important;
}
body.luni-photo-outils .tool-big:nth-of-type(4){
  background:
    linear-gradient(135deg, rgba(14,18,13,.90), rgba(14,18,13,.50)),
    url("assets/photos/photo-04-groupe-gabion.jpg") center/cover !important;
}

/* Section météo / dashboard : touche photo sans gêner les données */
body.luni-photo-meteo :is(.weather-card,.meteo-card,.lh-card,.card),
body.luni-photo-suivi :is(.stat-card,.dash-card,.panel,.lh-card,.card){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 40px rgba(0,0,0,.18);
}

/* Mini bande ambiance réutilisable si présente */
.luni-photo-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:12px;
  margin:26px 0;
}
.luni-photo-strip span{
  min-height:150px;
  border:1px solid var(--luni-photo-line);
  border-radius:10px;
  background-size:cover;
  background-position:center;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
}
.luni-photo-strip span:nth-child(1){background-image:linear-gradient(rgba(14,18,13,.18),rgba(14,18,13,.38)),url("assets/photos/photo-01-marais-lever.jpg")}
.luni-photo-strip span:nth-child(2){background-image:linear-gradient(rgba(14,18,13,.18),rgba(14,18,13,.38)),url("assets/photos/photo-02-meteo-orage.jpg")}
.luni-photo-strip span:nth-child(3){background-image:linear-gradient(rgba(14,18,13,.18),rgba(14,18,13,.38)),url("assets/photos/photo-07-vue-gabion.jpg")}
.luni-photo-strip span:nth-child(4){background-image:linear-gradient(rgba(14,18,13,.18),rgba(14,18,13,.38)),url("assets/photos/photo-09-appelants.jpg")}

@media (max-width:800px){
  body.luni-photo-page :is(.hero,.site-hero-simple,.simple-hero)::after{
    background:
      linear-gradient(180deg, rgba(14,18,13,.74) 0%, rgba(14,18,13,.80) 58%, rgba(14,18,13,.98) 100%),
      var(--photo-hero);
    background-size:cover;
    background-position:center;
    opacity:calc(var(--photo-opacity) + .07);
  }
  .luni-photo-strip{grid-template-columns:1fr 1fr}
}.luni-photo-reveal{
  opacity:0;
  transform:translateY(14px);
}
.luni-photo-visible{
  opacity:1;
  transform:translateY(0);
  transition:opacity .55s ease, transform .55s ease, border-color .22s ease, box-shadow .22s ease;
}