/*
Theme Name: Aquanimaux
Description: Thème magazine sur-mesure d'Aquanimaux — le bien-être animal par l'eau.
Author: La rédaction
Version: 1.0
Text Domain: aquanimaux
*/

@font-face{font-family:'Oswald';src:url('/fonts/oswald.woff2') format('woff2');font-weight:200 700;font-display:swap}
@font-face{font-family:'Great Vibes';src:url('/fonts/greatvibes.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
  --creme:#f2ede6;
  --petrole:#11393f;
  --petrole-2:#16454c;
  --encre:#12333a;
  --sable:#d8c4b0;
  --cuivre:#b57a52;
  --cuivre-f:#a06843;
  --gris:#4c5a58;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--gris);font-family:'Segoe UI',system-ui,sans-serif;line-height:1.7}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}

.osw{font-family:'Oswald','Arial Narrow',sans-serif}
.script{font-family:'Great Vibes',cursive;font-weight:400}

/* ---------- NAV ---------- */
.nav{position:absolute;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.1rem 2rem;gap:1rem}
.nav ul{list-style:none;display:flex;gap:1.4rem;margin:0;padding:0}
.nav ul a{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#f4faf8;font-weight:600;text-shadow:0 1px 10px rgba(10,40,44,.45)}
.nav ul a:hover{color:#ffd9bd}
.nav .logo{font-size:2.3rem;color:#f7fcfa;line-height:1;text-shadow:0 1px 14px rgba(10,40,44,.5)}
.nav .cta{justify-self:end}
.lg{display:inline-flex;align-items:center;gap:.55rem}
.lgm{width:1.5em;height:1.5em;flex:none;margin-top:-.18em}
.lg-paw{fill:#e9b98f}
.lg-waves{fill:none;stroke:#f7fcfa;stroke-width:3.4;stroke-linecap:round}
.nav.nav-solid .lg-paw{fill:var(--cuivre)}
.nav.nav-solid .lg-waves{stroke:var(--petrole)}
footer.site-footer .lg-paw{fill:var(--cuivre)}
footer.site-footer .lg-waves{stroke:var(--petrole)}
.nav.nav-solid{position:relative;background:var(--creme);border-bottom:1px solid #e2d8c9}
.nav.nav-solid ul a{color:var(--petrole);text-shadow:none}
.nav.nav-solid ul a:hover{color:var(--cuivre-f)}
.nav.nav-solid .logo{color:var(--petrole);text-shadow:none}
.btn{display:inline-block;background:var(--cuivre);color:#fff;font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:.85rem 1.6rem;border:none;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--cuivre-f)}

/* ---------- HERO (front) ---------- */
.hero{position:relative;min-height:100vh;background:url('/img/hero-plongee.jpg') center top/cover no-repeat;display:flex;align-items:flex-end;justify-content:center;text-align:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(240,252,250,.06) 40%,rgba(228,248,245,.34) 100%)}
.hero-inner{position:relative;z-index:2;padding:0 1.2rem 13vh;max-width:1000px}
.hero .script{font-size:clamp(1.6rem,3vw,2.4rem);color:#8a5a38;display:block;margin-bottom:.4rem;text-shadow:0 1px 12px rgba(255,255,255,.5)}
.hero h1{font-family:'Oswald',sans-serif;font-weight:600;color:var(--petrole);font-size:clamp(2.6rem,8.5vw,6.2rem);letter-spacing:clamp(.14em,2vw,.34em);text-indent:clamp(.14em,2vw,.34em);margin:0 0 1rem;line-height:1.05;text-transform:uppercase;text-shadow:0 1px 18px rgba(255,255,255,.35)}
.hero .sub{font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#a4653c;font-size:clamp(.95rem,1.9vw,1.35rem);margin:0}

/* ---------- COMMON ---------- */
.kicker{font-size:clamp(1.7rem,2.6vw,2.3rem);color:var(--cuivre-f);display:block;margin-bottom:.2rem}
.h-big{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;color:var(--petrole);font-size:clamp(1.9rem,4vw,3.1rem);letter-spacing:.14em;line-height:1.15;margin:0 0 1.2rem}

/* ---------- HISTOIRE ---------- */
.histoire{background:var(--sable);margin:3.5rem 2rem;padding:4.5rem 2rem}
.histoire .in{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:230px 1fr;gap:3rem;align-items:start}
.histoire .credit{border-top:1px solid var(--petrole);padding-top:.8rem;font-family:'Oswald',sans-serif;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--petrole);font-weight:600;margin-top:3.2rem}
.histoire .txt p{font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#3d3128;font-size:1.02rem;line-height:1.75;margin:0 0 1.8rem}
.histoire .txt strong{color:var(--petrole);font-weight:600}

/* ---------- À LA UNE ---------- */
.une{margin:0 2rem 3.5rem;display:grid;grid-template-columns:1fr 1fr .95fr;gap:.8rem;min-height:640px}
.card-big{position:relative;display:flex;align-items:flex-start;padding:5.5rem 2rem 2rem;background-size:cover;background-position:center;overflow:hidden}
.card-big::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(8,26,30,.25),rgba(8,26,30,.72))}
.card-big .t{position:relative;z-index:2}
.card-big h3{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;color:#fff;font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1.2;letter-spacing:.02em;margin:0 0 .8rem}
.card-big .tag{font-family:'Oswald',sans-serif;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#e9d3c0;font-weight:600}
.panel{background:var(--petrole);color:#cfe0dd;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;padding:3rem 2.6rem;gap:1.4rem}
.panel .h-esp{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;color:#fff;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:.3em;line-height:1.25;margin:0}
.panel p{font-size:.98rem;line-height:1.8;margin:0;max-width:34ch}
.panel p strong{color:#fff}

/* ---------- RUBRIQUES ---------- */
.rub{margin:0 2rem 3.5rem;display:grid;grid-template-columns:.62fr 1fr;gap:0;align-items:stretch}
.rub.flip{grid-template-columns:1fr .62fr}
.rub .intro{background:#fff;padding:4.2rem 3rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.rub .intro .h-esp{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;color:var(--petrole);font-size:clamp(2.2rem,4.6vw,3.6rem);letter-spacing:.22em;line-height:1.1;margin:0 0 1.1rem}
.rub .intro p{margin:0 0 1.8rem;max-width:44ch}
.rub .intro p strong{color:var(--petrole)}
.rub .flux{background:var(--petrole);padding:2.6rem;display:flex;flex-direction:column;gap:1.6rem;justify-content:center;background-image:linear-gradient(rgba(13,45,50,.88),rgba(13,45,50,.88)),var(--bgimg,none);background-size:cover;background-position:center}
.art{display:grid;grid-template-columns:1fr 165px;gap:1.4rem;align-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);padding:1.5rem 1.6rem;transition:background .2s,transform .2s}
.art:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.art h4{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;color:#fff;font-size:1.25rem;letter-spacing:.03em;line-height:1.3;margin:0 0 .5rem}
.art .meta{font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#d8a57c;font-weight:600;margin-bottom:.65rem;display:flex;align-items:center;gap:.55rem}
.art .meta::before{content:"";width:26px;height:1px;background:#d8a57c;display:inline-block}
.art p{color:#d7e4e2;font-size:.93rem;line-height:1.7;margin:0}
.art .athumb{width:165px;height:125px;object-fit:cover;filter:saturate(.92)}
@media(max-width:560px){.art{grid-template-columns:1fr}.art .athumb{width:100%;height:150px;order:-1}}

/* ---------- ARTICLE (single) ---------- */
.s-head{background:linear-gradient(rgba(242,237,230,.88),rgba(242,237,230,.84)),url('/img/hero-balneo-chien.jpg') center/cover no-repeat;border-bottom:1px solid #e2d8c9;text-align:center;padding:8.5rem 1.2rem 3.4rem}
.s-head .cat{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cuivre-f);font-weight:600;display:inline-block;margin-bottom:.9rem}
.s-head h1{font-family:'Oswald',sans-serif;font-weight:600;color:var(--petrole);font-size:clamp(1.8rem,4.4vw,3.2rem);letter-spacing:.06em;line-height:1.2;text-transform:uppercase;margin:0 auto .9rem;max-width:20ch}
.s-head .meta{font-family:'Oswald',sans-serif;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#8a7c6a;font-weight:600}
.s-head.s-head-cover{background-size:cover;background-position:center;border-bottom:none;padding:10rem 1.2rem 4rem}
.s-head.s-head-cover .cat{color:#f0c9a8;text-shadow:0 1px 8px rgba(8,26,30,.5)}
.s-head.s-head-cover h1{color:#fff;text-shadow:0 2px 18px rgba(8,26,30,.45)}
.s-head.s-head-cover .meta{color:#d8cbb8;text-shadow:0 1px 8px rgba(8,26,30,.5)}
.s-wrap{max-width:820px;margin:0 auto;padding:2.6rem 1.2rem 4rem}
.s-content{background:#fff;padding:3rem clamp(1.4rem,5vw,3.4rem);font-size:1.02rem;color:#41504e}
.s-content h2{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;color:var(--petrole);font-size:1.45rem;letter-spacing:.07em;line-height:1.3;margin:2.2rem 0 1rem}
.s-content h3{font-family:'Oswald',sans-serif;font-weight:600;color:var(--petrole-2);font-size:1.15rem;letter-spacing:.04em;margin:1.8rem 0 .8rem}
.s-content p{margin:0 0 1.2rem}
.s-content a{color:var(--cuivre-f);border-bottom:1px solid rgba(160,104,67,.35)}
.s-content a:hover{border-bottom-color:var(--cuivre-f)}
.s-content ul,.s-content ol{margin:0 0 1.2rem;padding-left:1.4rem}
.s-content li{margin-bottom:.45rem}
.s-content img{display:block;margin:1.6rem auto}
.s-content blockquote{background:var(--sable);border-left:4px solid var(--cuivre);margin:1.8rem 0;padding:1.2rem 1.6rem;font-style:italic;color:#3d3128}
.s-content table{border-collapse:collapse;width:100%;margin:1.6rem 0;font-size:.95rem}
.s-content th{background:var(--petrole);color:#fff;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;padding:.7rem .9rem;text-align:left}
.s-content td{border:1px solid #e5dccd;padding:.65rem .9rem}
.s-content tr:nth-child(even) td{background:#faf7f2}
.s-author{display:grid;grid-template-columns:74px 1fr;gap:1.3rem;align-items:center;background:#fff;border-top:3px solid var(--cuivre);margin-top:1rem;padding:1.6rem 2rem}
.s-author img{width:74px;height:74px;object-fit:cover;border-radius:50%}
.s-author .n{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--petrole);font-size:.95rem;margin-bottom:.3rem}
.s-author p{margin:0;font-size:.88rem;line-height:1.6}
.s-nav{max-width:1180px;margin:0 auto;padding:0 1.2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd2c2;border-bottom:1px solid #ddd2c2}
.s-nav .pn{padding:1.5rem 0}
.s-nav .pn a{color:var(--cuivre-f);font-size:1.05rem;transition:color .2s}
.s-nav .pn a:hover{color:var(--petrole)}
.s-related{max-width:1180px;margin:0 auto;padding:2.8rem 1.2rem 4.5rem}
.s-related .rt{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;color:var(--petrole);letter-spacing:.1em;font-size:clamp(1.4rem,2.6vw,2rem);margin:0 0 1.6rem}
.s-related .grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.s-related .rc{display:block}
.s-related .rc .im{overflow:hidden}
.s-related .rc img{width:100%;height:320px;object-fit:cover;display:block;transition:transform .35s}
.s-related .rc:hover img{transform:scale(1.04)}
.s-related .rc .m{font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cuivre-f);font-weight:600;margin:1rem 0 .4rem}
.s-related .rc h4{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;color:var(--petrole);font-size:1.2rem;letter-spacing:.04em;line-height:1.35;margin:0}
.s-related .rc:hover h4{color:var(--cuivre-f)}
@media(max-width:640px){.s-related .grid{grid-template-columns:1fr}.s-related .rc img{height:220px}}

/* ---------- ARCHIVES ---------- */
.arch-head{background:linear-gradient(rgba(242,237,230,.88),rgba(242,237,230,.84)),url('/img/hero-balneo-chien.jpg') center/cover no-repeat;border-bottom:1px solid #e2d8c9;text-align:center;padding:8.5rem 1.2rem 3.4rem}
.arch-head h1{font-family:'Oswald',sans-serif;font-weight:600;color:var(--petrole);font-size:clamp(2rem,6vw,4rem);letter-spacing:.18em;text-transform:uppercase;margin:0}
.arch-head .script{font-size:clamp(1.7rem,2.8vw,2.4rem);color:var(--cuivre-f);display:block;margin-bottom:.3rem}
.arch-grid{max-width:1100px;margin:0 auto;padding:3rem 1.2rem 4.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}
.ac{background:#fff;display:flex;flex-direction:column}
.ac img{width:100%;height:200px;object-fit:cover}
.ac .b{padding:1.4rem 1.5rem 1.6rem}
.ac .m{font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cuivre-f);font-weight:600;margin-bottom:.5rem}
.ac h2{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;color:var(--petrole);font-size:1.1rem;letter-spacing:.03em;line-height:1.35;margin:0 0 .5rem}
.ac p{margin:0;font-size:.9rem}
.pagin{max-width:1100px;margin:0 auto;padding:0 1.2rem 3rem;display:flex;gap:.6rem;justify-content:center}
.pagin a,.pagin span{font-family:'Oswald',sans-serif;font-size:.8rem;letter-spacing:.1em;padding:.5rem .9rem;background:#fff;color:var(--petrole)}
.pagin .current{background:var(--cuivre);color:#fff}

/* ---------- FOOTER ---------- */
footer.site-footer{background:#ece5da;border-top:1px solid #ddd2c2;padding:3.2rem 1rem 2.4rem;text-align:center}
footer.site-footer .logo{font-size:2.6rem;color:var(--petrole);margin-bottom:1.2rem}
footer.site-footer ul{list-style:none;display:flex;justify-content:center;gap:2rem;margin:0 0 1.8rem;padding:0;flex-wrap:wrap}
footer.site-footer ul a{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#6b6154;font-weight:600}
footer.site-footer ul a:hover{color:var(--cuivre-f)}
footer.site-footer .fine{font-size:.82rem;color:#95897a}
footer.site-footer .social{display:flex;justify-content:center;gap:1.6rem;margin:0 0 1.8rem}
footer.site-footer .social a{color:var(--cuivre);display:inline-flex;transition:color .2s}
footer.site-footer .social a:hover{color:var(--cuivre-f)}
footer.site-footer .social svg{width:22px;height:22px;fill:currentColor}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  .nav{grid-template-columns:1fr auto;padding:1rem 1.2rem}
  .nav ul{display:none}
  .une{grid-template-columns:1fr;min-height:0;margin:0 1rem 2.5rem}
  .card-big{min-height:380px}
  .rub,.rub.flip{grid-template-columns:1fr;margin:0 1rem 2.5rem}
  .histoire{margin:2.5rem 1rem;padding:3rem 1.4rem}
  .histoire .in{grid-template-columns:1fr;gap:1.4rem}
  .histoire .credit{margin-top:0}
  .hero{min-height:88vh}
  .s-content{padding:2rem 1.2rem}
  .s-author{grid-template-columns:60px 1fr;padding:1.3rem 1.2rem}
}