/*
  Nota percorsi immagini:
  quando usi variabili CSS inline come --hero, --bg o --img,
  preferisci percorsi root-relative, per esempio:
  style="--hero:url('/assets/img/Og_est.png')"
  Così funzionano sia in locale con Live Server sia online sul dominio.
*/

:root {
   --verde:#6d806c;
   --verde-scuro:#445744;
   --verde-profondo:#2f3c31;
   --giallo:#ffbd58;
   --crema:#f7efdf;
   --crema-chiaro:#fffaf0;
   --marrone:#5a3a25;
   --testo:#22231f;
   --muted:#70695f;
   --bianco:#fff;
   --ombra:0 22px 55px rgba(35,34,29,.16);
   --raggio:0px;
}
 * {
  box-sizing:border-box;
  margin:0;
  padding:0
}
 html {
  scroll-behavior:smooth
}
 body {
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--crema);
  color:var(--testo);
  line-height:1.6;
  overflow-x:hidden
}
 a {
  color:inherit;
  text-decoration:none
}

img {
  max-width:100%;
  display:block
}

.container {
  width:min(1180px,calc(100% - 36px));
  margin:auto
}

.desktop-only {
  display:inline
}

.mobile-only {
  display:none
}
 .topbar {
  background:var(--verde-profondo);
  color:rgba(255,250,240,.9);
  font-size:.85rem;
  text-align:center;
  padding:8px 18px;
  letter-spacing:.02em
}

.site-header {
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(247,239,223,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(109,128,108,.18)
}

.nav-inner {
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}

.brand {
  display:flex;
  align-items:center;
  gap:15px;
  min-width:0
}

.brand img {
  width:174px;
  border-radius:14px;
  box-shadow:0 10px 26px rgba(47,60,49,.16)
}

.brand small {
  display:block;
  color:var(--verde-scuro);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.7rem;
  margin-top:2px
}

.nav-links {
  display:flex;
  align-items:center;
  gap:22px;
  color:var(--verde-profondo);
  font-weight:800;
  font-size:.94rem
}

.nav-links a {
  position:relative
}

.nav-links a:not(.btn)::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:2px;
  background:var(--giallo);
  transition:.22s
}

.nav-links a:hover::after {
  width:100%
}

.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:13px 20px;
  border:0;
  font-weight:900;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s,background .2s
}

.btn:hover {
  transform:translateY(-2px)
}

.btn-primary {
  background:var(--giallo);
  color:var(--verde-profondo);
  box-shadow:0 15px 32px rgba(255,189,88,.34)
}

.btn-outline {
  border:1px solid rgba(255,250,240,.72);
  color:var(--crema-chiaro);
  background:rgba(255,255,255,.06)
}

.btn-dark {
  background:var(--verde);
  color:var(--crema-chiaro)
}

.hamburger {
  display:none;
  border:0;
  width:48px;
  height:48px;
  border-radius:15px;
  background:var(--verde);
  color:var(--crema-chiaro);
  font-size:1.35rem;
  cursor:pointer
}

.menu-open {
  overflow:hidden
}
 .logo-panel {
  background:var(--verde);
  border-radius:28px;
  padding:24px;
  border:1px solid rgba(255,250,240,.16);
  box-shadow:var(--ombra)
}

.logo-panel img {
  width:100%;
  border-radius:18px
}
 .choice-page {
  min-height:100vh;
  background:radial-gradient(circle at 10% 10%,rgba(255,189,88,.24),transparent 28%),linear-gradient(135deg,var(--verde-profondo),var(--verde));
  color:var(--crema-chiaro)
}

.choice-main {
  min-height:calc(100vh - 34px);
  display:grid;
  align-items:center;
  padding:42px 0 58px
}

.choice-hero {
  text-align:center;
  max-width:880px;
  margin:0 auto 38px
}

.choice-logo {
  width:min(560px,84vw);
  margin:0 auto 30px;
  border-radius:25px;
  box-shadow:0 24px 60px rgba(0,0,0,.2)
}

.kicker {
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--giallo);
  font-size:.83rem;
  margin-bottom:14px
}

.choice-hero h1,.section-head h2,.hero-copy h1,.reservation-info h2,.contact-card h2 {
  font-family:"Cormorant Garamond",serif;
  line-height:.98;
  letter-spacing:-.035em
}

.choice-hero h1 {
  font-size:clamp(3.1rem,8vw,6rem);
  margin-bottom:18px
}

.choice-hero p {
  font-size:clamp(1.05rem,2vw,1.25rem);
  color:rgba(255,250,240,.86)
}

.location-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}

.location-card {
  position:relative;
  min-height:430px;
  border-radius:34px;
  overflow:hidden;
  background:rgba(255,250,240,.1);
  border:1px solid rgba(255,250,240,.18);
  box-shadow:0 30px 70px rgba(0,0,0,.2);
  transition:transform .22s,box-shadow .22s
}

.location-card:hover {
  transform:translateY(-6px);
  box-shadow:0 38px 90px rgba(0,0,0,.28)
}

.location-card::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(47,60,49,.18),rgba(47,60,49,.88)),var(--bg);
  background-size:cover;
  background-position:center
}

.loc-content {
  position:absolute;
  inset:auto 0 0;
  padding:32px
}

