/*
Theme Name: Blinds Theme Latest — Fixes v59
Theme URI: https://oliviabarclay01-nhatk.wpcomstaging.com/
Template: blinds-theme-latest
Description: v59 — mobile hero video explicitly centred (object-position: center center on mobile).
Author: Olivia Barclay
Version: 59.0
*/

/* ===== Cookie consent — Save My Preferences button ===== */
/* Match exact style of "Reject All" button — dark border, dark text, no blue */
.cky-btn-preferences-accept,
.cky-preference-btn-accept,
[data-cky-tag="accept-necessary"],
div.cky-modal .cky-btn:not(.cky-btn-accept):not(.cky-btn-reject),
div.cky-consent-bar .cky-btn:not(.cky-btn-accept):not(.cky-btn-reject) {
  color: #1a1a1a !important;
  border-color: #1a1a1a !important;
  background: #fff !important;
  opacity: 1 !important;
}
.cky-btn-preferences-accept:hover,
.cky-preference-btn-accept:hover,
div.cky-modal .cky-btn:not(.cky-btn-accept):not(.cky-btn-reject):hover,
div.cky-consent-bar .cky-btn:not(.cky-btn-accept):not(.cky-btn-reject):hover {
  color: #fff !important;
  border-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* ========================================================== */
/* HOMEPAGE — DISCOVER OUR MENU ON MOBILE                       */
/* True edge-to-edge full-viewport photos + refined CTAs       */
/* ========================================================== */
@media (max-width: 781px) {
  html body.home .entry-content .specials-section,
  html body.home .entry-content .home-top-specials,
  html body .specials-section,
  html body .home-top-specials {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body.home .entry-content .specials-section .wp-block-columns,
  html body.home .entry-content .home-top-specials .wp-block-columns,
  html body .specials-section .wp-block-columns,
  html body .home-top-specials .wp-block-columns,
  html body .specials-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 32px !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body.home .entry-content .specials-section .wp-block-columns > .wp-block-column,
  html body.home .entry-content .home-top-specials .wp-block-columns > .wp-block-column,
  html body .specials-section .wp-block-column,
  html body .home-top-specials .wp-block-column,
  html body .specials-grid .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    flex-basis: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 20px !important;
  }
  html body.home .entry-content .specials-section .wp-block-columns:not(.image-grid-section) > .wp-block-column > figure.wp-block-image,
  html body.home .entry-content .home-top-specials .wp-block-columns:not(.image-grid-section) > .wp-block-column > figure.wp-block-image,
  html body .specials-section figure.wp-block-image,
  html body .home-top-specials figure.wp-block-image,
  html body .specials-image,
  html body figure.specials-image {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    height: 380px !important;
    padding: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  html body.home .entry-content .specials-section .wp-block-columns:not(.image-grid-section) > .wp-block-column > figure.wp-block-image img,
  html body.home .entry-content .home-top-specials .wp-block-columns:not(.image-grid-section) > .wp-block-column > figure.wp-block-image img,
  html body .specials-section figure.wp-block-image img,
  html body .home-top-specials figure.wp-block-image img,
  html body .specials-section .specials-image img,
  html body .home-top-specials .specials-image img {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }
  html body.home .entry-content .specials-section .wp-block-buttons,
  html body.home .entry-content .home-top-specials .wp-block-buttons,
  html body .specials-section .wp-block-buttons,
  html body .home-top-specials .wp-block-buttons {
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
    margin: 0 auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }
  html body.home .entry-content .specials-section .wp-block-button,
  html body.home .entry-content .home-top-specials .wp-block-button,
  html body .specials-section .wp-block-button,
  html body .home-top-specials .wp-block-button {
    width: 100% !important;
    max-width: 360px !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
  }
  html body.home .entry-content .specials-section .wp-block-button .wp-block-button__link,
  html body.home .entry-content .home-top-specials .wp-block-button .wp-block-button__link,
  html body .specials-section .wp-block-button .wp-block-button__link,
  html body .home-top-specials .wp-block-button .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    padding: 16px 24px !important;
    font-size: 1rem !important;
    letter-spacing: 0.08em !important;
  }
}

/* ========================================================== */
/* HOMEPAGE OUR EVENTS — MOBILE CAROUSEL                       */
/* ========================================================== */
@media (max-width: 781px) {
  html body .home-events-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 16px !important;
    padding: 4px 20px 20px !important;
    scrollbar-width: none !important;
    grid-template-columns: none !important;
    justify-items: stretch !important;
  }
  html body .home-events-grid::-webkit-scrollbar { display: none !important; }
  html body .home-events-grid > .wp-block-column {
    flex: 0 0 82vw !important;
    width: 82vw !important;
    max-width: 340px !important;
    min-width: 260px !important;
    scroll-snap-align: center !important;
    margin: 0 !important;
  }
}

