/*
Theme Name: ZELQARO Noir et Or
Theme URI: https://zelqaro.fr
Author: ZELQARO
Description: Maquette ZELQARO noir et or, entretien et accessoires pour animaux, vitrine sans vente.
Version: 1.0.2
Requires at least: 6.0
Text Domain: zelqaro
*/

:root{--bg:#f6f5f2;--ink:#17211e;--sub:#65716b;--line:#e6e7e2;--gold:#bc9365}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:1230px;margin:auto;padding:0 25px}.top{background:#1d2825;color:#eee;text-align:center;font-size:12px;padding:10px}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.bar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:900;letter-spacing:.16em}.brand em{font-style:normal;color:var(--gold)}nav{display:flex;gap:28px;font-size:14px;font-weight:700}.note{font-size:12px;color:var(--sub)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:455px;overflow:hidden;background:#202c29;color:white;margin-top:27px;border-radius:18px}.hero .copy{padding:70px 56px;align-self:center}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:#d7bd97}.hero h1{font-size:clamp(36px,4.4vw,62px);letter-spacing:-.055em;line-height:1.08;margin:20px 0}.hero p{color:#d1d9d4;line-height:1.75;max-width:445px}.hero img{width:100%;height:100%;object-fit:cover;display:block}.button{display:inline-block;background:#fff;color:#18221f;padding:15px 21px;border-radius:6px;font-size:13px;font-weight:800;margin-top:19px}.section{padding:58px 0 14px}.kicker{font-size:12px;letter-spacing:.12em;color:#97734c;text-transform:uppercase;font-weight:800}.section h2{font-size:clamp(27px,3vw,39px);margin:9px 0 12px;letter-spacing:-.045em}.lead{color:var(--sub);line-height:1.7;max-width:730px}.univers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:27px}.univ{position:relative;min-height:280px;border-radius:14px;overflow:hidden;background:#26322e;color:white;display:flex;align-items:end}.univ img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.univ:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#101818d9)}.univ div{position:relative;z-index:1;padding:27px}.univ h3{font-size:26px;margin:0 0 8px}.univ span{font-size:13px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.filters button{border:1px solid #cbd1cb;background:white;border-radius:30px;padding:10px 18px;font-size:13px}.filters button.active{background:#1d2926;color:#fff;border-color:#1d2926}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.product{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.photo{height:245px;background:#e9eae7;position:relative}.photo img{width:100%;height:100%;object-fit:contain;background:white}.photo .pill{position:absolute;left:12px;top:12px;background:#fffef0;padding:7px 10px;border:1px solid #e6e0d4;font-size:10px;letter-spacing:.04em;font-weight:bold;border-radius:4px}.details{padding:19px}.details h3{font-size:19px;margin:4px 0 9px}.details p{font-size:13px;color:var(--sub);line-height:1.65;min-height:42px}.details .status{font-size:12px;font-weight:800;color:#91734d}.details small{display:block;color:#75817a;font-size:11px;margin-top:9px}.info{background:#eeeae3;border-radius:14px;padding:28px 32px;margin:50px auto 10px;line-height:1.75}.info h2{margin:0 0 7px;font-size:25px}.info p{margin:0;color:#59655f}.footer{background:#1a2521;color:#fff;margin-top:65px;padding:43px 0}.footer .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer p{color:#acb8b1;font-size:13px}.copyright{font-size:12px;color:#b9c5bd}.attribution{font-size:11px;color:#777;padding:15px 0 27px;line-height:1.6}.attribution a{text-decoration:underline}.errorfallback{display:none;padding:30px;text-align:center;color:#69716d}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero .copy{padding:47px 28px}.hero img{height:290px}.products{grid-template-columns:repeat(2,1fr)}nav{gap:12px;font-size:12px}.univers{grid-template-columns:1fr}.footer .wrap{display:block}}@media(max-width:520px){.wrap{padding:0 15px}.bar{height:68px}.brand{font-size:20px}nav{gap:10px;font-size:11px}.hero h1{font-size:40px}.section{padding-top:42px}.products{gap:10px}.photo{height:165px}.details{padding:13px}.details h3{font-size:16px}.details p{font-size:12px}.details small{font-size:10px}}

/* ZELQARO — variantes de couleur */
body{transition:background-color .22s,color .22s}
body[data-theme="sable"]{--bg:#f6f4ef;--ink:#202622;--sub:#69716a;--line:#e7e3db;--accent:#b58954;--hero:#25312d;--heroText:#fff;--panel:#fff;--barbg:#25312d;--foot:#202a26;--info:#eee9e0;--cta:#fff;--ctaInk:#202622}
body[data-theme="or"]{--bg:#111315;--ink:#f4f0e9;--sub:#b8b5af;--line:#343539;--accent:#dcb16a;--hero:#1c1d20;--heroText:#f9f4eb;--panel:#1f2225;--barbg:#080a0b;--foot:#090b0c;--info:#222427;--cta:#dcb16a;--ctaInk:#151515}
body[data-theme="bleu"]{--bg:#eff4f7;--ink:#172d42;--sub:#64798a;--line:#dbe5eb;--accent:#438eb8;--hero:#102f4b;--heroText:#fff;--panel:#fff;--barbg:#102d47;--foot:#102d47;--info:#dfeaf1;--cta:#fff;--ctaInk:#143550}
body[data-theme="sauge"]{--bg:#f0f3ec;--ink:#24372c;--sub:#6a7d6e;--line:#dce5da;--accent:#68886e;--hero:#31533d;--heroText:#fff;--panel:#fff;--barbg:#284332;--foot:#284332;--info:#e0e9dd;--cta:#fff;--ctaInk:#294b35}
body{background:var(--bg);color:var(--ink)}.top{background:var(--barbg)}.header{background:var(--panel);border-color:var(--line)}.brand em{color:var(--accent)}.hero{background:var(--hero);color:var(--heroText)}.eyebrow{color:var(--accent)}.button{background:var(--cta);color:var(--ctaInk)}.kicker,.details .status{color:var(--accent)}.product{background:var(--panel);border-color:var(--line)}.filters button{background:var(--panel);color:var(--ink);border-color:var(--line)}.filters button.active{background:var(--hero);color:var(--heroText);border-color:var(--accent)}.info{background:var(--info)}.info p{color:var(--sub)}.footer{background:var(--foot)}.note,.lead,.details p{color:var(--sub)}
.theme-tray{position:sticky;top:78px;z-index:2;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 3px 18px #00000010}.theme-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}.theme-label{font-size:13px;font-weight:800;white-space:nowrap}.theme-options{display:flex;gap:8px;flex-wrap:wrap}.theme-choice{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:100px;padding:8px 12px;font-size:12px;font-weight:700}.theme-choice[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:1px}.theme-dot{width:13px;height:13px;border-radius:50%;border:1px solid #7775;display:inline-block}.theme-hint{font-size:11px;color:var(--sub);margin:0;padding-bottom:10px}.attribution{color:var(--sub)}
@media(max-width:800px){.theme-tray{top:68px}.theme-wrap{align-items:flex-start;flex-direction:column}.theme-options{gap:6px}.theme-choice{padding:8px 10px;font-size:11px}}

/* Présentation catalogue ZELQARO : photographies sans bandeau et sans bandes blanches */
.product .photo{background:#1c2226;overflow:hidden}
.product .photo img{display:block;width:100%;height:100%;object-fit:cover;background:#1c2226}
.product .photo .pill{display:none!important}

/* Catalog: every product has its own illustration; theme remains black and gold */
.product .photo img{width:100%;height:100%;object-fit:cover;}

/* Le lien Catalogue ouvre directement les filtres et les produits. */
#catalogue{scroll-margin-top:100px}
@media(max-width:700px){#catalogue{scroll-margin-top:88px}}