.loc-tag {
  display:inline-flex;
  background:var(--giallo);
  color:var(--verde-profondo);
  font-weight:950;
  border-radius:999px;
  padding:8px 13px;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:16px
}

.loc-content h2 {
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(2.6rem,5vw,4rem);
  line-height:.95;
  margin-bottom:10px
}

.loc-content p {
  color:rgba(255,250,240,.86);
  margin-bottom:22px
}

.loc-meta {
  display:grid;
  gap:8px;
  color:rgba(255,250,240,.88);
  font-weight:750;
  margin-bottom:20px
}

.choice-footer {
  text-align:center;
  color:rgba(255,250,240,.72);
  font-size:.9rem;
  margin-top:28px
}

.choice-footer a {
  color:var(--giallo);
  font-weight:900
}
 .hero {
  position:relative;
  min-height:calc(100vh - 112px);
  display:grid;
  align-items:center;
  color:var(--crema-chiaro);
  overflow:hidden;
  background-color:var(--verde-profondo);
  background-image:linear-gradient(105deg,rgba(47,60,49,.92),rgba(68,87,68,.74),rgba(34,32,28,.58)),var(--hero);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat
}

.hero:after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:135px;
  background:linear-gradient(to top,var(--crema),transparent)
}

.hero-inner {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:44px;
  align-items:center;
  padding:88px 0 138px
}

.hero-copy h1 {
  font-size:clamp(3.4rem,9vw,7.3rem);
  max-width:760px;
  margin-bottom:26px
}

.hero-copy p {
  font-size:clamp(1.08rem,2vw,1.28rem);
  max-width:680px;
  color:rgba(255,250,240,.9);
  margin-bottom:32px
}

.hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:14px
}

.hero-card {
  background:rgba(255,250,240,.93);
  color:var(--verde-profondo);
  border-radius:34px;
  padding:30px;
  box-shadow:var(--ombra)
}

.hero-card h2 {
  font-family:"Cormorant Garamond",serif;
  font-size:2.55rem;
  line-height:1;
  margin-bottom:12px
}

.hero-card p {
  color:var(--muted);
  margin-bottom:18px
}

.detail-list {
  display:grid;
  gap:12px;
  margin-top:18px
}

.detail-row {
  display:flex;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px dashed rgba(109,128,108,.35);
  padding-bottom:10px
}

.detail-row span {
  color:var(--muted);
  font-weight:750
}

.detail-row strong {
  text-align:right
}
 section {
  padding:20px 0
}

.section-head {
  max-width:760px;
  margin-bottom:42px
}

.section-head h2 {
  font-size:clamp(2.7rem,6vw,4.9rem);
  color:var(--verde-profondo);
  margin-bottom:16px
}

.section-head p {
  color:var(--muted);
  font-size:1.08rem
}

.about-grid {
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:32px;
  align-items:stretch
}

.image-card {
  min-height:470px;
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(47,60,49,.05),rgba(47,60,49,.6)),var(--img);
  background-size:cover;
  background-position:center;
  box-shadow:var(--ombra);
  position:relative
}

.image-card span {
  position:absolute;
  left:24px;
  bottom:24px;
  background:var(--giallo);
  color:var(--verde-profondo);
  font-weight:950;
  border-radius:999px;
  padding:10px 15px
}

.text-card {
  background:var(--crema-chiaro);
  border-radius:34px;
  padding:clamp(28px,5vw,52px);
  box-shadow:var(--ombra);
  border:1px solid rgba(109,128,108,.14)
}

.text-card h3 {
  font-family:"Cormorant Garamond",serif;
  color:var(--verde-profondo);
  font-size:clamp(2.1rem,4vw,3.4rem);
  line-height:1;
  margin-bottom:18px
}

.text-card p {
  color:var(--muted);
  margin-bottom:15px
}

.pills {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px
}

.pill {
  background:rgba(109,128,108,.12);
  color:var(--verde-profondo);
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  font-size:.9rem
}

.green-section {
  background:var(--verde);
  color:var(--crema-chiaro);
  position:relative;
  overflow:hidden
}

.green-section:before {
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-140px;
  top:-150px;
  border-radius:50%;
  background:rgba(255,189,88,.16)
}

.green-section .section-head h2,.green-section .section-head p {
  color:inherit
}

.cards {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  position:relative;
  z-index:1
}

.card {
  background:rgba(255,250,240,.1);
  border:1px solid rgba(255,250,240,.18);
  border-radius:var(--raggio);
  padding:28px;
  min-height:230px
}

.card-icon {
  width:56px;
  height:56px;
  border-radius:18px;
  background:var(--giallo);
  color:var(--verde-profondo);
  display:grid;
  place-items:center;
  font-size:1.45rem;
  margin-bottom:18px
}

.card h3 {
  font-family:"Cormorant Garamond",serif;
  font-size:2rem;
  line-height:1;
  margin-bottom:12px
}

.card p {
  color:rgba(255,250,240,.84)
}
 .menu-section {
  background:radial-gradient(circle at 14% 6%,rgba(255,189,88,.22),transparent 29%),var(--crema)
}

.menu-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:28px
}

