/* Theme previews for catalogue */

:root {
  --accent-1: #B88A49; /* warm gold */
  --accent-2: #7B1F2A; /* deep bordeaux */
  --accent-3: #1F4B3A; /* bottle green */
  --muted: #6b7280;
  --catalogue-page-bg: #f8f7f3;
}

#theme-previews {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: 6px 0 10px;
  margin: 0 0 12px;
  background: var(--catalogue-page-bg);
  backdrop-filter: none;
  box-shadow: none;
  isolation: isolate;
}

#theme-previews::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 8px;
  background: var(--catalogue-page-bg);
  pointer-events: none;
}

#theme-previews h2,
#theme-previews > p {
  display: none;
}

.theme-preview-wrap { display: grid; grid-template-columns: minmax(190px, 0.95fr) minmax(280px, 1.45fr) minmax(190px, 0.95fr); gap: 14px; margin: 0; align-items: stretch; }
.theme-card { border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(2,6,23,0.07); border: 1px solid #ece7e1; min-height: 0; }
.preview-card { display: flex; }
.preview-card-left,
.preview-card-right { aspect-ratio: 1 / 0.68; }
.preview-card-center { min-height: 0; }
.preview-sample { padding: 12px; display: flex; flex: 1; flex-direction: column; justify-content: center; }
.preview-sample-identite { background: linear-gradient(160deg, #faf6ef 0%, #f3ead8 100%); }
.preview-sample-description { background: linear-gradient(180deg, #ffffff 0%, #fbf8f5 100%); }
.preview-sample-prix { background: linear-gradient(160deg, #182d24 0%, #29473b 100%); color: #f7f4ef; align-items: center; text-align: center; }
.preview-eyebrow { font-size: 0.74rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #8a6a3b; }
.preview-title { font-size: 1.18rem; line-height: 1.08; font-weight: 700; margin-top: 8px; font-family: "Playfair Display", Georgia, serif; }
.preview-meta { color: var(--muted); margin-top: 8px; font-size: 0.88rem; font-weight: 600; }
.preview-domain { margin-top: 4px; font-size: 0.88rem; color: #1f2937; }
/* Classement du cru, affiche juste au-dessus de la note de degustation. */
.preview-classement { margin-top: 6px; font-size: 0.74rem; letter-spacing: 0.08em; text-transform: uppercase; color: #8a6d3b; }
.preview-classement[hidden] { display: none; }
.preview-description { margin: 8px 0 0; color: #374151; font-size: 0.88rem; line-height: 1.45; }
.preview-price-value { margin-top: 10px; font-size: clamp(1.5rem, 2vw, 2.1rem); font-weight: 800; line-height: 1; }
.preview-price-note { margin-top: 8px; font-size: 0.8rem; color: rgba(247,244,239,0.8); }
.preview-card-right .preview-eyebrow { color: #d9c39d; }

/* region sample helpers */
.region-sample { max-width: 980px; margin: 24px auto; padding: 20px; }
.region-header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.region-cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 18px; }
.region-item { border-radius: 12px; padding: 14px; background: rgba(0,0,0,0.03); }

/* small theme switcher */
.theme-switcher { display:flex; gap:8px; align-items:center; margin-left:12px; }
.theme-switcher button { padding:6px 10px; border-radius:8px; border:1px solid #ddd; background:#fff; cursor:pointer; }

/* Ensure previews responsive */
@media (max-width:900px) {
  #theme-previews {
    position: static;
    padding: 0;
    margin: 0 0 8px;
    background: var(--catalogue-page-bg);
    backdrop-filter: none;
    box-shadow: none;
  }
  .theme-preview-wrap { grid-template-columns: 1fr; }
  .preview-card-left,
  .preview-card-right,
  .preview-card-center { aspect-ratio: auto; }
  .theme-card { min-height: 220px; }
}

/* Dark theme overrides for the full catalogue page */
.dark-minimal { background: #0B0B0B; color: #F3F4F6; }
.dark-minimal { --catalogue-page-bg: #0B0B0B; }
.dark-minimal .container { background: transparent; }
.dark-minimal .header h1 { color: #F3F4F6; }
.dark-minimal .header p { color: #9CA3AF; }
.dark-minimal .nav a { color: #CBD5E1; background: rgba(255,255,255,0.02); border-color: rgba(255,255,255,0.04); }
.dark-minimal .nav a:hover { background: rgba(184,138,73,0.06); color: var(--accent-1); }
.dark-minimal .region-section { border-color: rgba(255,255,255,0.03); }
.dark-minimal .region-title { border-bottom-color: rgba(255,255,255,0.04); }
.dark-minimal .appellation-group { background: #0F1724; border: 1px solid rgba(255,255,255,0.04); }
.dark-minimal .appellation-summary { color: #E6EEF8; }
.dark-minimal .appellation-summary:hover { background: rgba(255,255,255,0.02); }
.dark-minimal .appellation-content { background: transparent; }
.dark-minimal .wine-link { background: #08121a; border: 1px solid rgba(255,255,255,0.03); color: #E6EEF8; }
.dark-minimal .wine-link:hover { border-color: rgba(184,138,73,0.22); transform: translateY(-1px); }
.dark-minimal .wine-meta { color: #9CA3AF; }
.dark-minimal .modal { background: #071322; color: #F3F4F6; box-shadow: 0 30px 80px rgba(2,6,23,.6); }
.dark-minimal .modal p, .dark-minimal .modal dd { color: #D1D5DB; }
.dark-minimal .modal dt { color: #9CA3AF; }
.dark-minimal .modal-close { background: rgba(255,255,255,0.03); }
.dark-minimal .price { color: var(--accent-1); }

/* Light elegant theme inspired by legardevins (white/black + burgundy accent) */
.light-elegant { background: #ffffff; color: #0b0b0b; }
.light-elegant { --catalogue-page-bg: #ffffff; }
.light-elegant .container { background: transparent; }
.light-elegant .header h1 { color: #0b0b0b; }
.light-elegant .header p { color: #4b5563; }
.light-elegant .nav a { color: #0b0b0b; background: #ffffff; border: 1px solid #e7e5e2; }
.light-elegant .nav a:hover { background: rgba(123,31,42,0.06); color: var(--accent-2); }
.light-elegant .region-section { border-color: #f0efed; }
.light-elegant .region-title { border-bottom-color: #ece9e6; }
.light-elegant .appellation-group { background: #ffffff; border: 1px solid #efeeec; }
.light-elegant .appellation-summary { color: #0b0b0b; }
.light-elegant .appellation-summary:hover { background: #faf9f8; }
.light-elegant .appellation-content { background: transparent; }
.light-elegant .wine-link { background: #ffffff; border: 1px solid #f0efed; color: #0b0b0b; }
.light-elegant .wine-link:hover { border-color: rgba(123,31,42,0.16); transform: translateY(-1px); }
.light-elegant .wine-meta { color: #6b7280; }
.light-elegant .modal { background: #ffffff; color: #0b0b0b; box-shadow: 0 30px 80px rgba(2,6,23,.12); }
.light-elegant .modal p, .light-elegant .modal dd { color: #374151; }
.light-elegant .modal dt { color: #4b5563; }
.light-elegant .modal-close { background: #f3f4f6; }
.light-elegant .price { color: var(--accent-2); }