/* ═══════════════════════════════════════════════════════════════
   IMAD Barber Shop — Design "Emerald Club"
   Aktiv über <html data-theme="emerald">; Grundlayout in style.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Hero-Bild, Galerie, Rundungen ───────────────────────────── */
:root{--radius:0px;--radius-lg:0px;--hero-img:none;}

.hero-media{position:absolute;inset:0;background:var(--hero-img) center/cover no-repeat;pointer-events:none;}
.hero-content{z-index:2;}
.hero::after{z-index:1;}

.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:10px;max-width:1100px;margin:0 auto;}
.gal-item{margin:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--card);}
.gal-wide{grid-column:span 2;}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.gal-item:hover img{transform:scale(1.04);}
@media(max-width:760px){.gal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px;}}
@media(prefers-reduced-motion:reduce){.gal-item img{transition:none;}}

.btn-primary,.btn-ghost,.nav-cta,.btn-next,.btn-back,.t-slot,.cal-d,.cal-arr,.f-group input,.c-ico,.ft-soc{border-radius:var(--radius);}
.bk-panel,.svc-card,.bk-summary,.map-ph,.bk-err{border-radius:var(--radius-lg);}

/* ══ EMERALD CLUB ════════════════════════════════════════════ */
[data-theme="emerald"]{
  --bg:#0E2A22;--bg2:#0B231C;--card:#0A211B;--card2:#103027;--card3:#153A2F;
  --gold:#C9A45C;--gold-dim:rgba(201,164,92,.13);--gold-line:rgba(201,164,92,.32);--on-gold:#0B231C;
  --text:#F1EAD8;--text-mid:#A9B8AE;--text-dim:#8A9C91;
  --border:rgba(201,164,92,.16);--border2:rgba(201,164,92,.3);--nav-bg:rgba(11,35,28,.94);
  --f-display:'Bodoni Moda','Cormorant Garamond',serif;
  --radius:2px;--radius-lg:6px;
}
[data-theme="emerald"] .hero-hex-bg,[data-theme="emerald"] .hero-pole{display:none;}
[data-theme="emerald"] .hero-media::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(14,42,34,.55),rgba(14,42,34,.92));}
[data-theme="emerald"] .hero h1{font-weight:500;letter-spacing:.02em;}
[data-theme="emerald"] .hero-sub-name{font-style:normal;color:var(--gold);letter-spacing:.5em;font-size:clamp(.8rem,2vw,1.1rem);}
[data-theme="emerald"] .svc-grid{border:none;gap:16px;max-width:1000px;}
[data-theme="emerald"] .svc-item{flex-direction:column;text-align:center;border:1px solid var(--border2);
  padding:2rem 1.5rem;border-radius:var(--radius-lg);}
[data-theme="emerald"] .svc-price{font-family:var(--f-display);font-size:1.6rem;}
[data-theme="emerald"] .gal-item{border:1px solid var(--border2);}
[data-theme="emerald"] .gal-item img{filter:sepia(.25) saturate(.8);}

/* Startbereich: der Laden mit der Sechseck-Decke, entsättigt unter dem grünen Verlauf */
[data-theme="emerald"]{--hero-img:url("../img/shop-noir-gold.jpg");}
[data-theme="emerald"] .hero-media{opacity:.5;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;}

/* Galerie: eigene Fotos ohne Sepia-Filter; beim Stuhl den oberen Teil zeigen */
[data-theme="emerald"] .gal-item img[src*="emerald-"]{filter:none;}
.gal-chair img{object-position:center 42%;}