/* ========================================================== */
/* HOMEPAGE OUR EVENTS — DESKTOP 3-COLUMN GRID                 */
/* ========================================================== */
@media (min-width: 782px) {
  html body .home-events-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    align-items: stretch !important;
  }
}

/* ========================================================== */
/* PRIVATE VENUE PAGES — SPACE BEFORE AND AFTER THE CAROUSEL   */
/* (Private Venue 1408, Celebration 988, Wedding 993, Corporate 990) */
/* ========================================================== */
html body.page-id-1408 .wp-block-shortcode,
html body.page-id-988 .wp-block-shortcode,
html body.page-id-993 .wp-block-shortcode,
html body.page-id-990 .wp-block-shortcode,
html body.page-id-1408 .wp-block-gallery,
html body.page-id-988 .wp-block-gallery,
html body.page-id-993 .wp-block-gallery,
html body.page-id-990 .wp-block-gallery,
html body.page-id-1408 [class*="slider"],
html body.page-id-988 [class*="slider"],
html body.page-id-993 [class*="slider"],
html body.page-id-990 [class*="slider"],
html body.page-id-1408 [class*="carousel"],
html body.page-id-988 [class*="carousel"],
html body.page-id-993 [class*="carousel"],
html body.page-id-990 [class*="carousel"],
html body.page-id-1408 .swiper,
html body.page-id-988 .swiper,
html body.page-id-993 .swiper,
html body.page-id-990 .swiper,
html body.page-id-1408 .splide,
html body.page-id-988 .splide,
html body.page-id-993 .splide,
html body.page-id-990 .splide,
html body.page-id-1408 [class*="blinds-slider"],
html body.page-id-988 [class*="blinds-slider"],
html body.page-id-993 [class*="blinds-slider"],
html body.page-id-990 [class*="blinds-slider"] {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 781px) {
  html body.page-id-1408 .wp-block-shortcode,
  html body.page-id-988 .wp-block-shortcode,
  html body.page-id-993 .wp-block-shortcode,
  html body.page-id-990 .wp-block-shortcode,
  html body.page-id-1408 [class*="slider"],
  html body.page-id-988 [class*="slider"],
  html body.page-id-993 [class*="slider"],
  html body.page-id-990 [class*="slider"] {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

/* ========================================================== */
/* HIDE HERO SCROLL-DOWN ARROWS EVERYWHERE                     */
/* ========================================================== */
html body [class*="hero"]::after,
html body [class*="hero"]::before,
html body .wp-block-cover.alignfull::after,
html body .home-top-hero::after,
html body .home-pv-feature::after,
html body .home-top-intro::after,
html body .hero-section::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
  transform: none !important;
}

/* ========================================================== */
/* BOOK AN EVENT CTAs IN BRAND RED                            */
/* ========================================================== */
html body a[href*="book-an-event"],
html body a.wp-block-button__link[href*="book-an-event"],
html body .wp-block-button a[href*="book-an-event"] {
  background-color: #a32d17 !important;
  color: #fff3e8 !important;
  border-color: #a32d17 !important;
}

/* ========================================================== */
/* EVENTS PAGE MOBILE CAROUSEL                                */
/* ========================================================== */
@media (max-width: 781px) {
  html body .bf-events-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    gap: 16px !important;
    padding: 4px 20px 20px !important;
    margin-left: -24px !important;
    margin-right: -24px !important;
    scrollbar-width: none !important;
  }
  html body .bf-events-row::-webkit-scrollbar { display: none !important; }
  html body .bf-events-row > .wp-block-column {
    flex: 0 0 82vw !important;
    width: 82vw !important;
    min-width: 260px !important;
    max-width: 340px !important;
    scroll-snap-align: center !important;
  }
}

