.elementor-24 .elementor-element.elementor-element-d375db2{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-24 .elementor-element.elementor-element-d375db2:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-d375db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dulleslagos.com/wp-content/uploads/2025/11/Dr-1220-1-scaled.jpg");background-position:center center;background-size:cover;}.elementor-24 .elementor-element.elementor-element-d375db2::before, .elementor-24 .elementor-element.elementor-element-d375db2 > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-d375db2 > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-d375db2 > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-d375db2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-d375db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#20473C1A;--background-overlay:'';}.elementor-24 .elementor-element.elementor-element-ceb6c81{--display:flex;--min-height:164px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-ceb6c81:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-ceb6c81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C3123;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-558e933{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Cormorant Garamond", Sans-serif;font-size:18px;font-weight:600;color:#FFE3C9;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-9191e3d{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-24 .elementor-element.elementor-element-9191e3d .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:47px;font-weight:500;text-transform:none;font-style:normal;line-height:48px;letter-spacing:-0.2px;color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-916fd9b{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-5f3c02b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-ba75609{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-ba75609.e-con{--align-self:flex-end;}.elementor-24 .elementor-element.elementor-element-47e3d99{text-align:center;}.elementor-24 .elementor-element.elementor-element-47e3d99 .elementor-heading-title{font-family:"Frank Ruhl Libre", Sans-serif;font-size:25px;font-weight:600;letter-spacing:0px;color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-6eae5d2{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Frank Ruhl Libre", Sans-serif;font-size:20px;font-weight:700;color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-0398ca7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-0398ca7.e-con{--align-self:flex-end;}.elementor-24 .elementor-element.elementor-element-ad7ea90{text-align:center;}.elementor-24 .elementor-element.elementor-element-ad7ea90 .elementor-heading-title{font-family:"Frank Ruhl Libre", Sans-serif;font-size:25px;font-weight:600;letter-spacing:0px;color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-d15476f{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Frank Ruhl Libre", Sans-serif;font-size:20px;font-weight:700;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-f12461c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-f12461c:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-f12461c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-24 .elementor-element.elementor-element-f12461c.e-con{--align-self:flex-end;}.elementor-24 .elementor-element.elementor-element-70900d2{text-align:center;}.elementor-24 .elementor-element.elementor-element-70900d2 .elementor-heading-title{font-family:"Frank Ruhl Libre", Sans-serif;font-size:25px;font-weight:600;color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-1b90b73{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Frank Ruhl Libre", Sans-serif;font-size:20px;font-weight:700;color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-1b90b73 a{color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-e60ce4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-e60ce4b.e-con{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-24 .elementor-element.elementor-element-2348e86{text-align:center;}.elementor-24 .elementor-element.elementor-element-2348e86 .elementor-heading-title{font-family:"Frank Ruhl Libre", Sans-serif;font-size:25px;font-weight:600;color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-de414e3{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Frank Ruhl Libre", Sans-serif;font-size:20px;font-weight:700;color:#D4A77B;}.elementor-24 .elementor-element.elementor-element-c16f4a9{--display:flex;}.elementor-24 .elementor-element.elementor-element-b74feef{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-7be673a{width:var( --container-widget-width, 570px );max-width:570px;--container-widget-width:570px;--container-widget-flex-grow:0;}.elementor-24 .elementor-element.elementor-element-7be673a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-60fc938{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-64px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-60fc938:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-60fc938 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dulleslagos.com/wp-content/uploads/2025/10/dulles-beautiful.png");background-position:center center;}.elementor-24 .elementor-element.elementor-element-a39c51e{width:var( --container-widget-width, 100% );max-width:100%;margin:73px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-24 .elementor-element.elementor-element-a39c51e .elementor-heading-title{font-family:"Jomolhari", Sans-serif;font-size:41px;font-weight:500;text-transform:none;line-height:48px;color:#C49B71;}.elementor-24 .elementor-element.elementor-element-e693e0e{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:center;font-family:"Josefin Slab", Sans-serif;font-size:22px;font-weight:400;text-transform:none;line-height:39px;color:#C5BDB6;}.elementor-24 .elementor-element.elementor-element-e693e0e.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-6e1b19b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-78f8a4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-d27bb09{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-24 .elementor-element.elementor-element-35aae6f .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-24 .elementor-element.elementor-element-35aae6f .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-24 .elementor-element.elementor-element-35aae6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--image-border-width:0px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-24 .elementor-element.elementor-element-c08ab23{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-1cc7cea > .elementor-widget-container{margin:0px -15px 0px -15px;}.elementor-24 .elementor-element.elementor-element-b205585{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24 .elementor-element.elementor-element-4770eb2 .elementor-button{background-color:#61CE7000;font-family:"Josefin Sans", Sans-serif;font-size:25px;font-weight:500;}.elementor-24 .elementor-element.elementor-element-4770eb2 .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-60fc938:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-60fc938 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-d375db2:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-d375db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dulleslagos.com/wp-content/uploads/2025/11/Dr-1542-scaled-e1763504102282.jpg");background-position:center center;}.elementor-24 .elementor-element.elementor-element-d375db2{--min-height:690px;}.elementor-24 .elementor-element.elementor-element-ceb6c81{--min-height:0px;--margin-top:-8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:31px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-9191e3d .elementor-heading-title{font-size:31px;line-height:0.9em;}.elementor-24 .elementor-element.elementor-element-c16f4a9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-b74feef{--padding-top:100px;--padding-bottom:45px;--padding-left:5%;--padding-right:5%;}.elementor-24 .elementor-element.elementor-element-7be673a{width:100%;max-width:100%;}.elementor-24 .elementor-element.elementor-element-60fc938{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-60fc938:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-60fc938 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-24 .elementor-element.elementor-element-a39c51e{width:var( --container-widget-width, 100% );max-width:100%;margin:-13px -13px calc(var(--kit-widget-spacing, 0px) + -13px) -13px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-24 .elementor-element.elementor-element-a39c51e .elementor-heading-title{font-size:26px;line-height:1.3em;}.elementor-24 .elementor-element.elementor-element-e693e0e{width:var( --container-widget-width, 343px );max-width:343px;--container-widget-width:343px;--container-widget-flex-grow:0;font-size:18px;}.elementor-24 .elementor-element.elementor-element-e693e0e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-24 .elementor-element.elementor-element-d27bb09{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-916fd9b *//* ---------- Stage (outer container) background logic ---------- */
.elementor-24 .elementor-element.elementor-element-916fd9b { 
  --bg-restaurant: url('/wp-content/uploads/2025/11/restaurant.jpg');
  --bg-terrace:    url('wp-content/uploads/2025/11/lounge.jpg');
  --bg-patio:      url('/wp-content/uploads/2025/09/patio.jpeg');
  --bg-club:       url('/wp-content/uploads/2025/09/club.jpg');

  /* Default background */
  background-image: var(--bg-restaurant);
  background-size: cover;
  background-position: center;
  transition: background-image 0s, filter .3s ease;
  filter: brightness(.9);
}

/* Active state backgrounds (set by JS) */
.elementor-24 .elementor-element.elementor-element-916fd9b.is-restaurant { background-image: var(--bg-restaurant); filter: brightness(1); }
.elementor-24 .elementor-element.elementor-element-916fd9b.is-terrace    { background-image: var(--bg-terrace);    filter: brightness(1); }
.elementor-24 .elementor-element.elementor-element-916fd9b.is-patio      { background-image: var(--bg-patio);      filter: brightness(1); }
.elementor-24 .elementor-element.elementor-element-916fd9b.is-club       { background-image: var(--bg-club);       filter: brightness(1); }

/* ---------- Nav layout ---------- */
.elementor-24 .elementor-element.elementor-element-916fd9b .zones-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
  margin-top: .75rem;
}
@media (max-width: 900px) {
  .elementor-24 .elementor-element.elementor-element-916fd9b .zones-nav { grid-template-columns: 1fr; }
}

