/* ============================================================
   L'ATELIER – Vinoteca Hotel Accademia Trento
   Palette scura calda | Gold accent | Playfair + Jost
   ============================================================ */

/* ── Variables ─────────────────────────────────────────────── */
:root {
  --at-bg:         #1a1714;
  --at-bg-2:       #242018;
  --at-bg-3:       #2e2820;
  --at-cream:      #f0ebe2;
  --at-cream-dim:  rgba(240,235,226,.65);
  --at-cream-dim2: rgba(240,235,226,.3);
  --at-gold:       #c9a95c;
  --at-gold-lt:    #e4c98a;
  --at-light:      #faf7f2;
  --at-light-2:    #f0ebe0;
  --at-border:     rgba(240,235,226,.1);

  --at-serif: 'Playfair Display', Georgia, serif;
  --at-sans:  'Jost', system-ui, sans-serif;

  --at-nav-h:      72px;
  --at-container:  1200px;
  --at-sp-xs:      .5rem;
  --at-sp-sm:      1rem;
  --at-sp-md:      1.5rem;
  --at-sp-lg:      2.5rem;
  --at-sp-xl:      4rem;
  --at-sp-2xl:     6rem;
  --at-radius:     2px;
  --at-transition: .3s ease;
}

/* ── Reset ─────────────────────────────────────────────────── */
*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: var(--at-nav-h); font-size: 16px; }
body { font-family: var(--at-sans); font-weight: 300; color: var(--at-cream); background: var(--at-bg); line-height: 1.7; overflow-x: hidden; }
img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--at-transition); }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font: inherit; }

/* ── Typography ────────────────────────────────────────────── */
h1,h2,h3,h4 { font-family: var(--at-serif); color: var(--at-cream); line-height: 1.2; font-weight: 600; }
h1 { font-size: clamp(2.4rem,6vw,4.5rem); }
h2 { font-size: clamp(1.8rem,3.5vw,2.8rem); }
h3 { font-size: clamp(1.2rem,2vw,1.6rem); }
p  { margin-bottom: var(--at-sp-sm); color: var(--at-cream-dim); }
p:last-child { margin-bottom: 0; }

.at-label { display:inline-block; font-size:.75rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--at-gold); margin-bottom:var(--at-sp-xs); }
.at-divider { width:40px; height:1px; background:var(--at-gold); margin-block:var(--at-sp-sm); }
.at-divider--center { margin-inline:auto; }

/* ── Layout ────────────────────────────────────────────────── */
.at-container { width:100%; max-width:var(--at-container); margin-inline:auto; padding-inline:var(--at-sp-md); }
.at-section { padding-block: var(--at-sp-2xl); }
.at-section--light { background: var(--at-light); }
.at-section--light h2, .at-section--light h3 { color: var(--at-bg); }
.at-section--light p { color: #5a5248; }
.at-section--alt { background: var(--at-bg-2); }

/* ── Buttons ───────────────────────────────────────────────── */
.at-btn { display:inline-block; padding:.85rem 2rem; font-family:var(--at-sans); font-size:.88rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; transition:all var(--at-transition); border-radius:var(--at-radius); }
.at-btn--gold { background:var(--at-gold); color:var(--at-bg); }
.at-btn--gold:hover { background:var(--at-gold-lt); color:var(--at-bg); }
.at-btn--outline { border:1px solid var(--at-gold); color:var(--at-gold); }
.at-btn--outline:hover { background:var(--at-gold); color:var(--at-bg); }
.at-btn--dark { background:var(--at-bg); color:var(--at-cream); }
.at-btn--dark:hover { background:var(--at-bg-3); }

/* ── Navigation ────────────────────────────────────────────── */
.at-nav { position:fixed; top:0; left:0; right:0; z-index:100; height:var(--at-nav-h); background:rgba(26,23,20,.96); backdrop-filter:blur(8px); border-bottom:1px solid var(--at-border); }
.at-nav__inner { height:100%; max-width:var(--at-container); margin-inline:auto; padding-inline:var(--at-sp-md); display:flex; align-items:center; justify-content:space-between; gap:var(--at-sp-lg); }
.at-nav__logo { font-family:var(--at-serif); font-size:1.25rem; font-style:italic; color:var(--at-cream); letter-spacing:.02em; flex-shrink:0; }
.at-nav__logo span { color:var(--at-gold); font-style:normal; font-size:.65rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; display:block; margin-top:-.2rem; font-family:var(--at-sans); }
.at-nav__links { display:flex; align-items:center; gap:1.1rem; }
.at-nav__links a { font-size:.74rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--at-cream-dim); transition:color var(--at-transition); }
.at-nav__links a:hover { color:var(--at-gold); }
.at-nav__hotel { color:var(--at-gold) !important; border:1px solid var(--at-border); padding:.4rem .9rem; border-radius:var(--at-radius); }
.at-nav__hotel:hover { background:var(--at-gold) !important; color:var(--at-bg) !important; }
.at-nav__toggle { display:none; flex-direction:column; gap:5px; padding:.4rem; }
.at-nav__toggle span { display:block; width:22px; height:1.5px; background:var(--at-cream); transition:all .3s; }
.at-nav__lang { display:flex; align-items:center; gap:.3rem; flex-shrink:0; }
.at-nav__lang a { font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--at-cream-dim); padding:.25rem .4rem; border-radius:var(--at-radius); transition:color var(--at-transition); }
.at-nav__lang a:hover { color:var(--at-gold); }
.at-nav__lang a.is-active { color:var(--at-gold); border:1px solid var(--at-border); }