.menu-tab {
  border:1px solid rgba(109,128,108,.28);
  background:var(--crema-chiaro);
  color:var(--verde-profondo);
  border-radius:999px;
  padding:11px 16px;
  font-weight:950;
  cursor:pointer;
  transition:.2s
}

.menu-tab.active,.menu-tab:hover {
  background:var(--verde);
  color:var(--crema-chiaro);
  border-color:var(--verde)
}

.menu-panel {
  display:none;
  grid-template-columns:repeat(2,1fr);
  gap:18px
}

.menu-panel.active {
  display:grid
}

.menu-item {
  background:var(--crema-chiaro);
  border-radius:22px;
  padding:22px;
  border:1px solid rgba(109,128,108,.14);
  box-shadow:0 14px 34px rgba(39,37,31,.07)
}

.menu-item-top {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin-bottom:8px
}

.menu-item h3 {
  font-size:1.08rem;
  line-height:1.25;
  color:var(--verde-profondo)
}

.price {
  font-weight:950;
  color:var(--marrone);
  white-space:nowrap
}

.menu-item p {
  font-size:.94rem;
  color:var(--muted)
}

.note-box {
  background:rgba(255,189,88,.18);
  border:1px solid rgba(255,189,88,.35);
  border-radius:20px;
  padding:16px 18px;
  color:var(--verde-profondo);
  font-weight:750;
  margin-top:22px
}
 .reservation {
  background:var(--crema-chiaro)
}

.reservation-grid {
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:34px;
  align-items:start
}

.reservation-info {
  background:var(--verde-profondo);
  color:var(--crema-chiaro);
  border-radius:34px;
  padding:34px;
  box-shadow:var(--ombra);
  position:sticky;
  top:112px
}

.reservation-info h2 {
  font-size:clamp(2.4rem,5vw,4.2rem);
  margin-bottom:15px
}

.reservation-info p {
  color:rgba(255,250,240,.85);
  margin-bottom:18px
}

.info-box {
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.13);
  border-radius:22px;
  padding:18px;
  margin-top:14px
}

.info-box strong {
  display:block;
  color:var(--giallo);
  margin-bottom:4px
}

.booking-form {
  background:var(--crema);
  border-radius:34px;
  padding:clamp(24px,5vw,42px);
  box-shadow:var(--ombra);
  border:1px solid rgba(109,128,108,.15)
}

.form-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px
}

.field {
  display:grid;
  gap:7px
}

.field.full {
  grid-column:1/-1
}

label {
  font-weight:900;
  color:var(--verde-profondo);
  font-size:.92rem
}

input,select,textarea {
  width:100%;
  border:1px solid rgba(109,128,108,.28);
  background:var(--crema-chiaro);
  border-radius:16px;
  padding:14px 15px;
  font:inherit;
  color:var(--testo);
  outline:none
}

input:focus,select:focus,textarea:focus {
  border-color:var(--verde);
  box-shadow:0 0 0 4px rgba(109,128,108,.12)
}

textarea {
  min-height:118px;
  resize:vertical
}

.submit-btn {
  width:100%;
  margin-top:18px
}

.form-note {
  color:var(--muted);
  font-size:.9rem;
  margin-top:14px;
  text-align:center
}

.form-success {
  display:none;
  margin-top:16px;
  background:rgba(109,128,108,.13);
  border:1px solid rgba(109,128,108,.25);
  color:var(--verde-profondo);
  border-radius:16px;
  padding:13px 15px;
  font-weight:800
}

.form-success.show {
  display:block
}

.contact {
  padding:0;
  background:var(--crema-chiaro)
}

.contact-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:480px
}

.contact-card {
  padding:clamp(34px,7vw,72px)
}

.contact-card h2 {
  font-size:clamp(2.6rem,5vw,4.5rem);
  color:var(--verde-profondo);
  margin-bottom:18px
}

.contact-card p {
  color:var(--muted)
}

.contact-list {
  display:grid;
  gap:16px;
  margin-top:26px
}

.contact-list a,.contact-list div {
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:var(--muted);
  font-weight:800
}

.contact-list span {
  color:var(--verde);
  font-weight:950
}

.map-wrap iframe {
  width:100%;
  height:100%;
  min-height:480px;
  border:0;
  filter:grayscale(15%) contrast(96%)
}

.site-footer {
  background:var(--verde-profondo);
  color:rgba(255,250,240,.76);
  text-align:center;
  padding:28px 18px;
  font-size:.92rem
}

