/* Styles — eau
   Extrait de resources/views/multisites/inochi_city/eau.blade.php.
   Chargé par ce partial uniquement : retirer le @include suffit à ne plus le servir. */

/* Le thème impose "Marcellus SC" (serif, petites capitales) a tous les titres.
   On reprend la main avec les polices déjà chargées par le layout : Oswald pour
   les titres, Bebas Neue pour les grands chiffres. Aucune requête en plus. */
.eau-hero, .eau-chiffre, .eau-gestes, .eau-suite{font-family:"Roboto Condensed",sans-serif}
.eau-h1, .eau-h2, .eau-card h3, .eau-suite-card strong{
    font-family:"Oswald","Roboto Condensed",sans-serif;font-weight:700;
    text-transform:none;letter-spacing:.2px}
.eau-big, .eau-card-gain{font-family:"Bebas Neue","Oswald",sans-serif;letter-spacing:1px}

.eau-wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.eau-kicker{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#4fb6e8;margin:0 0 16px}
.eau-kicker-dark{color:#4fb6e8}

.eau-hero{position:relative;z-index:2;padding:104px 0 84px;background:#0a1b29;overflow:hidden}
.eau-hero-bg{position:absolute;inset:0;background-size:cover;background-position:28% 78%;background-repeat:no-repeat}
.eau-hero-voile{position:absolute;inset:0;background:
    linear-gradient(95deg,rgba(7,18,28,.94) 0%,rgba(7,18,28,.86) 32%,rgba(7,18,28,.42) 62%,rgba(7,18,28,.62) 100%),
    linear-gradient(180deg,rgba(7,18,28,.55) 0%,rgba(7,18,28,0) 34%,rgba(7,18,28,.72) 100%)}
.eau-hero .eau-wrap{position:relative;z-index:1}
.eau-hero-legende{position:relative;z-index:1;max-width:1180px;margin:40px auto 0;padding:0 22px;font-size:12px;letter-spacing:.4px;color:rgba(234,244,250,.5);text-align:right}
.eau-h1{font-size:40px;line-height:1.22;color:#fff;margin:0 0 22px;max-width:840px}
.eau-lead{font-size:16px;line-height:1.85;color:rgba(234,244,250,.66);max-width:640px;margin:0 0 34px}
.eau-cta{display:inline-block;background:#4fb6e8;color:#0a1b29;font-weight:700;font-size:14px;padding:14px 26px;border-radius:6px;text-decoration:none}
.eau-cta:hover{background:#71c6ef;color:#0a1b29;text-decoration:none}

.eau-chiffre{background:#112c40;color:#eaf4fa;padding:66px 0 46px;position:relative;z-index:2}
.eau-chiffre-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.eau-big{display:block;font-size:82px;line-height:1;color:#4fb6e8;font-weight:700}
.eau-big-sub{display:block;font-size:14px;color:rgba(234,244,250,.5);margin-top:10px}
.eau-repartition p{display:flex;gap:16px;font-size:14.5px;color:rgba(234,244,250,.72);margin:0 0 11px;border-bottom:1px solid rgba(234,244,250,.11);padding-bottom:11px}
.eau-repartition span{display:inline-block;min-width:52px;font-weight:700;color:#4fb6e8}
.eau-repartition .eau-boire{border-bottom:0;color:#e8a33d}
.eau-repartition .eau-boire span{color:#e8a33d}
.eau-note{max-width:1180px;margin:34px auto 0;padding:0 22px;font-size:15px;line-height:1.8;color:rgba(234,244,250,.55)}
.eau-note span{display:block;max-width:660px}

.eau-gestes{background:#112c40;color:#eaf4fa;padding:74px 0;position:relative;z-index:2}
.eau-h2{font-size:30px;margin:0 0 34px;color:#fff}
.eau-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:20px}
.eau-card{border:1px solid rgba(234,244,250,.13);border-radius:10px;padding:24px 22px;background:#16364d}
.eau-card-gain{font-size:24px;font-weight:700;color:#4fb6e8;margin:0 0 10px}
.eau-card-euros{display:inline-block;font-family:"Bebas Neue","Oswald",sans-serif;font-size:19px;letter-spacing:1px;color:#0d2233;background:#9eb083;border-radius:4px;padding:1px 9px;vertical-align:2px}
.eau-argent{font-size:15.5px;line-height:1.85;color:rgba(234,244,250,.72);max-width:660px;margin:-16px 0 32px}
.eau-argent strong{color:#9eb083;font-weight:700}
.eau-card h3{font-size:16px;margin:0 0 10px;color:#fff}
.eau-card p{font-size:13.5px;line-height:1.72;color:rgba(234,244,250,.62);margin:0 0 10px}
.eau-card-cost{font-size:12.5px;color:rgba(234,244,250,.42);margin:0}
.eau-source{font-size:12.5px;color:rgba(234,244,250,.4);margin:26px 0 0;max-width:660px}

/* Le bloc de sorties passe sur le vert du logo. Sur ce fond clair, le texte
   blanc tomberait à 2,3:1 — illisible. Tout repasse donc sur le bleu nuit du
   site, qui donne 7:1. */
.eau-suite{background:#9eb083;padding:66px 0 78px;position:relative;z-index:2}
.eau-suite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.eau-suite-card{display: block; padding: 26px 24px; background: #4e6424;	border: 2px solid rgba(96,124,45,.90);	border-radius: 10px; text-decoration: none; transition: transform .2s,box-shadow .2s;	box-shadow: 0 10px 26px rgba(13,34,51,.18);
}
.eau-suite-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(13,34,51,.28);text-decoration:none}
.eau-suite-k{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#9eb083;margin-bottom:12px}
.eau-suite-card strong{display:block;font-size:17px;color:#fff;margin-bottom:9px}
.eau-suite-card span:last-child{display:block;font-size:13.5px;line-height:1.7;color:rgba(234,244,250,.6)}

@media (max-width:900px){
    .eau-h1{font-size:29px}
    .eau-hero{padding:86px 0 70px}
    .eau-hero-bg{background-position:32% 74%}
    /* Le bandeau cookies du thème occupe le bas de l'écran en mobile :
       la legende passerait dessous. On la retire, elle n'est pas essentielle. */
    .eau-hero-legende{display:none}
    .eau-chiffre-grid{grid-template-columns:1fr;gap:26px}
    .eau-big{font-size:60px}
    .eau-h2{font-size:24px}
}

/* ── Adhésion ────────────────────────────────────────────────────────────
   Section volontairement sans fond : le calque vidéo du thème
   (.nk-page-background, z-index -1) passe derrière, comme sur la page
   « Le monde de demain ». Les sections qui l'encadrent étant opaques, le bloc
   apparaît comme une respiration au milieu de la page. */
.eau-adhesion{padding:78px 0;position:relative;z-index:2;
    font-family:"Roboto Condensed",sans-serif;color:#eaf4fa}
.eau-adhesion .eau-kicker{color:#9eb083}
.eau-adhesion-boite{max-width:680px;margin:0 auto;text-align:center;
    border:1px solid rgba(158,176,131,.45);background:rgba(13,34,51,.55);
    border-radius:12px;padding:44px 38px}
.eau-adhesion .eau-h2{font-size:25px;line-height:1.3;margin:0 0 14px}
.eau-adhesion-texte{font-size:16px;line-height:1.75;color:rgba(234,244,250,.78);
    max-width:520px;margin:0 auto 28px}
.eau-adhesion-cta{display:inline-block;background:#9eb083;color:#0d2233;font-weight:700;
    font-size:15px;padding:14px 30px;border-radius:6px;text-decoration:none}
.eau-adhesion-cta:hover{background:#b3c399;color:#0d2233;text-decoration:none}

@media (max-width:900px){
    .eau-adhesion{padding:56px 0}
    .eau-adhesion-boite{padding:32px 22px}
    .eau-adhesion .eau-h2{font-size:20px}
}