/* ── Hero ──────────────────────────────────────────────────── */
.at-hero { min-height:100svh; display:flex; align-items:center; position:relative; overflow:hidden; background-color:var(--at-bg); background-image:var(--at-hero-bg, none); background-size:cover; background-position:center; }
.at-hero__overlay { position:absolute; inset:0; background:linear-gradient(to right, rgba(26,23,20,.88) 55%, rgba(26,23,20,.45)); }
.at-hero__content { position:relative; z-index:2; max-width:620px; padding-top:var(--at-nav-h); }
.at-hero__tagline { font-family:var(--at-serif); font-size:clamp(1.4rem,3vw,2rem); font-style:italic; color:var(--at-cream); line-height:1.4; margin:var(--at-sp-sm) 0 var(--at-sp-lg); font-weight:400; }
.at-hero__tagline strong { font-style:normal; color:var(--at-gold); }
.at-hero__loc { font-size:.8rem; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--at-cream-dim); margin-bottom:var(--at-sp-md); display:flex; align-items:center; gap:.5rem; }
.at-hero__loc::before { content:''; display:inline-block; width:24px; height:1px; background:var(--at-gold); }
.at-hero__btns { display:flex; gap:var(--at-sp-sm); flex-wrap:wrap; }

/* ── Section header ────────────────────────────────────────── */
.at-section-header { margin-bottom:var(--at-sp-xl); }
.at-section-header--center { text-align:center; }
.at-section-header--center .at-divider { margin-inline:auto; }
.at-section-header p { max-width:620px; margin-top:var(--at-sp-sm); }
.at-section-header--center p { margin-inline:auto; }

/* ── La Selezione ──────────────────────────────────────────── */
.at-selezione__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--at-border); }
.at-selezione-card { background:var(--at-bg-2); display:grid; grid-template-columns:200px 1fr; gap:0; overflow:hidden; transition:background var(--at-transition); }
.at-selezione-card:hover { background:var(--at-bg-3); }
.at-selezione-card__image { overflow:hidden; }
.at-selezione-card__img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; min-height:180px; }
.at-selezione-card:hover .at-selezione-card__img { transform:scale(1.05); }
.at-selezione-card__placeholder { width:100%; height:100%; min-height:180px; background:var(--at-bg-3); }
.at-selezione-card__body { padding:var(--at-sp-lg); display:flex; flex-direction:column; justify-content:center; gap:var(--at-sp-xs); }
.at-selezione-card__title { font-family:var(--at-serif); font-size:1.25rem; color:var(--at-cream); margin:0 0 .4rem; }
.at-selezione-card__desc { font-size:.9rem; color:var(--at-cream-dim); line-height:1.65; margin:0; }