/* ========================================================== */
/* EVENTS PAGE DESKTOP 3-COLUMN GRID                          */
/* ========================================================== */
@media (min-width: 782px) {
  html body .bf-events-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
    align-items: stretch !important;
  }
}

/* ========================================================== */
/* ALL "BOOK A TABLE" CTAs — COFFEE BROWN BRAND COLOR         */
/* Force every Book A Table CTA site-wide (links to           */
/* /book-a-table/) to use the coffee #6f4e37 background with  */
/* cream #fff3e8 text, matching the homepage hero CTA.        */
/* ========================================================== */
html body a[href*="book-a-table"],
html body a.wp-block-button__link[href*="book-a-table"],
html body .wp-block-button a[href*="book-a-table"],
html body .wp-element-button[href*="book-a-table"] {
  background-color: #6f4e37 !important;
  background: #6f4e37 !important;
  color: #fff3e8 !important;
  border-color: #6f4e37 !important;
}
html body a[href*="book-a-table"]:hover {
  background-color: #5a3f28 !important;
}
/* Header + mobile booking bar Book A Table — beat parent's inline echo */
html body .site-header .btn-book-table,
html body .mobile-booking-bar .btn-book-table,
html body header .header-actions a.btn-book-table,
html body header.site-header .header-actions a.btn-book-table {
  background: #6f4e37 !important;
  background-color: #6f4e37 !important;
  border-color: #6f4e37 !important;
  color: #fff3e8 !important;
}
html body .site-header .btn-book-table:hover,
html body .mobile-booking-bar .btn-book-table:hover {
  background: #5a3f28 !important;
  background-color: #5a3f28 !important;
}

/* ========================================================== */
/* ROUND ALL CTAs SITE-WIDE (except in the header)            */
/* Parent echoes inline <style> with selectors like           */
/* `.entry-content .specials-section .specials-cta            */
/* .wp-block-button__link { border-radius: 6px !important }`  */
/* and `.home-pv-feature .wp-block-button__link               */
/* { border-radius: 0 !important }` — these win on            */
/* specificity unless we beat them. So our selectors below    */
/* include the same chain + extra html/body/.entry-content    */
/* to force a higher specificity score.                       */
/* ========================================================== */
html body .wp-block-button__link,
html body a.wp-block-button__link,
html body button.wp-block-button__link,
html body .wp-block-button .wp-block-button__link,
html body .wp-block-buttons .wp-block-button__link,
html body input[type="submit"],
html body button[type="submit"],
html body .jetpack-contact-form button,
html body .jetpack-contact-form input[type="submit"] {
  border-radius: 9999px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}