.floating-book {
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:90;
  background:var(--giallo);
  color:var(--verde-profondo);
  border-radius:999px;
  padding:14px 18px;
  font-weight:950;
  box-shadow:0 16px 32px rgba(39,37,31,.22);
  display:none
}
 @media(max-width:980px) {
  .desktop-only {
    display:none
  }

  .mobile-only {
    display:inline
  }

  .hamburger {
    display:grid;
    place-items:center
  }

  .nav-links {
    position:fixed;
    inset:0;
    background:var(--verde-profondo);
    color:var(--crema-chiaro);
    flex-direction:column;
    justify-content:center;
    font-size:1.25rem;
    transform:translateX(100%);
    transition:.24s
  }

  .nav-links.open {
    transform:translateX(0)
  }

  .nav-links .btn {
    color:var(--verde-profondo)
  }

  .location-grid,.hero-inner,.about-grid,.reservation-grid,.contact-grid {
    grid-template-columns:1fr
  }

  .hero-inner {
    padding:68px 0 124px
  }

  .hero-card {
    max-width:560px
  }

  .cards,.menu-panel {
    grid-template-columns:1fr
  }

  .reservation-info {
    position:static
  }

  .brand img {
    width:150px
  }
}
 @media(max-width:640px) {
  .topbar {
    font-size:.76rem
  }

  .nav-inner {
    min-height:74px
  }

  .brand img {
    width:132px
  }

  .choice-main {
    padding:26px 0 42px
  }

  .choice-logo {
    margin-bottom:24px
  }

  .location-card {
    min-height:360px
  }

  .loc-content {
    padding:24px
  }

  .hero {
    min-height:auto
  }

  .hero-copy h1 {
    font-size:3.35rem
  }

  section {
    padding:70px 0
  }

  .form-grid {
    grid-template-columns:1fr
  }

  .image-card {
    min-height:300px
  }

  .floating-book {
    display:inline-flex
  }

  .detail-row {
    display:grid
  }

  .detail-row strong {
    text-align:left
  }
}
 .menu-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin:-14px 0 28px
}

.menu-small-note {
  font-weight:900;
  color:var(--verde-profondo);
  background:rgba(109,128,108,.12);
  border-radius:999px;
  padding:11px 16px
}

.allergen-box {
  font-size:.82rem;
  line-height:1.55
}

.allergen-box strong {
  color:var(--verde-profondo)
}

/* Aggiornamento homepage scelta sede: logo in alto, box subito sotto, testo sotto i box */
.choice-hero.logo-only {
  margin:0 auto 20px
}
 .choice-hero.logo-only .choice-logo {
  margin:0 auto
}
 .choice-intro {
  max-width:880px;
  margin:34px auto 0;
  text-align:center
}
 .choice-intro h1 {
  font-family:"Cormorant Garamond",serif;
  line-height:.98;
  letter-spacing:-.035em;
  font-size:clamp(3.1rem,8vw,6rem);
  margin-bottom:16px
}
 .choice-intro p {
  font-size:clamp(1.05rem,2vw,1.25rem);
  color:rgba(255,250,240,.86)
}
 @media(max-width:640px) {
  .choice-hero.logo-only {
    margin-bottom:16px
  }

  .choice-intro {
    margin-top:26px
  }
}

/* Compattazione homepage scelta sede */
.choice-main {
   min-height:auto;
   display:block;
   padding:18px 0 26px;
}
 .choice-hero.logo-only {
   margin:0 auto 12px;
}
 .choice-hero.logo-only .choice-logo, .choice-logo {
   width:min(440px,72vw);
   margin:0 auto;
   border-radius:22px;
   box-shadow:0 16px 42px rgba(0,0,0,.18);
}
 .location-grid {
   gap:18px;
}
 .location-card {
   min-height:365px;
   border-radius:30px;
}
 .loc-content {
   padding:26px;
}
 .loc-tag {
   margin-bottom:10px;
   padding:7px 12px;
}
 .loc-content h2 {
   margin-bottom:8px;
}
 .loc-meta {
   gap:6px;
   margin-bottom:13px;
}
 .loc-content p {
   margin-bottom:15px;
}
 .choice-intro {
   margin:22px auto 0;
}
 .choice-intro h1 {
   font-size:clamp(2.7rem,6.4vw,4.8rem);
   margin-bottom:8px;
}
 .choice-intro p {
   max-width:720px;
   margin:0 auto;
}
 .choice-footer {
   margin-top:16px;
   font-size:.86rem;
}
 @media(max-width:980px) {
   .choice-main {
    padding:18px 0 28px
  }
 .choice-hero.logo-only .choice-logo, .choice-logo {
    width:min(390px,76vw)
  }
 .location-card {
    min-height:330px
  }
}
 @media(max-width:640px) {
   .choice-main {
    padding:12px 0 22px
  }
 .choice-hero.logo-only {
    margin-bottom:10px
  }
 .choice-hero.logo-only .choice-logo, .choice-logo {
    width:min(330px,82vw);
    border-radius:18px
  }
 .location-grid {
    gap:14px
  }
 .location-card {
    min-height:310px;
    border-radius:24px
  }
 .loc-content {
    padding:20px
  }
 .loc-tag {
    margin-bottom:8px;
    font-size:.7rem
  }
 .loc-meta {
    font-size:.88rem;
    margin-bottom:10px
  }
 .loc-content p {
    margin-bottom:12px;
    font-size:.94rem
  }
 .choice-intro {
    margin-top:18px
  }
 .choice-intro h1 {
    font-size:2.8rem;
    margin-bottom:8px
  }
 .choice-intro p {
    font-size:1rem
  }
 .choice-footer {
    margin-top:13px;
    font-size:.8rem;
    line-height:1.45
  }
}

/* =========================================================
   RESTYLING SQUADRATO - Osteria Gallia
   Ispirazione: pagina scelta sede a due metà, stile pulito e diretto
   ========================================================= */
:root {
   --raggio:0px;
}