/* ── Proposte Sommelier ────────────────────────────────────── */
.at-proposte__intro { max-width:680px; margin-inline:auto; text-align:center; margin-bottom:var(--at-sp-xl); }
.at-proposte__note { font-size:.82rem; font-style:italic; color:#8a7f74; margin-top:var(--at-sp-sm); }
.at-proposte__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--at-sp-md); }
.at-proposta-card { background:var(--at-light-2); border-top:3px solid transparent; display:flex; flex-direction:column; gap:var(--at-sp-xs); overflow:hidden; }
.at-proposta-card--bianco   { border-color:#c8d8b0; }
.at-proposta-card--rosso    { border-color:#a83232; }
.at-proposta-card--bollicina { border-color:#c9a95c; }
.at-proposta-card--altro    { border-color:#8a7f74; }
.at-proposta-card__img-wrap { margin:0; line-height:0; }
.at-proposta-card__img { width:100%; height:200px; object-fit:cover; display:block; }
.at-proposta-card__tipo { font-size:.7rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; padding:var(--at-sp-lg) var(--at-sp-lg) 0; }
.at-proposta-card__name { font-family:var(--at-serif); font-size:1.2rem; color:var(--at-bg); margin:0; padding:0 var(--at-sp-lg); }
.at-proposta-card__prov { font-size:.78rem; color:#8a7f74; margin:0; font-style:italic; padding:0 var(--at-sp-lg); }
.at-proposta-card__note { font-size:.9rem; color:#5a5248; line-height:1.65; margin:.5rem 0 0; padding:0 var(--at-sp-lg) var(--at-sp-lg); }
.at-proposta-card--bianco   .at-proposta-card__tipo { color:#6a8c4a; }
.at-proposta-card--rosso    .at-proposta-card__tipo { color:#a83232; }
.at-proposta-card--bollicina .at-proposta-card__tipo { color:#a07830; }
.at-proposta-card--altro    .at-proposta-card__tipo { color:#8a7f74; }

/* ── Atmosfera ─────────────────────────────────────────────── */
.at-atmosfera__inner { display:grid; grid-template-columns:1fr 1fr; gap:var(--at-sp-xl); align-items:center; }
.at-atmosfera__gallery { display:grid; grid-template-rows:1fr 180px; gap:6px; height:560px; }
.at-atmosfera__gallery-main, .at-atmosfera__gallery-thumb { overflow:hidden; }
.at-atmosfera__img { width:100%; height:100%; object-fit:cover; display:block; }
.at-atmosfera__placeholder { width:100%; height:100%; background:var(--at-bg-2); }
.at-atmosfera__content h2 { margin-bottom:var(--at-sp-xs); }
.at-atmosfera__content p { color:var(--at-cream-dim); }
.at-atmosfera__features { display:flex; flex-direction:column; gap:.6rem; margin:var(--at-sp-md) 0 var(--at-sp-lg); }
.at-atmosfera__feature { display:flex; align-items:center; gap:.75rem; font-size:.9rem; color:var(--at-cream-dim); }
.at-atmosfera__feature svg { color:var(--at-gold); flex-shrink:0; }

/* ── Le Degustazioni ─────────────────────────────────────────── */
.at-degustazioni .at-section-header { max-width:760px; }
.at-degu-past-gallery { margin-top:var(--at-sp-xl); }
.at-degu__gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--at-sp-sm); margin-top:var(--at-sp-md); }
.at-degu__img { width:100%; height:280px; object-fit:cover; border-radius:4px; display:block; }
.at-degu__cta { margin-top:var(--at-sp-xl); display:flex; gap:var(--at-sp-sm); flex-wrap:wrap; }

/* Intro degustazioni con foto */
.at-degu-intro { }
.at-degu-intro--has-img { display:grid; grid-template-columns:1fr 400px; gap:var(--at-sp-xl); align-items:center; }
.at-degu-intro__text { }
.at-degu-intro__img { border-radius:8px; overflow:hidden; aspect-ratio:4/3; }
.at-degu-intro__img img { width:100%; height:100%; object-fit:cover; display:block; }

/* Prossime degustazioni (CPT) */
.at-degu-events { margin-top:var(--at-sp-xl); display:flex; flex-direction:column; gap:var(--at-sp-xl); }
.at-degu-events__heading { font-family:var(--at-serif); font-size:1.1rem; color:var(--at-bg); font-weight:400; margin-bottom:var(--at-sp-md); padding-bottom:.75rem; border-bottom:2px solid var(--at-gold); display:inline-block; }

.at-degu-event { border-radius:10px; overflow:hidden; box-shadow:0 8px 40px rgba(0,0,0,.13); }

/* Header scuro */
.at-degu-event__header { background:#082130; padding:var(--at-sp-lg) var(--at-sp-xl); }
.at-degu-event__meta { display:flex; align-items:center; gap:.5rem; margin-bottom:.6rem; }
.at-degu-event__date { font-size:.7rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--at-gold); }
.at-degu-event__time { font-size:.78rem; color:rgba(255,255,255,.6); }
.at-degu-event__title { font-family:var(--at-serif); font-size:1.75rem; font-weight:400; color:#f0ebe2; margin:0 0 .6rem; line-height:1.2; }
.at-degu-event__cantina { margin:0; }
.at-degu-event__cantina-label { display:block; font-size:.62rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#c9a95c; margin-bottom:.2rem; }
.at-degu-event__cantina-name { font-size:.9rem; color:rgba(255,255,255,.9); font-style:italic; }

/* Strip immagini */
.at-degu-event__images { display:grid; height:300px; overflow:hidden; }
.at-degu-event__images--single { grid-template-columns:1fr; }
.at-degu-event__images--double { grid-template-columns:1fr 1fr; }
.at-degu-event__img { width:100%; height:100%; object-fit:cover; display:block; }

/* Corpo */
.at-degu-event__body { background:var(--at-light); padding:var(--at-sp-xl); display:flex; flex-direction:column; gap:var(--at-sp-md); }
.at-degu-event__details-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--at-sp-lg); }
.at-degu-event__detail { display:flex; flex-direction:column; gap:.4rem; }
.at-degu-event__detail-label { font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--at-gold); }
.at-degu-event__detail span:last-child { font-size:.92rem; color:#5a5248; line-height:1.65; }

/* Footer prezzo/posti */
.at-degu-event__footer { display:flex; align-items:center; gap:var(--at-sp-lg); padding-top:var(--at-sp-md); border-top:1px solid var(--at-light-2); }
.at-degu-event__price { font-family:var(--at-serif); font-size:1.5rem; color:var(--at-bg); font-weight:400; }
.at-degu-event__price small { font-family:var(--at-sans); font-size:.75rem; color:#8a7f74; font-weight:400; }
.at-degu-event__posti { font-size:.82rem; color:#8a7f74; padding-left:var(--at-sp-lg); border-left:1px solid var(--at-light-2); }
.at-degu-event__note { font-size:.85rem; color:#8a7f74; font-style:italic; margin:0; line-height:1.6; }

/* Degustazioni passate */
.at-degu-past { margin-top:var(--at-sp-xl); padding-top:var(--at-sp-lg); border-top:1px solid var(--at-light-2); }
.at-degu-past__heading { font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#8a7f74; margin-bottom:var(--at-sp-md); }
.at-degu-past__list { list-style:none; display:flex; flex-direction:column; gap:.6rem; }
.at-degu-past__item { display:flex; align-items:baseline; gap:.75rem; font-size:.88rem; flex-wrap:wrap; }
.at-degu-past__date { color:var(--at-gold); font-size:.75rem; font-weight:600; flex-shrink:0; }
.at-degu-past__title { color:#5a5248; }
.at-degu-past__cantina { color:#8a7f74; font-style:italic; font-size:.8rem; }

/* ── Dove siamo (mappa) ─────────────────────────────────────── */
.at-dove-siamo { background:var(--at-bg-2); }
.at-dove-siamo__inner { display:grid; grid-template-columns:1fr 1fr; gap:var(--at-sp-2xl); align-items:start; }
.at-dove-siamo__info { display:flex; flex-direction:column; gap:var(--at-sp-md); }
.at-dove-siamo__map { height:440px; border-radius:4px; overflow:hidden; border:1px solid var(--at-border); }
.at-dove-siamo__map iframe { width:100%; height:100%; display:block; border:0; }
.at-info-item { display:flex; gap:var(--at-sp-sm); align-items:flex-start; }
.at-info-item svg { color:var(--at-gold); flex-shrink:0; margin-top:.25rem; }
.at-info-item__label { font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--at-gold); display:block; margin-bottom:.2rem; }
.at-info-item__value { font-size:.95rem; color:var(--at-cream-dim); }
.at-info-item__value a:hover { color:var(--at-gold); }

/* ── Orari & Info ───────────────────────────────────────────── */
.at-orari { background:var(--at-bg); }
.at-orari__inner { display:grid; grid-template-columns:1fr 1fr; gap:var(--at-sp-2xl); align-items:start; }
.at-orari__content h2 { margin-bottom:var(--at-sp-md); }
.at-orari-table { width:100%; border-collapse:collapse; margin-bottom:var(--at-sp-lg); }
.at-orari-table td { padding:.55rem 0; font-size:.95rem; color:var(--at-cream-dim); border-bottom:1px solid var(--at-border); }
.at-orari-table td:first-child { font-weight:500; color:var(--at-cream); width:45%; }
.at-contatti__cta { margin-top:var(--at-sp-xl); display:flex; gap:var(--at-sp-sm); flex-wrap:wrap; }
.at-orari__gallery { display:grid; grid-template-columns:1fr 1fr; gap:var(--at-sp-sm); align-content:start; }
.at-orari__img { width:100%; height:210px; object-fit:cover; border-radius:4px; display:block; }

/* ── Logo (nav + footer) ────────────────────────────────────── */
.at-nav__logo-img { height:36px; width:auto; display:block; }
.at-footer__logo-img { height:28px; width:auto; display:block; opacity:.85; }

/* ── L'Atelier per il tuo evento ───────────────────────────── */
.at-eventi { background:var(--at-bg-2); }
.at-eventi__inner { display:grid; grid-template-columns:1fr 340px; gap:var(--at-sp-2xl); align-items:start; }
.at-eventi__list { list-style:none; padding:0; margin:var(--at-sp-lg) 0; display:flex; flex-direction:column; gap:var(--at-sp-sm); }
.at-eventi__list li { display:flex; align-items:flex-start; gap:.75rem; color:var(--at-cream-dim); font-size:.95rem; line-height:1.55; }
.at-eventi__list li svg { flex-shrink:0; margin-top:.2rem; color:var(--at-gold); }
.at-eventi__cta { display:flex; gap:var(--at-sp-sm); flex-wrap:wrap; margin-top:var(--at-sp-lg); }
.at-eventi__aside { position:sticky; top:calc(var(--at-nav-h) + 2rem); }
.at-eventi__hotel-card { background:var(--at-bg-3); border:1px solid var(--at-border); border-radius:4px; padding:var(--at-sp-lg); display:flex; flex-direction:column; gap:var(--at-sp-md); }
.at-eventi__hotel-logo { max-width:110px; opacity:.9; }
.at-eventi__hotel-desc { font-size:.9rem; color:var(--at-cream-dim); line-height:1.6; margin:0; }
.at-eventi__hotel-link { font-size:.85rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--at-gold); }
.at-eventi__hotel-link:hover { opacity:.8; }

/* ── Footer ────────────────────────────────────────────────── */
.at-footer { background:var(--at-bg); border-top:1px solid var(--at-border); padding:var(--at-sp-lg) 0; }
.at-footer__inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:var(--at-sp-sm); font-size:.8rem; color:var(--at-cream-dim); }
.at-footer__inner a { color:var(--at-cream-dim); }
.at-footer__inner a:hover { color:var(--at-gold); }

/* ── Mobile nav menu ───────────────────────────────────────── */
.at-nav__mobile { display:none; position:fixed; inset:var(--at-nav-h) 0 0; background:var(--at-bg); z-index:99; padding:var(--at-sp-xl) var(--at-sp-md); flex-direction:column; gap:var(--at-sp-md); overflow-y:auto; }
.at-nav__mobile.is-open { display:flex; }
.at-nav__mobile a { font-size:1.2rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--at-cream-dim); border-bottom:1px solid var(--at-border); padding-bottom:var(--at-sp-sm); }
.at-nav__mobile a:hover { color:var(--at-gold); }

/* ── Responsive ────────────────────────────────────────────── */
@media(max-width:1024px) {
  .at-selezione__grid { grid-template-columns:1fr; }
  .at-selezione-card { grid-template-columns:160px 1fr; }
}
@media(max-width:900px) {
  .at-degu-intro--has-img { grid-template-columns:1fr; }
  .at-degu-intro__img { aspect-ratio:16/9; }
  .at-atmosfera__inner { grid-template-columns:1fr; }
  .at-atmosfera__gallery { height:auto; grid-template-rows:280px 120px; }
  .at-degu__gallery { grid-template-columns:repeat(2,1fr); }
  .at-dove-siamo__inner { grid-template-columns:1fr; }
  .at-dove-siamo__map { height:300px; }
  .at-orari__inner { grid-template-columns:1fr; gap:var(--at-sp-xl); }
  .at-proposte__grid { grid-template-columns:1fr 1fr; }
  .at-eventi__inner { grid-template-columns:1fr; }
  .at-eventi__aside { position:static; }
  .at-degu-event__images { height:220px; }
  .at-degu-event__images--double { grid-template-columns:1fr; height:440px; }
  .at-degu-event__details-grid { grid-template-columns:1fr; }
  .at-degu-event__header { padding:var(--at-sp-lg); }
  .at-degu-event__body { padding:var(--at-sp-lg); }
}
@media(max-width:768px) {
  .at-nav__links { display:none; }
  .at-nav__toggle { display:flex; }
  .at-nav__lang { display:none; }
  .at-section { padding-block: var(--at-sp-xl); }
  .at-selezione-card { grid-template-columns:120px 1fr; }
  .at-hero__content { padding-inline: 0; }
}
@media(max-width:560px) {
  .at-selezione__grid { gap:0; }
  .at-selezione-card { grid-template-columns:1fr; }
  .at-selezione-card__image { display:none; }
  .at-proposte__grid { grid-template-columns:1fr; }
  .at-degu__gallery { grid-template-columns:1fr; }
  .at-degu-past__item { flex-direction:column; gap:.2rem; }
  .at-degu-event__images--double { height:280px; }
  .at-hero__btns { flex-direction:column; }
  .at-footer__inner { flex-direction:column; text-align:center; }
}

/* ── Palette chiara ──────────────────────────────────────── */
body.atelier-page[data-palette="light"] {
  --at-bg:         #f5f1e6;
  --at-bg-2:       #ece7d4;
  --at-bg-3:       #e4dcc8;
  --at-cream:      #00283e;
  --at-cream-dim:  rgba(0,40,62,.72);
  --at-cream-dim2: rgba(0,40,62,.38);
  --at-gold:       #b8913e;
  --at-gold-lt:    #c9a95c;
  --at-light:      #ece7d4;
  --at-light-2:    #f5f1e6;
  --at-border:     rgba(0,40,62,.13);
}

body.atelier-page[data-palette="light"] .at-nav {
  background: rgba(245,241,230,.97);
  border-bottom-color: rgba(0,40,62,.12);
}

body.atelier-page[data-palette="light"] .at-nav__mobile {
  background: #f5f1e6;
}

body.atelier-page[data-palette="light"] .at-nav__logo-img,
body.atelier-page[data-palette="light"] .at-footer__logo-img {
  filter: invert(1);
}

body.atelier-page[data-palette="light"] .at-hero__overlay {
  background: linear-gradient(to right, rgba(0,40,62,.80) 55%, rgba(0,40,62,.42));
}

body.atelier-page[data-palette="light"] .at-section--light h2,
body.atelier-page[data-palette="light"] .at-section--light h3 {
  color: #00283e;
}

body.atelier-page[data-palette="light"] .at-proposta-card__name {
  color: #00283e;
}

/* ── Palette verde bottiglia ─────────────────────────────── */
body.atelier-page[data-palette="verde"] {
  --at-gold:    #5aaa7a;
  --at-gold-lt: #78c496;
  --at-border:  rgba(90,170,122,.13);
  --at-light:   #f3f8f4;
  --at-light-2: #e8f2eb;
}

body.atelier-page[data-palette="verde"] .at-nav__hotel:hover {
  background: var(--at-gold) !important;
  color: var(--at-bg) !important;
}

body.atelier-page[data-palette="verde"] .at-btn--gold {
  color: var(--at-bg);
}

/* ── Palette Grigio Perla ────────────────────────────────── */
body.atelier-page[data-palette="perla"] {
  --at-bg:         #f0f0f2;
  --at-bg-2:       #e4e4e8;
  --at-bg-3:       #d8d8dc;
  --at-cream:      #1a1e24;
  --at-cream-dim:  rgba(26,30,36,.70);
  --at-cream-dim2: rgba(26,30,36,.38);
  --at-gold:       #4a5568;
  --at-gold-lt:    #68788a;
  --at-light:      #f8f8fa;
  --at-light-2:    #ececef;
  --at-border:     rgba(26,30,36,.10);
}
body.atelier-page[data-palette="perla"] .at-nav {
  background: rgba(240,240,242,.97);
  border-bottom-color: rgba(26,30,36,.10);
}
body.atelier-page[data-palette="perla"] .at-nav__mobile {
  background: #f0f0f2;
}
body.atelier-page[data-palette="perla"] .at-nav__logo-img,
body.atelier-page[data-palette="perla"] .at-footer__logo-img {
  filter: invert(1);
}
body.atelier-page[data-palette="perla"] .at-hero__overlay {
  background: linear-gradient(to right, rgba(26,30,36,.84) 55%, rgba(26,30,36,.46));
}
body.atelier-page[data-palette="perla"] .at-hero h1,
body.atelier-page[data-palette="perla"] .at-hero__tagline,
body.atelier-page[data-palette="perla"] .at-hero__loc {
  color: #f0f0f2;
}
body.atelier-page[data-palette="perla"] .at-hero p {
  color: rgba(240,240,242,.72);
}
body.atelier-page[data-palette="perla"] .at-section--light h2,
body.atelier-page[data-palette="perla"] .at-section--light h3,
body.atelier-page[data-palette="perla"] .at-proposta-card__name {
  color: #1a1e24;
}
/* Nel hero l'overlay è scuro: gli elementi con --at-gold devono essere chiari */
body.atelier-page[data-palette="perla"] .at-hero__tagline strong {
  color: #c8d0de;
}
body.atelier-page[data-palette="perla"] .at-hero .at-btn--outline {
  border-color: rgba(240,240,242,.65);
  color: #f0f0f2;
}
body.atelier-page[data-palette="perla"] .at-hero .at-btn--outline:hover {
  background: rgba(240,240,242,.12);
  color: #f0f0f2;
}
body.atelier-page[data-palette="perla"] .at-hero .at-btn--gold {
  background: #f0f0f2;
  color: #1a1e24;
}
body.atelier-page[data-palette="perla"] .at-hero .at-btn--gold:hover {
  background: #ffffff;
}

/* ── Palette Peltro ──────────────────────────────────────── */
body.atelier-page[data-palette="peltro"] {
  --at-bg:         #181c20;
  --at-bg-2:       #202830;
  --at-bg-3:       #28303c;
  --at-cream:      #e4ecf4;
  --at-cream-dim:  rgba(228,236,244,.65);
  --at-cream-dim2: rgba(228,236,244,.30);
  --at-gold:       #7aaccc;
  --at-gold-lt:    #9acce4;
  --at-light:      #eef4fa;
  --at-light-2:    #e4eef6;
  --at-border:     rgba(122,172,204,.15);
}
body.atelier-page[data-palette="peltro"] .at-nav {
  background: rgba(24,28,32,.97);
  border-bottom-color: rgba(122,172,204,.15);
}
body.atelier-page[data-palette="peltro"] .at-hero__overlay {
  background: linear-gradient(to right, rgba(18,22,26,.90) 55%, rgba(18,22,26,.50));
}

/* ── Palette Cipria ──────────────────────────────────────── */
body.atelier-page[data-palette="cipria"] {
  --at-bg:         #1c1618;
  --at-bg-2:       #241e20;
  --at-bg-3:       #2c2426;
  --at-cream:      #f4e8ec;
  --at-cream-dim:  rgba(244,232,236,.65);
  --at-cream-dim2: rgba(244,232,236,.30);
  --at-gold:       #c07884;
  --at-gold-lt:    #d89aa4;
  --at-light:      #faf0f4;
  --at-light-2:    #f4e8ec;
  --at-border:     rgba(192,120,132,.15);
}
body.atelier-page[data-palette="cipria"] .at-nav {
  background: rgba(28,22,24,.97);
  border-bottom-color: rgba(192,120,132,.15);
}
body.atelier-page[data-palette="cipria"] .at-hero__overlay {
  background: linear-gradient(to right, rgba(20,14,16,.90) 55%, rgba(20,14,16,.50));
}

/* ── Palette Tabacco ─────────────────────────────────────── */
body.atelier-page[data-palette="tabacco"] {
  --at-bg:         #1c1710;
  --at-bg-2:       #241e14;
  --at-bg-3:       #2c261a;
  --at-cream:      #f5eddc;
  --at-cream-dim:  rgba(245,237,220,.65);
  --at-cream-dim2: rgba(245,237,220,.30);
  --at-gold:       #c97c48;
  --at-gold-lt:    #e09a68;
  --at-light:      #faf3e6;
  --at-light-2:    #f5eddc;
  --at-border:     rgba(201,124,72,.15);
}
body.atelier-page[data-palette="tabacco"] .at-nav {
  background: rgba(28,23,16,.97);
  border-bottom-color: rgba(201,124,72,.15);
}
body.atelier-page[data-palette="tabacco"] .at-hero__overlay {
  background: linear-gradient(to right, rgba(20,15,8,.90) 55%, rgba(20,15,8,.50));
}

/* ── Palette Inchiostro ──────────────────────────────────── */
body.atelier-page[data-palette="inchiostro"] {
  --at-bg:         #12151e;
  --at-bg-2:       #1a1e2a;
  --at-bg-3:       #222836;
  --at-cream:      #f0ede6;
  --at-cream-dim:  rgba(240,237,230,.65);
  --at-cream-dim2: rgba(240,237,230,.30);
  --at-gold:       #c4a882;
  --at-gold-lt:    #d8c09a;
  --at-light:      #f8f5ee;
  --at-light-2:    #f0ede6;
  --at-border:     rgba(196,168,130,.15);
}
body.atelier-page[data-palette="inchiostro"] .at-nav {
  background: rgba(18,21,30,.97);
  border-bottom-color: rgba(196,168,130,.15);
}
body.atelier-page[data-palette="inchiostro"] .at-hero__overlay {
  background: linear-gradient(to right, rgba(10,12,18,.90) 55%, rgba(10,12,18,.50));
}

/* Il hero ha sempre l'overlay scuro — i testi devono restare chiari */
body.atelier-page[data-palette="light"] .at-hero h1,
body.atelier-page[data-palette="light"] .at-hero h2,
body.atelier-page[data-palette="light"] .at-hero h3,
body.atelier-page[data-palette="light"] .at-hero__tagline,
body.atelier-page[data-palette="light"] .at-hero__loc {
  color: #f5f1e6;
}
body.atelier-page[data-palette="light"] .at-hero p {
  color: rgba(245,241,230,.72);
}
body.atelier-page[data-palette="light"] .at-hero .at-btn--outline {
  border-color: rgba(245,241,230,.65);
  color: #f5f1e6;
}
body.atelier-page[data-palette="light"] .at-hero .at-btn--outline:hover {
  background: rgba(245,241,230,.12);
  color: #f5f1e6;
}
body.atelier-page[data-palette="light"] .at-hero .at-btn--gold {
  background: #f5f1e6;
  color: #00283e;
}
body.atelier-page[data-palette="light"] .at-hero .at-btn--gold:hover {
  background: #ffffff;
}