/* Beat the parent's specials-cta border-radius:6px */
html body.home .entry-content .specials-section .specials-cta .wp-block-button__link,
html body.home .entry-content .specials-section .wp-block-buttons .wp-block-button__link,
html body.home .entry-content .home-top-specials .wp-block-buttons .wp-block-button__link,
html body .entry-content .specials-section .specials-cta .wp-block-button__link,
html body .entry-content .home-top-specials .wp-block-buttons .wp-block-button__link {
  border-radius: 9999px !important;
}
/* Beat the parent's home-pv-feature border-radius:0 */
html body.home .entry-content .home-pv-feature .wp-block-buttons .wp-block-button__link,
html body.home .entry-content .home-pv-feature .wp-block-button .wp-block-button__link,
html body .entry-content .home-pv-feature .wp-block-button__link {
  border-radius: 9999px !important;
}
/* Header CTAs stay square */
html body .header-actions .wp-block-button__link,
html body .header-actions a.wp-block-button__link,
html body .header-actions button,
html body header .header-actions a,
html body header .header-actions button,
html body .site-header .header-actions .wp-block-button__link,
html body .blinds-mobile-cta .wp-block-button__link,
html body .blinds-mobile-cta a,
html body .blinds-mobile-cta button {
  border-radius: 0 !important;
}
/* ========================================================== */
/* READY TO BOOK — CTAs SIT CLOSER TOGETHER                   */
/* The buttons were spreading to opposite edges because the   */
/* parent theme was either forcing space-between or letting   */
/* each button flex-grow. Force a tight centered cluster.     */
/* ========================================================== */
html body .home-ready-to-book .wp-block-buttons,
html body .home-ready-to-book .wp-block-buttons.is-layout-flex,
html body .home-ready-to-book .wp-block-buttons.is-content-justification-center,
html body .entry-content .home-ready-to-book .wp-block-buttons,
html body .entry-content .home-ready-to-book .wp-block-buttons.is-layout-flex {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  column-gap: 16px !important;
  row-gap: 16px !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
html body .home-ready-to-book .wp-block-buttons > .wp-block-button,
html body .entry-content .home-ready-to-book .wp-block-buttons > .wp-block-button {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
/* MOBILE — force the 2 Ready To Book CTAs to stay side by side */
/* Parent forces body.page-menu .entry-content .wp-block-buttons */
/* into grid-template-columns:1fr on mobile, stacking everything. */
/* We add body.page-menu + body.page-id-* prefixes to win on       */
/* specificity AND override grid back to flex.                    */
@media (max-width: 781px) {
  html body .home-ready-to-book .wp-block-buttons,
  html body .home-ready-to-book .wp-block-buttons.is-layout-flex,
  html body .entry-content .home-ready-to-book .wp-block-buttons,
  html body.page-menu .entry-content .home-ready-to-book .wp-block-buttons,
  html body.page-id-46 .entry-content .home-ready-to-book .wp-block-buttons,
  html body.page-id-67 .entry-content .home-ready-to-book .wp-block-buttons,
  html body.home .entry-content .home-ready-to-book .wp-block-buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    gap: 8px !important;
    column-gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    align-items: center !important;
  }
  html body .home-ready-to-book .wp-block-buttons > .wp-block-button,
  html body.page-menu .entry-content .home-ready-to-book .wp-block-buttons > .wp-block-button,
  html body.page-id-46 .entry-content .home-ready-to-book .wp-block-buttons > .wp-block-button,
  html body.page-id-67 .entry-content .home-ready-to-book .wp-block-buttons > .wp-block-button,
  html body.home .entry-content .home-ready-to-book .wp-block-buttons > .wp-block-button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 50% !important;
    width: auto !important;
    margin: 0 !important;
  }
  html body .home-ready-to-book .wp-block-button .wp-block-button__link,
  html body.page-menu .entry-content .home-ready-to-book .wp-block-button .wp-block-button__link,
  html body.page-id-46 .entry-content .home-ready-to-book .wp-block-button .wp-block-button__link,
  html body.page-id-67 .entry-content .home-ready-to-book .wp-block-button .wp-block-button__link,
  html body.home .entry-content .home-ready-to-book .wp-block-button .wp-block-button__link {
    width: 100% !important;
    display: block !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}

/* ========================================================== */
/* MOBILE — HIDE ALL CAROUSEL ARROW BUTTONS                   */
/* On mobile, finger swipe is the natural interaction.        */
/* The injected prev/next buttons (both the parent's large    */
/* black circles and any duplicate pill-shape ones) clutter   */
/* the UI. Hide them entirely under 781px.                    */
/* ========================================================== */
@media (max-width: 781px) {
  html body .blinds-pv-carousel-arrow,
  html body .blinds-pv-carousel-arrow--prev,
  html body .blinds-pv-carousel-arrow--next,
  html body button.blinds-pv-carousel-arrow,
  html body .blinds-pv-carousel-wrap > button,
  html body .blinds-pv-carousel-wrap .blinds-pv-carousel-arrow,
  html body .wp-block-gallery + button.blinds-pv-carousel-arrow,
  html body .wp-block-gallery ~ button.blinds-pv-carousel-arrow {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* ========================================================== */
/* PRIVATE VENUE PAGES — TIGHTEN MOBILE GAP                   */
/* Between "The Space" section (pv-the-space-v2) and the      */
/* photo carousel there was a huge empty gap on iPhone.       */
/* Reduce the wp:spacer + internal stack spacing on mobile.   */
/* ========================================================== */
@media (max-width: 781px) {
  html body .pv-the-space-v2 {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }
  html body .pv-the-space-v2 + .wp-block-spacer,
  html body .pv-the-space-v2 + .wp-block-spacer[style] {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
  }
  html body .pv-the-space-v2 + .wp-block-spacer > div,
  html body .pv-the-space-v2 + div.wp-block-spacer[style] {
    height: 24px !important;
  }
  /* Tighten the 2-col layout: text on top, photos right under */
  html body .pv-the-space-v2 .wp-block-columns {
    gap: 16px !important;
    row-gap: 16px !important;
  }
  html body .pv-the-space-v2 .pv-photo-stack {
    gap: 8px !important;
    margin-top: 8px !important;
  }
  /* Hide the static photo stack column on mobile — carousel below shows photos */
  html body .pv-the-space-v2 .pv-photo-stack,
  html body.page-id-1408 .pv-the-space-v2 .pv-photo-stack,
  html body.page-id-988 .pv-the-space-v2 .pv-photo-stack,
  html body.page-id-993 .pv-the-space-v2 .pv-photo-stack,
  html body.page-id-990 .pv-the-space-v2 .pv-photo-stack {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
  /* AGGRESSIVE: hide the entire second column on mobile (image column) */
  html body .pv-the-space-v2 .wp-block-columns > .wp-block-column:nth-child(2),
  html body .pv-the-space-v2 .wp-block-columns > .wp-block-column + .wp-block-column,
  html body.page-id-1408 .pv-the-space-v2 .wp-block-columns > .wp-block-column:nth-child(2),
  html body.page-id-988 .pv-the-space-v2 .wp-block-columns > .wp-block-column:nth-child(2),
  html body.page-id-993 .pv-the-space-v2 .wp-block-columns > .wp-block-column:nth-child(2),
  html body.page-id-990 .pv-the-space-v2 .wp-block-columns > .wp-block-column:nth-child(2) {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    flex-basis: 0 !important;
  }
  /* Crush the pv-the-space-v2 group bottom padding + adjacent spacer to near zero */
  html body .pv-the-space-v2,
  html body .entry-content .pv-the-space-v2,
  html body.page-id-1408 .pv-the-space-v2,
  html body.page-id-988 .pv-the-space-v2,
  html body.page-id-993 .pv-the-space-v2,
  html body.page-id-990 .pv-the-space-v2 {
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
  }
  html body.page-id-1408 .entry-content .wp-block-spacer[style*="80px"],
  html body.page-id-988 .entry-content .wp-block-spacer[style*="80px"],
  html body.page-id-993 .entry-content .wp-block-spacer[style*="80px"],
  html body.page-id-990 .entry-content .wp-block-spacer[style*="80px"],
  html body.page-id-1408 .entry-content div.wp-block-spacer,
  html body.page-id-988 .entry-content div.wp-block-spacer,
  html body.page-id-993 .entry-content div.wp-block-spacer,
  html body.page-id-990 .entry-content div.wp-block-spacer {
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
  }
  /* Tighten spacer that sits BEFORE the FAQ section too */
  html body .wp-block-shortcode + .wp-block-spacer,
  html body .wp-block-shortcode + div.wp-block-spacer[style*="80px"] {
    height: 32px !important;
  }
}

/* ========================================================== */
/* MENU PAGE GALLERY — HORIZONTAL CAROUSEL ON MOBILE          */
/* "Moments in the Room" gallery (is-style-blinds-slider)     */
/* was stacking vertically on mobile. Force a horizontal      */
/* scroll-snap carousel with one slide visible at a time.     */
/* ========================================================== */
@media (max-width: 781px) {
  html body .wp-block-gallery.is-style-blinds-slider,
  html body.page-id-46 .wp-block-gallery.is-style-blinds-slider,
  html body .entry-content .wp-block-gallery.is-style-blinds-slider {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    max-width: 100vw !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
  }
  html body .wp-block-gallery.is-style-blinds-slider::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
  }
  html body .wp-block-gallery.is-style-blinds-slider > .wp-block-image,
  html body .wp-block-gallery.is-style-blinds-slider .wp-block-image {
    flex: 0 0 90% !important;
    width: 90% !important;
    max-width: 90% !important;
    aspect-ratio: 4/3 !important;
    scroll-snap-align: center !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  html body .wp-block-gallery.is-style-blinds-slider .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    aspect-ratio: auto !important;
  }
}

/* ========================================================== */
/* MENU PAGE — SPACE BETWEEN PHOTO AND HEADING + CENTER CTAs  */
/* Targets the Food & Cocktails / Wine columns on /menu/.     */
/* Adds 40px gap between the photo and the heading underneath */
/* and forces VIEW MENU buttons to center within each column. */
/* ========================================================== */
html body.page-id-46 .entry-content .wp-block-columns > .wp-block-column > figure.wp-block-image,
html body.page-id-46 .entry-content .wp-block-columns > .wp-block-column > .wp-block-image,
html body.page-id-46 .wp-block-columns > .wp-block-column > figure.wp-block-image,
html body.page-id-46 .wp-block-columns > .wp-block-column > .wp-block-image {
  margin-bottom: 40px !important;
}
html body.page-id-46 .entry-content .wp-block-columns > .wp-block-column .wp-block-buttons,
html body.page-id-46 .entry-content .wp-block-columns > .wp-block-column .wp-block-buttons.is-layout-flex,
html body.page-id-46 .wp-block-columns > .wp-block-column .wp-block-buttons,
html body.page-id-46 .wp-block-columns > .wp-block-column .wp-block-buttons.is-layout-flex {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
html body.page-id-46 .entry-content .wp-block-columns > .wp-block-column .wp-block-buttons .wp-block-button,
html body.page-id-46 .wp-block-columns > .wp-block-column .wp-block-buttons .wp-block-button {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ========================================================== */
/* HOMEPAGE — SPACE BETWEEN EVENTS GRID AND "SEE ALL EVENTS" */
/* Parent forces a tight margin-top via                       */
/* .entry-content .wp-block-columns:not(.image-grid-section)  */
/* + .wp-block-buttons { margin-top: clamp(.25rem,.6vw,.75rem)*/
/* !important } — we must beat that with higher specificity.  */
/* ========================================================== */
html body.home .entry-content .home-events-grid + .wp-block-buttons,
html body.home .entry-content .home-events-section .wp-block-columns + .wp-block-buttons,
html body.home .entry-content .wp-block-columns.home-events-grid + .wp-block-buttons,
html body .entry-content .home-events-grid + .wp-block-buttons {
  margin-top: 100px !important;
  margin-block-start: 100px !important;
  padding-top: 0 !important;
}

/* ========================================================== */
/* HOMEPAGE PRIVATE VENUE — LEFT-ALIGN "BOOK VENUE NOW" CTA   */
/* Parent has .home-pv-feature .home-pv-feature__buttons      */
/* { justify-content: flex-start } — but the post doesn't     */
/* use that className. So we target the generic wp-block-     */
/* buttons inside .home-pv-feature with higher specificity.   */
/* ========================================================== */
html body.home .entry-content .home-pv-feature .wp-block-cover__inner-container .wp-block-buttons,
html body.home .entry-content .home-pv-feature .wp-block-buttons,
html body .entry-content .home-pv-feature .wp-block-buttons,
html body .home-pv-feature .wp-block-buttons {
  justify-content: flex-start !important;
  text-align: left !important;
}
html body .home-pv-feature .wp-block-cover__inner-container {
  text-align: left !important;
}

/* ========================================================== */
/* FIND US — CREAM BACKGROUND + COFFEE TEXT REDESIGN          */
/* Overrides parent's dark .blinds-find-col with the cream    */
/* brand aesthetic. Keeps the brand-red CTA buttons.          */
/* ========================================================== */
html body .blinds-find-col,
html body .entry-content .blinds-find-col,
html body .wp-block-columns .wp-block-column.blinds-find-col,
html body .blinds-two-cols .wp-block-column.blinds-find-col,
/* Parent has .entry-content .wp-block-columns:not(.image-grid-section) > .wp-block-column { padding:0 !important } - we must beat it */
html body .entry-content .blinds-two-cols.wp-block-columns:not(.image-grid-section) > .wp-block-column.blinds-find-col,
html body .entry-content .wp-block-columns.blinds-two-cols:not(.image-grid-section) > .wp-block-column.blinds-find-col {
  background: #1c1a18 !important;
  background-color: #1c1a18 !important;
  color: #fff3e8 !important;
  /* Push content inward from the left edge so it doesn't touch the viewport */
  padding-left: clamp(48px, 8vw, 120px) !important;
  padding-right: clamp(32px, 5vw, 80px) !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
html body .blinds-find-col::before {
  background: linear-gradient(180deg, #8a6543 0%, rgba(138,101,67,0) 100%) !important;
  opacity: 0.7 !important;
}
html body .blinds-find-col h2,
html body .blinds-find-col h3 {
  color: #fff3e8 !important;
}
html body .blinds-find-col h2::after {
  background: #8a6543 !important;
}
html body .blinds-find-col .blinds-info-label,
html body .blinds-find-col p.blinds-info-label,
html body .blinds-find-col .blinds-info-label.has-text-color,
html body .blinds-find-col p.blinds-info-label.has-text-color {
  color: #8a6543 !important;
}
html body .blinds-find-col p:not(.blinds-info-label),
html body .blinds-find-col p:not(.blinds-info-label) a {
  color: #fff3e8 !important;
}
html body .blinds-find-col .wp-block-buttons {
  border-top: 1px solid rgba(255, 243, 232, 0.18) !important;
}

/* ========================================================== */
/* EVENTS PAGE — WHITE CARDS, EQUAL HEIGHTS, SOFT SHADOW       */
/* Pure white background, soft shadow + cream border, every    */
/* card fills its column so the row of cards lines up.         */
/* ========================================================== */
html body .bf-events-row .blinds-event-card,
html body .bf-events-row .wp-block-column .wp-block-group.blinds-event-card,
html body .bf-events-row .blinds-event-card .wp-block-group {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
html body .bf-events-row .blinds-event-card {
  box-shadow: 0 2px 12px rgba(28, 18, 10, 0.07) !important;
  border: 1px solid #ebe0cc !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
/* Make the column itself stretch and the inner group expand     */
/* so cards line up even when descriptions are different length. */
@media (min-width: 782px) {
  html body .bf-events-row > .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
  }
  html body .bf-events-row .blinds-event-card > .wp-block-group:last-child {
    flex: 1 1 auto !important;
  }
}

/* ========================================================== */
/* PRIVATE VENUE — EDITABLE PHOTO CAROUSEL (Gutenberg gallery) */
/* Add className "blinds-pv-carousel-style" to any wp:gallery */
/* and it renders as the horizontal carousel with arrows.     */
/* Edit photos directly in Gutenberg — no Customizer needed.  */
/* ========================================================== */
.wp-block-gallery.blinds-pv-carousel-style {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  padding: 0 24px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.wp-block-gallery.blinds-pv-carousel-style::-webkit-scrollbar {
  display: none !important;
}
.wp-block-gallery.blinds-pv-carousel-style .wp-block-image {
  flex: 0 0 90% !important;
  max-width: 90% !important;
  width: 90% !important;
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
  background: #1c1a18 !important;
  scroll-snap-align: center !important;
  margin: 0 !important;
}
.wp-block-gallery.blinds-pv-carousel-style .wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.blinds-pv-carousel-wrap {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}
.blinds-pv-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #1c1a18;
  color: #fff3e8;
  border: 2px solid rgba(255, 243, 232, 0.25);
  cursor: pointer;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  box-shadow: 0 6px 18px -6px rgba(0,0,0,0.5);
  transition: background 0.2s ease;
  padding: 0;
}
.blinds-pv-carousel-arrow:hover { background: #a32d17; }
.blinds-pv-carousel-arrow--prev { left: 14px; }
.blinds-pv-carousel-arrow--next { right: 14px; }
@media (max-width: 768px) {
  .wp-block-gallery.blinds-pv-carousel-style .wp-block-image {
    flex: 0 0 92% !important;
    width: 92% !important;
    aspect-ratio: 4/3 !important;
  }
  .wp-block-gallery.blinds-pv-carousel-style {
    padding: 0 14px !important;
    gap: 10px !important;
  }
  .blinds-pv-carousel-arrow {
    width: 48px;
    height: 48px;
    font-size: 1.3rem;
  }
}