/* Niente arrotondamenti su box, riquadri, pulsanti, immagini e campi */
.btn, .btn-primary, .btn-outline, .btn-dark, .submit-btn, .floating-book, .hamburger, .brand img, .logo-panel, .logo-panel img, .choice-logo, .location-card, .loc-tag, .hero-card, .image-card, .image-card span, .text-card, .pill, .card, .card-icon, .menu-tab, .menu-item, .note-box, .reservation-info, .info-box, .booking-form, input, select, textarea, .form-success, .gallery-img, .split-logo, .split-button, .split-label {
   border-radius:0 !important;
}
 .btn, .submit-btn, .floating-book, .split-button {
   text-transform:uppercase;
   letter-spacing:.04em;
}

/* Homepage scelta sede full screen */
.split-choice-page {
   min-height:100vh;
   background:var(--verde-profondo);
   color:var(--crema-chiaro);
   overflow:hidden;
}
 .split-choice-main {
   min-height:100vh;
   position:relative;
   display:grid;
   grid-template-rows:auto 1fr auto;
}
 .split-logo-area {
   position:absolute;
   z-index:10;
   top:28px;
   left:50%;
   transform:translateX(-50%);
   width:min(520px,calc(100% - 36px));
   text-align:center;
   pointer-events:none;
}
 .split-logo-area a {
   pointer-events:auto;
   display:inline-block;
}
 .split-logo {
   width:min(360px,70vw);
   margin:0 auto;
   box-shadow:0 20px 54px rgba(0,0,0,.28);
   border:1px solid rgba(255,250,240,.14);
}
 .split-logo-area h1 {
   font-family:"Cormorant Garamond",serif;
   font-size:clamp(2.2rem,4.7vw,4.4rem);
   line-height:.96;
   letter-spacing:-.035em;
   margin:16px 0 6px;
   text-shadow:0 8px 24px rgba(0,0,0,.42);
}
 .split-logo-area p {
   color:rgba(255,250,240,.9);
   font-weight:800;
   letter-spacing:.02em;
   text-shadow:0 6px 18px rgba(0,0,0,.42);
}
 .split-locations {
   grid-row:1 / -1;
   display:grid;
   grid-template-columns:1fr 1fr;
   min-height:100vh;
}
 .split-location {
   position:relative;
   min-height:100vh;
   overflow:hidden;
   display:flex;
   align-items:flex-end;
   color:var(--crema-chiaro);
   border:0;
}
 .split-location-left {
   border-right:1px solid rgba(255,250,240,.18);
}
 .split-location-bg {
   position:absolute;
   inset:0;
   background-size:cover;
   background-position:center;
   transform:scale(1.02);
   transition:transform .7s ease, filter .7s ease;
   filter:saturate(.88) contrast(1.03);
}
 .split-location::after {
   content:"";
   position:absolute;
   inset:0;
   background: linear-gradient(180deg,rgba(47,60,49,.52) 0%,rgba(47,60,49,.34) 38%,rgba(31,39,32,.92) 100%), linear-gradient(90deg,rgba(0,0,0,.24),rgba(0,0,0,.08));
   transition:background .35s ease;
}
 .split-location:hover .split-location-bg {
   transform:scale(1.075);
   filter:saturate(1.03) contrast(1.08);
}
 .split-location:hover::after {
   background: linear-gradient(180deg,rgba(47,60,49,.38) 0%,rgba(47,60,49,.22) 38%,rgba(31,39,32,.9) 100%), linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.05));
}
 .split-location-content {
   position:relative;
   z-index:2;
   width:100%;
   padding:0 clamp(30px,5.5vw,78px) clamp(42px,7vh,78px);
   max-width:720px;
}
 .split-label {
   display:inline-flex;
   background:var(--giallo);
   color:var(--verde-profondo);
   font-weight:950;
   text-transform:uppercase;
   letter-spacing:.08em;
   font-size:.78rem;
   padding:9px 13px;
   margin-bottom:18px;
}
 .split-location-content h2 {
   font-family:"Cormorant Garamond",serif;
   font-size:clamp(3.2rem,6.5vw,6.8rem);
   line-height:.88;
   letter-spacing:-.045em;
   margin-bottom:14px;
   text-shadow:0 9px 28px rgba(0,0,0,.36);
}
 .split-location-content p {
   font-size:clamp(1.05rem,1.7vw,1.3rem);
   font-weight:900;
   margin-bottom:16px;
}
 .split-info {
   display:grid;
   gap:4px;
   color:rgba(255,250,240,.82);
   font-weight:750;
   margin-bottom:24px;
}
 .split-button {
   display:inline-flex;
   align-items:center;
   justify-content:center;
   background:var(--giallo);
   color:var(--verde-profondo);
   padding:14px 20px;
   font-weight:950;
   box-shadow:0 16px 34px rgba(0,0,0,.18);
   transition:transform .22s ease, background .22s ease;
}
 .split-location:hover .split-button {
   transform:translateY(-2px);
   background:#ffd07d;
}
 .split-footer {
   position:absolute;
   z-index:10;
   left:0;
   right:0;
   bottom:0;
   display:flex;
   justify-content:center;
   gap:18px;
   flex-wrap:wrap;
   padding:10px 18px;
   color:rgba(255,250,240,.76);
   font-size:.82rem;
   background:rgba(31,39,32,.58);
   backdrop-filter:blur(8px);
}
 .split-footer a {
   color:var(--giallo);
   font-weight:900;
}
 @media(max-width:900px) {
   .split-choice-page {
    overflow:auto;
  }
 .split-choice-main {
    display:block;
    min-height:100vh;
    background:var(--verde-profondo)
  }
 .split-logo-area {
     position:relative;
     top:auto;
     left:auto;
     transform:none;
     width:100%;
     padding:18px 18px 14px;
     background:var(--verde-profondo);
  }
 .split-logo {
    width:min(330px,78vw)
  }
 .split-logo-area h1 {
    font-size:3.1rem;
    margin-top:12px
  }
 .split-locations {
    display:grid;
    grid-template-columns:1fr;
    min-height:auto
  }
 .split-location {
    min-height:50vh;
    border-right:0;
    border-top:1px solid rgba(255,250,240,.16)
  }
 .split-location-content {
    padding:86px 24px 34px
  }
 .split-location-content h2 {
    font-size:clamp(3rem,13vw,5.4rem)
  }
 .split-footer {
    position:relative;
    background:var(--verde-profondo)
  }
}
 @media(max-width:520px) {
   .split-logo-area {
    padding-top:14px
  }
 .split-logo {
    width:min(280px,82vw)
  }
 .split-logo-area h1 {
    font-size:2.65rem
  }
 .split-logo-area p {
    font-size:.95rem
  }
 .split-location {
    min-height:55vh
  }
 .split-location-content {
    padding:70px 20px 32px
  }
 .split-label {
    font-size:.7rem;
    padding:8px 10px;
    margin-bottom:13px
  }
 .split-location-content p {
    font-size:1rem
  }
 .split-info {
    font-size:.86rem;
    margin-bottom:18px
  }
 .split-button {
    width:100%;
    padding:13px 15px
  }
}