/* ---------- Zone item basics ---------- */
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-item { 
  display: block; 
  position: relative; 
  cursor: pointer;
  border-bottom: 0; /* baseline – overridden by .is-active */
}

/* ---------- Active item accent ---------- */
.elementor-24 .elementor-element.elementor-element-916fd9b { --active-accent: #0f6a2f; } /* deep green */

.elementor-24 .elementor-element.elementor-element-916fd9b .zone-item.is-active {
  border-bottom: 6px solid var(--active-accent);
}
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-item.is-active .zone-title { color: #e8ffe8; } /* optional tint */

/* ---------- Title link cleanup ---------- */
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-title a { 
  text-decoration: none; 
  color: inherit;
}

/* ---------- Description hidden by default ---------- */
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-desc {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0;
  transition: max-height .3s ease, opacity .3s ease, margin .3s ease;
}

/* Reveal description on hover/focus */
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-item:hover .zone-desc,
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-item:focus-within .zone-desc,
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-title:hover ~ .zone-desc,
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-title:focus ~ .zone-desc {
  max-height: 100px;
  opacity: 1;
  margin-top: .35em;
}

/* Keep description visible on the active item */
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-item.is-active .zone-desc {
  max-height: 100px;
  opacity: 1;
  margin-top: .35em;
}

/* Remove per-box underline */
.elementor-24 .elementor-element.elementor-element-916fd9b .zone-item.is-active { border-bottom: none; }

/* Green indicator line on the outer container */
.elementor-24 .elementor-element.elementor-element-916fd9b::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px; /* thickness */
  width: 25%; /* default width (1 of 4 boxes) */
  background: var(--active-accent, #0f6a2f);
  transition: left .3s ease;
}

/* Move the line depending on active item */
.elementor-24 .elementor-element.elementor-element-916fd9b.is-restaurant::after { left: 0; }
.elementor-24 .elementor-element.elementor-element-916fd9b.is-terrace::after    { left: 25%; }
.elementor-24 .elementor-element.elementor-element-916fd9b.is-patio::after      { left: 50%; }
.elementor-24 .elementor-element.elementor-element-916fd9b.is-club::after       { left: 75%; }

/* ===== Mobile "deck" mode (≤900px): only the active card is visible ===== */
@media (max-width: 900px) {
  /* Make sure stage can anchor the indicator + deck */
  .elementor-24 .elementor-element.elementor-element-916fd9b { position: relative; }

  /* Zones nav becomes an absolute area at the bottom of the stage */
  .elementor-24 .elementor-element.elementor-element-916fd9b .zones-nav {
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    /* Remove desktop grid spacing; we'll overlay the active card */
    display: block;
    margin: 0;
    padding: 0;
  }

  /* The tabs bar sits just above the deck (inside zones-nav) */
  .elementor-24 .elementor-element.elementor-element-916fd9b .mobile-tabs {
    position: absolute;
    left: 0; right: 0;
    bottom: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;                                /* divider between tabs */
    background: rgba(255,255,255,.25);       /* divider color */
    z-index: 2;
  }

  .elementor-24 .elementor-element.elementor-element-916fd9b .mobile-tab {
    text-align: center;
    padding: 10px 6px;
    font-size: .85rem;
    text-transform: uppercase;
    font-weight: 600;
    background: rgba(0,0,0,.35);
    color: #fff;
    cursor: pointer;
    user-select: none;
  }

  /* Highlight the tab that matches the active card */
  .elementor-24 .elementor-element.elementor-element-916fd9b .mobile-tab.is-active {
    outline: 2px solid var(--active-accent, #0f6a2f);
    outline-offset: -2px;
  }

  /* Deck: overlap all four cards in the same slot at the bottom */
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-item {
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;         /* only the active one is tappable */
    transition: opacity .25s ease;
    z-index: 1;
  }

  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-item.is-active {
    opacity: 1;
    pointer-events: auto;
  }

  /* Keep the outer green indicator visible on mobile */
  .elementor-24 .elementor-element.elementor-element-916fd9b::after {
    height: 6px;
    width: 25%;
  }

  /* Optional: tighten typography for mobile */
  /* .elementor-24 .elementor-element.elementor-element-916fd9b .zone-title { font-size: 1rem; } */
  /* .elementor-24 .elementor-element.elementor-element-916fd9b .zone-desc  { font-size: .9rem; } */
}

/* Helper so Divider widgets (if you added any for desktop) don't interfere on mobile */
@media (max-width: 900px) {
  .elementor-24 .elementor-element.elementor-element-916fd9b .elementor-widget-divider { display: none; }
}

/* ===== Mobile: stack the 4 boxes vertically, titles only ===== */
@media (max-width: 900px) {
  /* Stop using absolute positioning / deck on mobile */
  .elementor-24 .elementor-element.elementor-element-916fd9b .zones-nav {
    position: static;
    display: flex;              /* vertical stack */
    flex-direction: column;
    gap: 1px;                   /* thin divider line if the container has a bg */
    margin-top: .75rem;
    padding: 0;
    background: rgba(255,255,255,.25); /* shows through 1px gap as a divider */
  }

  /* Each box becomes a normal block again */
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-item {
    position: static;
    opacity: 1;
    pointer-events: auto;
    margin: 0;
    /* Optional: add your own background via Elementor; this CSS doesn't force one */
  }

  /* FORCE descriptions hidden on mobile, even when active/hovered */
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-desc {
    max-height: 0 !important;
    opacity: 0 !important;
    margin: 0 !important;
  }
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-item.is-active .zone-desc,
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-item:hover .zone-desc,
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-item:focus-within .zone-desc,
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-title:hover ~ .zone-desc,
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-title:focus ~ .zone-desc {
    max-height: 0 !important;
    opacity: 0 !important;
    margin: 0 !important;
  }

  /* Optional: show an active underline per item on mobile */
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-item.is-active {
    border-bottom: 6px solid var(--active-accent, #0f6a2f);
  }

  /* The global green indicator bar across the OUTER container is desktop-centric.
     Hide it on mobile so it doesn’t look odd with the vertical list. */
  .elementor-24 .elementor-element.elementor-element-916fd9b::after { display: none; }
}

/* ===== Mobile box styling (≤900px) ===== */
@media (max-width: 900px) {
  /* Style each stacked item */
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-item {
    background-color: #40826D;  /* viridian green */
    border: 1px solid #ffffff;  /* thin white border all around */
    color: #fff;                /* ensure text is white */
    text-align: left;           /* flush text left */
    padding: 14px 16px;         /* adjust padding to taste */
  }

  /* Title styles */
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-title {
    font-size: 1rem;            /* slightly smaller for mobile */
    font-weight: 600;
    margin: 0;                  /* remove default spacing */
  }

  /* Hide desc completely (in case Elementor is injecting spacing) */
  .elementor-24 .elementor-element.elementor-element-916fd9b .zone-desc {
    display: none !important;
  }
}
/* ===== Mobile-specific background images (lighter weight) ===== */
@media (max-width: 900px) {
  .elementor-24 .elementor-element.elementor-element-916fd9b.is-restaurant { 
    background-image: url('/wp-content/uploads/2025/09/restaurant-mobile.jpg'); 
  }
  .elementor-24 .elementor-element.elementor-element-916fd9b.is-terrace    { 
    background-image: url('/wp-content/uploads/2025/09/terrace-mobile.jpg'); 
  }
  .elementor-24 .elementor-element.elementor-element-916fd9b.is-patio      { 
    background-image: url('/wp-content/uploads/2025/09/patio-mobile.jpg'); 
  }
  .elementor-24 .elementor-element.elementor-element-916fd9b.is-club       { 
    background-image: url('/wp-content/uploads/2025/09/club-mobile.jpg'); 
  }
}/* End custom CSS */