.ui-datepicker-unselectable.ui-state-disabled, .ui-datepicker-unselectable.ui-state-disabled span { pointer-events: none; opacity: 0.5; } .ui-datepicker-unselectable.ui-state-disabled[data-handler="selectDay"][data-event="click"] { display: none; } .ui-datepicker-unselectable.ui-state-disabled[data-handler="selectDay"][data-event="click"] span { display: none; } .ui-datepicker-calendar tbody td:nth-child(1), .ui-datepicker-calendar tbody td:nth-child(2) { visibility: hidden; } /** Safari Fix for Submenu Indents **/ @supports (-webkit-hyphens:none) { .main-navigation > div > ul ul { padding-left: 20px; } } /* Keep table layout stable when filtering (Desktop) */ table { table-layout: fixed; width: 100%; border-collapse: collapse; } /* Ensure header stays visible */ thead tr { display: table-row !important; } /* Prevent row height from collapsing when filtering */ tbody tr { display: table-row; height: auto; } /* Hide filtered-out rows but keep spacing stable */ tbody tr.filtered { visibility: hidden; height: 0; display: none; } /* Adjust for better readability and alignment */ td, th { padding: 10px; border: 1px solid transparent; text-align: center; font-size: 14px; } /* Increase space for Wine column and prevent text cutoff */ td:nth-child(2), th:nth-child(2) { min-width: 150px; max-width: 220px; white-space: normal; word-wrap: break-word; text-align: left; } /* Ensure wine names expand when searching */ td:nth-child(2).search-active { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; max-width: 100% !important; } /* Reduce width of Likes column */ td:nth-child(3), th:nth-child(3) { width: 60px; min-width: 50px; text-align: center; } /* ✅ Fix for "NOTES:" Losing Bold Styling */ .notes-label { font-weight: bold !important; display: inline-block !important; } /* ✅ Prevent search filtering from stripping bold styling */ em strong { font-weight: bold !important; } /* ---- ✅ Staff-Only Notes ---- */ .staff-notes { display: none; font-size: 12px; color: #777; } /* ✅ Show staff notes only on iPads (Mini and larger) */ @media screen and (min-width: 768px) and (max-width: 1024px) { .staff-notes { display: block !important; } } /* ✅ Hide staff notes on iPhones in landscape mode */ @media screen and (max-width: 900px) and (orientation: landscape) { .staff-notes { display: none !important; } } /* ✅ Show staff notes for logged-in users (WordPress Admins) */ .logged-in .staff-notes { display: block !important; } /* ---- ✅ Mobile Optimization ---- */ @media (max-width: 768px) { .table-wrapper { overflow-x: auto; display: block; max-width: 100%; padding-bottom: 10px; } table { table-layout: auto; width: 100%; white-space: nowrap; overflow-x: auto; } th, td { padding: 6px; font-size: 13px; } td:nth-child(2), th:nth-child(2) { min-width: 130px; max-width: 300px; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; word-wrap: break-word; text-align: left; } td:nth-child(2).search-active, td:nth-child(2).restore-expanded { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; max-width: 100% !important; word-wrap: break-word; } td:nth-child(3), th:nth-child(3) { width: 50px; min-width: 40px; text-align: center; } .staff-notes { display: none !important; } .wp-block-table td:nth-child(7), .wp-block-table th:nth-child(7) { min-width: 60px; max-width: 75px; white-space: normal; text-align: center; } } /* ✅ Hover effect for 5 oz filter buttons */ #min-price, #max-price, button[onclick="filterByPrice()"], button[onclick="clearPriceFilter()"] { transition: background-color 0.2s ease, color 0.2s ease; } button[onclick="filterByPrice()"]:hover, button[onclick="clearPriceFilter()"]:hover { background-color: #A2906F; color: white; } /* ✅ Hide 5 oz filter by default */ .ipad-mini-only { display: none !important; visibility: hidden; } /* ✅ Show only on iPad Mini-sized screens (portrait or landscape) */ @media screen and (min-width: 768px) and (max-width: 1024px) { .ipad-mini-only { display: flex !important; visibility: visible !important; } } /* ✅ Prevent phones in landscape from showing it */ @media screen and (max-width: 900px) and (orientation: landscape) { .ipad-mini-only { display: none !important; visibility: hidden !important; } } /* 🔧 DEBUG: Force show the 5 oz filter to confirm it's working */ body.logged-in .ipad-mini-only { display: block !important; visibility: visible !important; background: #fff9cc; border: 2px dashed #ffcc00; padding: 10px; text-align: center; } /* ========================================================= 🍷 Bar à Vin – Table Cleanup + Center Alignment ========================================================= */ /* Remove all visible table borders */ .wp-block-table table, .wp-block-table th, .wp-block-table td { border: none !important; border-collapse: collapse !important; box-shadow: none !important; } /* Remove default WordPress "stripes" background if present */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background: transparent !important; } /* Center the whole table in its container */ .wp-block-table { margin-left: auto !important; margin-right: auto !important; width: auto !important; text-align: center; } /* Center table content vertically a bit nicer */ .wp-block-table td { vertical-align: middle !important; } /* ✅ Mobile adjustments – ensure the table scales nicely */ @media (max-width: 768px) { .wp-block-table { width: 95% !important; } .wp-block-table td, .wp-block-table th { text-align: center !important; } .wp-block-table td:nth-child(2) { text-align: left !important; /* keep wine names readable */ } } /* Base table: fixed layout but allow wrapping of long wine names */ table { table-layout: fixed; width: 100%; border-collapse: collapse; } td, th { word-wrap: break-word; overflow-wrap: anywhere; white-space: normal; } /* Suggested column sizing (desktop + mobile) */ table thead th:nth-child(1), table tbody td:nth-child(1) { /* BIN column */ width: 48px; } table thead th:last-child, table tbody td:last-child { /* Like / Pourhaps column */ width: 80px; /* enough room for both buttons */ text-align: right; } /* Keep buttons from expanding the cell */ .rating-container, .likebtn-wrapper { display: inline-block; max-width: 100%; } /* Mobile tightening */ @media (max-width: 768px) { /* Reduce paddings so everything fits */ td, th { padding: 6px 8px; } /* Give the wine-name/details column all remaining space */ table thead th:nth-child(2), table tbody td:nth-child(2) { width: auto; /* flex column */ } /* Make sure long producer/region lines wrap instead of forcing a scroll */ .wine-name, .wine-details, .wine-cell { white-space: normal !important; overflow-wrap: anywhere; } /* Make the action column a touch narrower on small screens */ table thead th:last-child, table tbody td:last-child { width: 72px; } /* Slightly scale the like area on very small phones if needed */ @media (max-width: 420px) { .rating-container { transform: scale(0.95); transform-origin: right center; } } } /* Small right padding so the like popup has breathing room */ .entry-content { padding-right: 32px; } /* === 🍷 Final Fix: Wine Table Mobile & Like Popup === */ /* 1️⃣ Fix mobile side-scroll (allow text wrapping) */ @media (max-width: 768px) { table { table-layout: fixed; width: 100%; white-space: normal !important; /* ✅ allow wrapping */ overflow-x: visible; } td, th { word-wrap: break-word; overflow-wrap: anywhere; white-space: normal; } } /* 2️⃣ Ensure Like/Pourhaps popover can overflow and be seen */ .wp-block-table, .wp-block-table table, .entry-content, .content-area { overflow: visible !important; } /* Parents of the like button: allow overflow and stack above */ td:last-child, .rating-container, .likebtn-wrapper, .likebtn-container { position: relative !important; overflow: visible !important; z-index: 2; } /* Nudge the popup left so it doesn't run off-screen */ .likebtn-popup { right: auto !important; left: -40px !important; /* adjust -30px to -60px if still clipping */ } /* === ✅ End: Wine Table Responsive + Popup Fix === */ 2.0. .ui-datepicker-unselectable.ui-state-disabled, .ui-datepicker-unselectable.ui-state-disabled span { pointer-events: none; opacity: 0.5; } .ui-datepicker-unselectable.ui-state-disabled[data-handler="selectDay"][data-event="click"] { display: none; } .ui-datepicker-unselectable.ui-state-disabled[data-handler="selectDay"][data-event="click"] span { display: none; } .ui-datepicker-calendar tbody td:nth-child(1), .ui-datepicker-calendar tbody td:nth-child(2) { visibility: hidden; } /** Safari Fix for Submenu Indents **/ @supports (-webkit-hyphens:none) { .main-navigation > div > ul ul { padding-left: 20px; } } /* Keep table layout stable when filtering (Desktop) */ table { table-layout: fixed; width: 100%; border-collapse: collapse; } /* Ensure header stays visible */ thead tr { display: table-row !important; } /* Prevent row height from collapsing when filtering */ tbody tr { display: table-row; height: auto; } /* Hide filtered-out rows but keep spacing stable */ tbody tr.filtered { visibility: hidden; height: 0; display: none; } /* Adjust for better readability and alignment */ td, th { padding: 10px; border: 1px solid transparent; text-align: center; font-size: 14px; } /* Increase space for Wine column and prevent text cutoff */ td:nth-child(2), th:nth-child(2) { min-width: 150px; max-width: 220px; white-space: normal; word-wrap: break-word; text-align: left; } /* Ensure wine names expand when searching */ td:nth-child(2).search-active { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; max-width: 100% !important; } /* Reduce width of Likes column */ td:nth-child(3), th:nth-child(3) { width: 60px; min-width: 50px; text-align: center; } /* ✅ Fix for "NOTES:" Losing Bold Styling */ .notes-label { font-weight: bold !important; display: inline-block !important; } /* ✅ Prevent search filtering from stripping bold styling */ em strong { font-weight: bold !important; } /* ---- ✅ Staff-Only Notes ---- */ .staff-notes { display: none; font-size: 12px; color: #777; } /* ✅ Show staff notes only on iPads (Mini and larger) */ @media screen and (min-width: 768px) and (max-width: 1024px) { .staff-notes { display: block !important; } } /* ✅ Hide staff notes on iPhones in landscape mode */ @media screen and (max-width: 900px) and (orientation: landscape) { .staff-notes { display: none !important; } } /* ✅ Show staff notes for logged-in users (WordPress Admins) */ .logged-in .staff-notes { display: block !important; } /* ---- ✅ Mobile Optimization ---- */ @media (max-width: 768px) { .table-wrapper { overflow-x: auto; display: block; max-width: 100%; padding-bottom: 10px; } table { table-layout: auto; width: 100%; white-space: nowrap; overflow-x: auto; } th, td { padding: 6px; font-size: 13px; } td:nth-child(2), th:nth-child(2) { min-width: 130px; max-width: 300px; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; word-wrap: break-word; text-align: left; } td:nth-child(2).search-active, td:nth-child(2).restore-expanded { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; max-width: 100% !important; word-wrap: break-word; } td:nth-child(3), th:nth-child(3) { width: 50px; min-width: 40px; text-align: center; } .staff-notes { display: none !important; } .wp-block-table td:nth-child(7), .wp-block-table th:nth-child(7) { min-width: 60px; max-width: 75px; white-space: normal; text-align: center; } } /* ✅ Hover effect for 5 oz filter buttons */ #min-price, #max-price, button[onclick="filterByPrice()"], button[onclick="clearPriceFilter()"] { transition: background-color 0.2s ease, color 0.2s ease; } button[onclick="filterByPrice()"]:hover, button[onclick="clearPriceFilter()"]:hover { background-color: #A2906F; color: white; } /* ✅ Hide 5 oz filter by default */ .ipad-mini-only { display: none !important; visibility: hidden; } /* ✅ Show only on iPad Mini-sized screens (portrait or landscape) */ @media screen and (min-width: 768px) and (max-width: 1024px) { .ipad-mini-only { display: flex !important; visibility: visible !important; } } /* ✅ Prevent phones in landscape from showing it */ @media screen and (max-width: 900px) and (orientation: landscape) { .ipad-mini-only { display: none !important; visibility: hidden !important; } } /* 🔧 DEBUG: Force show the 5 oz filter to confirm it's working */ body.logged-in .ipad-mini-only { display: block !important; visibility: visible !important; background: #fff9cc; border: 2px dashed #ffcc00; padding: 10px; text-align: center; } /* ========================================================= 🍷 Bar à Vin – Table Cleanup + Center Alignment ========================================================= */ /* Remove all visible table borders */ .wp-block-table table, .wp-block-table th, .wp-block-table td { border: none !important; border-collapse: collapse !important; box-shadow: none !important; } /* Remove default WordPress "stripes" background if present */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background: transparent !important; } /* Center the whole table in its container */ .wp-block-table { margin-left: auto !important; margin-right: auto !important; width: auto !important; text-align: center; } /* Center table content vertically a bit nicer */ .wp-block-table td { vertical-align: middle !important; } /* ✅ Mobile adjustments – ensure the table scales nicely */ @media (max-width: 768px) { .wp-block-table { width: 95% !important; } .wp-block-table td, .wp-block-table th { text-align: center !important; } .wp-block-table td:nth-child(2) { text-align: left !important; /* keep wine names readable */ } } /* Base table: fixed layout but allow wrapping of long wine names */ table { table-layout: fixed; width: 100%; border-collapse: collapse; } td, th { word-wrap: break-word; overflow-wrap: anywhere; white-space: normal; } /* Suggested column sizing (desktop + mobile) */ table thead th:nth-child(1), table tbody td:nth-child(1) { /* BIN column */ width: 48px; } table thead th:last-child, table tbody td:last-child { /* Like / Pourhaps column */ width: 80px; /* enough room for both buttons */ text-align: right; } /* Keep buttons from expanding the cell */ .rating-container, .likebtn-wrapper { display: inline-block; max-width: 100%; } /* Mobile tightening */ @media (max-width: 768px) { /* Reduce paddings so everything fits */ td, th { padding: 6px 8px; } /* Give the wine-name/details column all remaining space */ table thead th:nth-child(2), table tbody td:nth-child(2) { width: auto; /* flex column */ } /* Make sure long producer/region lines wrap instead of forcing a scroll */ .wine-name, .wine-details, .wine-cell { white-space: normal !important; overflow-wrap: anywhere; } /* Make the action column a touch narrower on small screens */ table thead th:last-child, table tbody td:last-child { width: 72px; } /* Slightly scale the like area on very small phones if needed */ @media (max-width: 420px) { .rating-container { transform: scale(0.95); transform-origin: right center; } } } /* Small right padding so the like popup has breathing room */ .entry-content { padding-right: 32px; } /* === 🍷 Final Fix: Wine Table Mobile & Like Popup === */ /* 1️⃣ Fix mobile side-scroll (allow text wrapping) */ @media (max-width: 768px) { table { table-layout: fixed; width: 100%; white-space: normal !important; /* ✅ allow wrapping */ overflow-x: visible; } td, th { word-wrap: break-word; overflow-wrap: anywhere; white-space: normal; } } /* 2️⃣ Ensure Like/Pourhaps popover can overflow and be seen */ .wp-block-table, .wp-block-table table, .entry-content, .content-area { overflow: visible !important; } /* Parents of the like button: allow overflow and stack above */ td:last-child, .rating-container, .likebtn-wrapper, .likebtn-container { position: relative !important; overflow: visible !important; z-index: 2; } /* Nudge the popup left so it doesn't run off-screen */ .likebtn-popup { right: auto !important; left: -40px !important; /* adjust -30px to -60px if still clipping */ } /* === ✅ End: Wine Table Responsive + Popup Fix === */ /* =========================================== 🚧 Site-wide Right-Gutter / Left-Shift Fix (keeps wine list as-is) =========================================== */ /* Stop hiding overflow so layout can center normally */ html, body { overflow-x: visible !important; } /* Ensure top-level wrappers center and never exceed the viewport */ .wp-site-blocks, .site, .site-content, .site-main, .content-area, .entry-content, .wp-block-group { max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } /* --- Neutralize WordPress "alignfull" 100vw behavior that causes overflow --- */ .alignfull, .is-layout-constrained > .alignfull, .wp-block-cover.alignfull, .wp-block-group.alignfull, .wp-block-image.alignfull, .wp-block-gallery.alignfull { width: 100% !important; /* use container width, not 100vw */ max-width: 100% !important; margin-left: 0 !important; /* remove calc(50% - 50vw) shifts */ margin-right: 0 !important; left: auto !important; right: auto !important; } /* Cover/hero blocks: make inner media respect container width */ .wp-block-cover, .wp-block-cover__image-background, .wp-block-cover img { width: 100% !important; max-width: 100% !important; } /* Images/galleries should never extend beyond container */ .wp-block-image img, .wp-block-gallery, .wp-block-embed, iframe, video { max-width: 100% !important; width: 100% !important; height: auto; } /* Optional: tiny horizontal padding so content never touches the screen edge on phones */ @media (max-width: 768px) { .wp-site-blocks, .site, .site-content, .content-area, .entry-content { padding-left: 12px; padding-right: 12px; } } /* Keep your Like/Pourhaps popup visible without causing overflow */ .likebtn-popup { max-width: calc(100vw - 24px) !important; right: auto !important; left: -28px !important; /* adjust -24 to -40 if needed */ }

/* ===============================
   🧱 Full-bleed & gutter fix (v2)
   — keep table styles as-is
   =============================== */

/* No horizontal scrolling; prevents 100vw quirks from showing a gutter */
html, body { overflow-x: hidden !important; }

/* TRUE full-bleed for Gutenberg “alignfull” blocks (hero/cover, groups, images, gallery) */
.alignfull,
.is-layout-constrained > .alignfull,
.wp-block-cover.alignfull,
.wp-block-group.alignfull,
.wp-block-image.alignfull,
.wp-block-gallery.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;   /* center the 100vw block */
  margin-right: calc(50% - 50vw) !important;
  left: auto !important;
  right: auto !important;
}

/* Make sure background/media inside cover blocks fills the full-bleed area */
.wp-block-cover,
.wp-block-cover__image-background,
.wp-block-cover img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
}

/* Remove the phone padding that created white space on BOTH sides */
@media (max-width: 768px) {
  .wp-site-blocks,
  .site,
  .site-content,
  .content-area,
  .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Keep Like/Pourhaps popup visible without causing width expansion */
.likebtn-popup {
  max-width: calc(100vw - 24px) !important;
  right: auto !important;
  left: -28px !important;  /* tweak -24 to -40 if needed */
}

/* Safety: the wine-list page content shouldn’t add extra right padding on mobile */
@media (max-width: 768px) {
  .entry-content { padding-right: 0 !important; }
}