/* FIX split homepage: divisorio centrale, adattamento schermo e bottoni sempre visibili */
.split-choice-page {
   overflow:auto !important;
   min-height:100dvh;
}
 .split-choice-main {
   min-height:100dvh;
   display:grid;
   grid-template-rows:1fr auto;
   position:relative;
}
 .split-logo-area {
   top:18px !important;
   width:min(460px,calc(100% - 36px));
}
 .split-logo {
   width:min(300px,62vw) !important;
   box-shadow:0 14px 42px rgba(0,0,0,.26);
}
 .split-logo-area h1 {
   font-size:clamp(2rem,3.8vw,3.7rem) !important;
   margin:10px 0 3px !important;
}
 .split-logo-area p {
   font-size:.98rem;
}
 .split-locations {
   grid-row:1;
   position:relative;
   min-height:calc(100dvh - 38px) !important;
   height:auto;
   display:grid;
   grid-template-columns:1fr 1fr;
}
 .split-locations::before {
   content:"";
   position:absolute;
   z-index:6;
   top:20px;
   bottom:20px;
   left:50%;
   width:18px;
   transform:translateX(-50%);
   background:var(--verde);
   box-shadow:0 0 0 1px rgba(255,250,240,.10), 0 0 34px rgba(0,0,0,.22);
   pointer-events:none;
}
 .split-location {
   min-height:calc(100dvh - 38px) !important;
   align-items:flex-end;
}
 .split-location-left {
   border-right:0 !important;
}
 .split-location-content {
   padding:0 clamp(28px,4.5vw,64px) clamp(54px,7vh,72px) !important;
}
 .split-location-content h2 {
   font-size:clamp(2.8rem,5.7vw,5.8rem) !important;
   margin-bottom:10px !important;
}
 .split-location-content p {
   margin-bottom:12px !important;
}
 .split-info {
   margin-bottom:18px !important;
   word-break:break-word;
}
 .split-button {
   padding:13px 18px !important;
   line-height:1.1;
}
 .split-footer {
   position:relative !important;
   z-index:11;
   bottom:auto !important;
   background:var(--verde-profondo) !important;
   padding:8px 16px !important;
   min-height:38px;
}
 @media(max-height:760px) and (min-width:901px) {
   .split-logo-area {
    top:12px !important;
  }
 .split-logo {
    width:min(240px,46vw) !important;
  }
 .split-logo-area h1 {
    font-size:clamp(1.8rem,3vw,3rem) !important;
    margin:8px 0 2px !important;
  }
 .split-logo-area p {
    font-size:.86rem;
  }
 .split-location-content {
    padding-bottom:34px !important;
  }
 .split-label {
    margin-bottom:10px !important;
    padding:7px 10px !important;
    font-size:.68rem !important;
  }
 .split-location-content h2 {
    font-size:clamp(2.4rem,4.7vw,4.6rem) !important;
  }
 .split-location-content p {
    font-size:1rem !important;
    margin-bottom:8px !important;
  }
 .split-info {
    font-size:.86rem;
    margin-bottom:12px !important;
  }
 .split-button {
    padding:11px 15px !important;
    font-size:.86rem;
  }
}
 @media(max-width:900px) {
   .split-choice-main {
     display:block !important;
     min-height:100dvh;
  }
 .split-logo-area {
     position:relative !important;
     top:auto !important;
     left:auto !important;
     transform:none !important;
     width:100% !important;
     padding:12px 16px 10px !important;
     background:var(--verde-profondo);
  }
 .split-logo {
    width:min(270px,74vw) !important;
  }
 .split-logo-area h1 {
    font-size:2.35rem !important;
    margin-top:8px !important;
  }
 .split-logo-area p {
    font-size:.92rem !important;
  }
 .split-locations {
     display:grid !important;
     grid-template-columns:1fr !important;
     min-height:auto !important;
  }
 .split-locations::before {
     top:50%;
     left:0;
     right:0;
     bottom:auto;
     width:100%;
     height:14px;
     transform:translateY(-50%);
  }
 .split-location {
     min-height:calc((100dvh - 150px) / 2) !important;
     border-top:0 !important;
  }
 .split-location-content {
     padding:42px 22px 26px !important;
  }
 .split-label {
     margin-bottom:9px !important;
  }
 .split-location-content h2 {
     font-size:clamp(2.45rem,11vw,4.2rem) !important;
     margin-bottom:8px !important;
  }
 .split-location-content p {
     font-size:.98rem !important;
     margin-bottom:8px !important;
  }
 .split-info {
     font-size:.82rem !important;
     gap:2px !important;
     margin-bottom:12px !important;
  }
 .split-button {
     font-size:.82rem;
     padding:11px 14px !important;
  }
 .split-footer {
     font-size:.78rem;
     padding:7px 12px !important;
  }
}
 @media(max-width:420px) {
   .split-logo {
    width:min(230px,72vw) !important;
  }
 .split-logo-area h1 {
    font-size:2.05rem !important;
  }
 .split-logo-area p {
    display:none;
  }
 .split-location {
    min-height:calc((100dvh - 118px) / 2) !important;
  }
 .split-location-content {
    padding:34px 18px 22px !important;
  }
 .split-label {
    font-size:.62rem !important;
    padding:6px 8px !important;
  }
 .split-location-content h2 {
    font-size:2.35rem !important;
  }
 .split-location-content p {
    font-size:.9rem !important;
  }
 .split-info span:nth-child(2) {
    display:none;
  }
}

