/**
 * ge-expose.css — Gallium Estate
 * Ausgelagert aus page-expose.php
 */

/* ═══════════════════════════════════════════════════════════════
   EXPOSÉ PREMIUM v45 — Gallium Estate
═══════════════════════════════════════════════════════════════ */
:root{
  --ex-navy:var(--navy);--ex-gold:var(--gold);--ex-gold-l:var(--gold-l);
  --ex-warm:var(--warm);--ex-muted:var(--muted);--ex-border:var(--border);
  --ex-serif:'Cormorant Garamond',Georgia,serif;
  --ex-sans:'Outfit',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
.ex-wrap{background:#fff;font-family:var(--ex-sans);color:#1a1a1a;min-height:60vh;}

/* ── GALERIE ── */
/* ── Gallery Premium ── */
.ex-gallery{position:relative;background:var(--ex-navy);overflow:hidden;max-width:960px;margin:48px auto 0;border-radius:16px;box-shadow:0 24px 60px rgba(10,26,47,.18);}
.ex-gallery__slider{display:flex;height:520px;transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform;}
@media(max-width:768px){.ex-gallery__slider{height:280px;}}
.ex-gallery__slide{flex:0 0 100%;position:relative;overflow:hidden;}
.ex-gallery__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.ex-gallery__img:hover{transform:scale(1.015);}
.ex-gallery__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d2339,#1a3a5c);font-size:80px;}
/* Nav arrows */
.ex-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(10,26,47,.7);border:1px solid rgba(201,168,106,.3);color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease,border-color .2s ease;backdrop-filter:blur(6px);}
.ex-gallery__nav:hover{background:rgba(201,168,106,.2);border-color:rgba(201,168,106,.6);transform:translateY(-50%) scale(1.06);}
.ex-gallery__nav--prev{left:14px;}.ex-gallery__nav--next{right:14px;}
/* Bottom bar: counter + zoom hint */
.ex-gallery__bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(to top,rgba(10,26,47,.75),transparent);pointer-events:none;}
.ex-gallery__counter{background:rgba(10,26,47,.7);color:rgba(255,255,255,.85);font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;backdrop-filter:blur(4px);letter-spacing:.04em;}
.ex-gallery__zoom-hint{font-size:11px;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:5px;}
/* Grundriss badge on slide */
.ex-gallery__badge-grundriss{position:absolute;bottom:12px;right:12px;background:rgba(201,168,106,.9);color:#0A1A2F;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:20px;backdrop-filter:blur(4px);}
/* Premium Thumbnail Strip */
.ex-gallery__thumbstrip{display:flex;gap:5px;padding:8px;background:rgba(10,26,47,.95);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(201,168,106,.3) transparent;}
.ex-gallery__thumbstrip::-webkit-scrollbar{height:3px;}
.ex-gallery__thumbstrip::-webkit-scrollbar-thumb{background:rgba(201,168,106,.3);border-radius:2px;}
.ex-gallery__thumb{flex:0 0 88px;height:62px;cursor:pointer;border:2px solid transparent;border-radius:6px;overflow:hidden;transition:border-color .18s ease,opacity .18s ease,transform .18s ease;background:none;padding:0;position:relative;}
.ex-gallery__thumb:hover{border-color:rgba(201,168,106,.5);transform:scale(1.04);}
.ex-gallery__thumb.is-active{border-color:var(--ex-gold,#C9A86A);box-shadow:0 0 0 1px rgba(201,168,106,.3);}
.ex-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ex-thumb__label{position:absolute;bottom:0;left:0;right:0;background:rgba(10,26,47,.8);color:rgba(201,168,106,.9);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:2px 4px;}
/* Status badge */
.ex-status{position:absolute;top:16px;left:16px;z-index:5;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.ex-status--verfuegbar{background:#16a34a;color:#fff;}

.ex-status--reserviert{background:#f59e0b;color:#fff;}
.ex-status--verkauft{background:var(--muted);color:#fff;}

/* ── BREADCRUMB ── */
.ex-breadcrumb{background:#f9f8f6;border-bottom:1px solid var(--ex-border);padding:10px 0;}
.ex-breadcrumb__inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ex-muted);flex-wrap:wrap;}
.ex-breadcrumb__inner a{color:var(--ex-muted);text-decoration:none;}
.ex-breadcrumb__inner a:hover{color:var(--ex-navy);}

/* ── LAYOUT ── */
.ex-layout{max-width:1200px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start;}
@media(max-width:1024px){.ex-layout{grid-template-columns:1fr;}}
@media(max-width:768px){.ex-layout{padding:24px 16px;}}

/* ── TITLE AREA ── */
.ex-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ex-gold);margin-bottom:8px;}
.ex-title{font-family:var(--ex-serif);font-size:clamp(26px,3.5vw,40px);font-weight:300;color:var(--ex-navy);line-height:1.2;margin:0 0 12px;}
.ex-location{font-size:14px;color:#374151;display:flex;align-items:center;gap:6px;margin-bottom:24px;font-weight:500;}
.ex-price-row{display:flex;align-items:baseline;gap:16px;padding:20px 0;border-top:2px solid #0A1A2F;border-bottom:2px solid #0A1A2F;margin-bottom:28px;}
.ex-price{font-family:var(--ex-serif);font-size:clamp(28px,3vw,38px);font-weight:300;color:#0A1A2F;}
.ex-price em{color:#9A7030;font-style:normal;}
.ex-price-label{font-size:12px;color:#374151;text-transform:uppercase;letter-spacing:.08em;font-weight:600;}

/* ── KEY FACTS GRID ── */
.ex-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:32px;}
.ex-fact{background:#F0EDE8;border:1px solid #C9B89A;border-radius:10px;padding:14px 16px;}
.ex-fact__val{font-size:20px;font-weight:700;color:#0A1A2F;line-height:1;}
.ex-fact__lbl{font-size:11px;color:#4B5563;margin-top:4px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;}

/* ── SECTIONS ── */
.ex-section{margin-bottom:36px;}
.ex-section-title{font-family:var(--ex-serif);font-size:22px;font-weight:400;color:#0A1A2F;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #C9A86A;}
.ex-text{font-size:15px;line-height:1.8;color:#1F2937;}

/* ── AUSSTATTUNG ── */
.ex-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;}
.ex-feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#374151;padding:8px 12px;background:#f9f8f6;border-radius:8px;border:1px solid var(--ex-border);}
.ex-feature svg{flex-shrink:0;color:var(--ex-gold);margin-top:1px;}

/* ── CHANCEN ── */
.ex-chances{display:flex;flex-direction:column;gap:8px;}
.ex-chance{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#f9fafb);border:1px solid #bbf7d0;border-radius:8px;font-size:14px;color:#166534;}

/* ── ENERGIE ── */
.ex-energie{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f9f8f6;border:1px solid var(--ex-border);border-radius:10px;margin-bottom:12px;}
.ex-energie-badge{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0;}
.ex-energie-badge--A,.ex-energie-badge--A+{background:#16a34a;}
.ex-energie-badge--B{background:#65a30d;}
.ex-energie-badge--C{background:#84cc16;}
.ex-energie-badge--D{background:#eab308;}
.ex-energie-badge--E{background:#f97316;}
.ex-energie-badge--F,.ex-energie-badge--G,.ex-energie-badge--H{background:#dc2626;}

/* ── KARTE ── */
.ex-map{border-radius:12px;overflow:hidden;border:1px solid var(--ex-border);margin-bottom:16px;}
.ex-map iframe{width:100%;height:340px;border:0;display:block;}
.ex-map-placeholder{width:100%;height:340px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;color:var(--ex-muted);font-size:14px;}

/* ── SIDEBAR ── */
.ex-sidebar{position:sticky;top:100px;}
.ex-sidebar-card{background:#fff;border:1px solid var(--ex-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06);margin-bottom:16px;}

/* Makler card */
.ex-makler{padding:24px;text-align:center;}
.ex-makler__photo{width:240px;height:240px;border-radius:50%;object-fit:cover;border:3px solid var(--ex-gold);margin:0 auto 16px;display:block;}
.ex-makler__photo-placeholder{width:240px;height:240px;border-radius:50%;background:var(--ex-navy);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:3px solid var(--ex-gold);}
.ex-makler__name{font-family:var(--ex-serif);font-size:20px;font-weight:400;color:#0A1A2F;margin:0 0 2px;}
.ex-makler__title{font-size:12px;color:#7A5010;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-weight:700;}
.ex-makler__actions{display:flex;flex-direction:column;gap:8px;}
.ex-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease,border-color .2s ease;letter-spacing:.03em;}
.ex-btn--gold{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;}
.ex-btn--gold:hover{opacity:.9;transform:translateY(-1px);}
.ex-btn--outline{background:#fff;color:var(--ex-navy);border:1.5px solid var(--ex-border);}
.ex-btn--outline:hover{border-color:var(--ex-navy);}
.ex-btn--phone{background:var(--ex-navy);color:#fff;}
.ex-btn--phone:hover{background:#0d2039;}
.ex-btn--whatsapp{background:#25D366;color:#fff;}

/* Anfrage-Formular */
.ex-form{padding:24px;}
.ex-form h3{font-family:var(--ex-serif);font-size:18px;font-weight:400;color:var(--ex-navy);margin:0 0 16px;}
.ex-form input,.ex-form select,.ex-form textarea{width:100%;padding:10px 14px;border:1.5px solid var(--ex-border);border-radius:8px;font-family:var(--ex-sans);font-size:14px;color:#1a1a1a;background:#fff;margin-bottom:10px;transition:border-color .2s;}
.ex-form input:focus,.ex-form select:focus,.ex-form textarea:focus{outline:none;border-color:var(--ex-gold);}
.ex-form textarea{height:90px;resize:vertical;}
.ex-form label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ex-muted);margin-bottom:4px;}

/* Trust bar */
.ex-trust{display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px;border-top:1px solid #D1C9BC;}
.ex-trust-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#374151;font-weight:500;}
.ex-trust-item svg{color:#7A5010;}

/* Lightbox */
/* ── Lightbox Premium ── */
.ex-lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(4,10,20,.97);flex-direction:column;align-items:center;justify-content:center;}
.ex-lightbox.is-open{display:flex;animation:lbFadeIn .18s ease;}
@keyframes lbFadeIn{from{opacity:0}to{opacity:1}}
.ex-lightbox__inner{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:60px 0 0;}
.ex-lightbox__imgwrap{flex:1;display:flex;align-items:center;justify-content:center;width:100%;position:relative;padding:0 72px;}
.ex-lightbox__img{max-width:100%;max-height:calc(100vh - 180px);object-fit:contain;border-radius:4px;box-shadow:0 32px 80px rgba(0,0,0,.5);}
.ex-lightbox__caption{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(201,168,106,.15);border:1px solid rgba(201,168,106,.3);color:rgba(201,168,106,.9);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 14px;border-radius:20px;white-space:nowrap;}
.ex-lightbox__close{position:absolute;top:16px;right:20px;color:rgba(255,255,255,.7);width:40px;height:40px;cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease,border-color .2s ease;z-index:10;}
.ex-lightbox__close:hover{background:rgba(255,255,255,.15);color:#fff;}
.ex-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.75);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease,border-color .2s ease;}
.ex-lightbox__nav:hover{background:rgba(201,168,106,.15);border-color:rgba(201,168,106,.4);color:#fff;}
.ex-lightbox__nav--prev{left:16px;}.ex-lightbox__nav--next{right:16px;}
/* Footer: counter + thumb strip */
.ex-lightbox__footer{width:100%;padding:8px 16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;}
.ex-lightbox__counter{color:rgba(255,255,255,.45);font-size:12px;letter-spacing:.06em;}
.ex-lightbox__thumbstrip{display:flex;gap:5px;overflow-x:auto;max-width:90vw;padding:2px;scrollbar-width:thin;scrollbar-color:rgba(201,168,106,.3) transparent;}
.ex-lb-thumb{flex:0 0 72px;height:50px;cursor:pointer;border:2px solid rgba(255,255,255,.1);border-radius:5px;overflow:hidden;background:none;padding:0;position:relative;transition:border-color .15s ease,opacity .15s ease,transform .15s ease;}
.ex-lb-thumb:hover{border-color:rgba(201,168,106,.5);}
.ex-lb-thumb.is-active{border-color:var(--ex-gold,#C9A86A);box-shadow:0 0 0 1px rgba(201,168,106,.4);}
.ex-lb-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ex-lb-thumb .ex-thumb__label{font-size:8px;}


/* ── v74: Neue Klassen aus inline-styles ─────────────────────────────────── */
.ex-warning-banner {
  background: #fef3c7;
  border-bottom: 2px solid #f59e0b;
  padding: 10px 24px;
  text-align: center;
  font-size: 13px;
  color: #92400e;
}
.ex-provision-sub {
  font-size: 12px;
  color: var(--ex-muted, #6B7280);
  border-left: 1px solid var(--ex-border, #E2DDD4);
  padding-left: 16px;
}
.ex-provision-val { color: #1a1a1a; font-weight: 600; }
.ex-icon-inline { flex-shrink: 0; margin-top: 1px; }
.ex-details-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ex-energie-label { font-weight: 600; color: var(--ex-navy, #0A1A2F); }
.ex-energie-sub { font-size: 13px; color: var(--ex-muted, #6B7280); }

/* ── v75: Statische inline-styles bereinigt ─────────── */

/* Tabelle: Label-Zelle */
.ex-td--lbl {
  padding: 10px 14px;
  color: #4B5563;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  width: 40%;
  border-bottom: 1px solid #D1C9BC;
}

/* Tabelle: Wert-Zelle */
.ex-td--val {
  padding: 10px 14px;
  color: #0A1A2F;
  border-bottom: 1px solid #D1C9BC;
  font-weight: 600;
}

/* Freitext-Energieausweis */
.ex-energy-hint {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 10px;
  padding: 16px 20px;
  color: #166534;
}

/* Objekt-ID Hinweis */
.ex-obj-id {
  font-size: 12px;
  color: #374151;
  font-weight: 600;
}

/* Formular-Trennlinie oben */
.ex-form--bordered {
  border-top: 1px solid var(--ex-border, #E9E4DB);
}

/* Submit-Button volle Breite */
.ex-btn--full {
  width: 100%;
  margin-top: 4px;
}

/* Outline-Button zentriert */
.ex-btn--centered {
  justify-content: center;
}