/* =========================================================
   Plug-in lingue + form prenotazione diretto
   ========================================================= */
.language-widget {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 250;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(47, 60, 49, 0.92);
  color: var(--crema-chiaro);
  border: 1px solid rgba(255, 250, 240, 0.18);
  padding: 8px 10px;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.header-language {
  position: static;
  background: rgba(109, 128, 108, 0.14);
  color: var(--verde-profondo);
  border-color: rgba(109, 128, 108, 0.22);
}

.language-widget select,
.language-widget .goog-te-combo {
  max-width: 130px;
  border: 0;
  background: var(--crema-chiaro);
  color: var(--verde-profondo);
  padding: 7px 8px;
  font-size: 0.82rem;
  font-weight: 800;
  outline: none;
}

.goog-te-gadget {
  font-family: Inter, system-ui, sans-serif !important;
  color: transparent !important;
  font-size: 0 !important;
}

.goog-te-gadget span,
.goog-te-gadget a {
  display: none !important;
}

body {
  top: 0 !important;
}

.skiptranslate iframe {
  display: none !important;
}

.form-error {
  display: none;
  margin-top: 16px;
  background: rgba(150, 39, 39, 0.12);
  border: 1px solid rgba(150, 39, 39, 0.25);
  color: #692323;
  padding: 13px 15px;
  font-weight: 800;
}

.form-error.show {
  display: block;
}

.submit-btn:disabled {
  opacity: 0.7;
  cursor: wait;
}

@media (max-width: 980px) {
  .header-language {
    position: fixed;
    top: 14px;
    right: 76px;
    background: rgba(47, 60, 49, 0.94);
    color: var(--crema-chiaro);
  }
}

@media (max-width: 640px) {
  .language-widget span {
    display: none;
  }

  .language-widget {
    padding: 6px;
  }

  .language-widget select,
  .language-widget .goog-te-combo {
    max-width: 98px;
    font-size: 0.75rem;
  }
}
.language-flags {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 9999;
  display: flex;
  gap: 8px;
  align-items: center;
}

.language-flags button {
  width: 38px;
  height: 30px;
  border: 1px solid rgba(255, 250, 240, 0.55);
  background: rgba(47, 60, 49, 0.82);
  color: #fffaf0;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 0;
}

.language-flags button:hover {
  background: #6d806c;
}

.goog-te-banner-frame,
.goog-te-gadget,
.goog-te-combo,
#goog-gt-tt {
  display: none !important;
}

body {
  top: 0 !important;
}
/* =========================================================
   Galleria fotografica delle sedi
   ========================================================= */
.photo-gallery {
  background: var(--crema-chiaro);
}

.photo-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 230px;
  gap: 12px;
}

.gallery-item {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--verde-profondo);
  border: 1px solid rgba(109, 128, 108, 0.2);
  cursor: zoom-in;
}

.gallery-item:nth-child(1),
.gallery-item:nth-child(6) {
  grid-column: span 2;
  grid-row: span 2;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease, filter 0.45s ease;
}

.gallery-item::after {
  content: "+";
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  background: rgba(47, 60, 49, 0.9);
  color: var(--crema-chiaro);
  font-size: 1.35rem;
  font-weight: 800;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.gallery-item:hover img {
  transform: scale(1.045);
  filter: brightness(0.86);
}

.gallery-item:hover::after {
  opacity: 1;
}

.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(20, 25, 20, 0.94);
}

.gallery-lightbox.open {
  display: flex;
}

.gallery-lightbox img {
  max-width: min(1500px, 94vw);
  max-height: 90vh;
  object-fit: contain;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

.gallery-lightbox-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 250, 240, 0.5);
  background: var(--verde-profondo);
  color: var(--crema-chiaro);
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 980px) {
  .photo-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 240px;
  }
}

@media (max-width: 640px) {
  .photo-gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 165px;
    gap: 8px;
  }

  .gallery-item:nth-child(1),
  .gallery-item:nth-child(6) {
    grid-column: span 2;
    grid-row: span 2;
  }

  .gallery-lightbox {
    padding: 12px;
  }
}


/* Google Translate: elemento tecnico fuori schermo, non in display:none. */
#google_translate_element {
  position: fixed !important;
  left: -10000px !important;
  top: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Comandi slider della galleria. */
.gallery-lightbox-figure {
  margin: 0;
  max-width: min(1180px, 88vw);
  max-height: 86vh;
  display: grid;
  justify-items: center;
  gap: 10px;
}

.gallery-lightbox-figure img {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
}

.gallery-lightbox-prev,
.gallery-lightbox-next {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 54px;
  height: 68px;
  border: 1px solid rgba(255,255,255,.45);
  background: rgba(47,60,49,.82);
  color: #fffaf0;
  font-size: 3rem;
  line-height: 1;
  cursor: pointer;
}

.gallery-lightbox-prev { left: 18px; }
.gallery-lightbox-next { right: 18px; }

.gallery-lightbox-counter {
  color: #fffaf0;
  font-weight: 800;
  letter-spacing: .08em;
  text-shadow: 0 2px 12px rgba(0,0,0,.55);
}

@media (max-width: 640px) {
  .gallery-lightbox-prev,
  .gallery-lightbox-next {
    width: 42px;
    height: 54px;
    font-size: 2.4rem;
  }
  .gallery-lightbox-prev { left: 6px; }
  .gallery-lightbox-next { right: 6px; }
}

/* =========================================================
   Cookie banner gratuito + blocco servizi esterni
   ========================================================= */
.cookie-consent {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 10000;
  padding: 18px;
  background: rgba(47, 60, 49, .82);
  backdrop-filter: blur(10px);
}

.cookie-consent-card {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.25fr .95fr auto;
  gap: 18px;
  align-items: center;
  background: var(--crema-chiaro);
  color: var(--verde-profondo);
  border: 2px solid var(--verde);
  box-shadow: 0 22px 55px rgba(0, 0, 0, .22);
  padding: 20px;
}

.cookie-consent-text strong {
  display: block;
  font-size: 1.12rem;
  margin-bottom: 6px;
}

.cookie-consent-text p {
  color: var(--muted);
  margin-bottom: 7px;
}

.cookie-consent-text a {
  color: var(--verde-profondo);
  font-weight: 900;
  text-decoration: underline;
}

.cookie-consent-options {
  display: grid;
  gap: 9px;
  font-weight: 800;
}

.cookie-check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: var(--verde-profondo);
}

.cookie-check input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  accent-color: var(--verde);
}

.cookie-consent-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.cookie-consent-actions .btn {
  border-radius: 0 !important;
  white-space: nowrap;
}

.cookie-footer-button {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
}

.map-consent {
  width: 100%;
  min-height: 480px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 12px;
  padding: 32px;
  text-align: center;
  background:
    linear-gradient(135deg, rgba(47, 60, 49, .90), rgba(109, 128, 108, .82)),
    var(--crema);
  color: var(--crema-chiaro);
}

.map-consent strong {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
}

.map-consent p {
  max-width: 420px;
  color: rgba(255, 250, 240, .86);
  font-weight: 700;
}

.privacy-page {
  background: var(--crema);
}

.privacy-content {
  max-width: 920px;
  margin: 0 auto;
  background: var(--crema-chiaro);
  border: 1px solid rgba(109, 128, 108, .22);
  box-shadow: var(--ombra);
  padding: clamp(28px, 5vw, 56px);
}

.privacy-content h1,
.privacy-content h2 {
  font-family: "Cormorant Garamond", serif;
  color: var(--verde-profondo);
  line-height: 1;
}

.privacy-content h1 {
  font-size: clamp(2.8rem, 7vw, 5rem);
  margin-bottom: 18px;
}

.privacy-content h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  margin: 34px 0 12px;
}

.privacy-content p,
.privacy-content li {
  color: var(--muted);
  margin-bottom: 10px;
}

.privacy-content ul {
  padding-left: 22px;
}

.privacy-content .note-box {
  margin: 20px 0;
}

@media (max-width: 860px) {
  .cookie-consent-card {
    grid-template-columns: 1fr;
  }

  .cookie-consent-actions {
    justify-content: stretch;
  }

  .cookie-consent-actions .btn {
    flex: 1 1 150px;
  }
}

@media (max-width: 520px) {
  .cookie-consent {
    padding: 10px;
  }

  .cookie-consent-card {
    padding: 16px;
  }

  .cookie-consent-text p,
  .cookie-consent-options {
    font-size: .9rem;
  }
}