@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap');

/* ===== DARK HEADER ===== */
.site-header, #masthead {
  background-color: #0a0a0a !important;
  border-bottom: 1px solid #1a1a1a !important;
  margin-bottom: 0 !important;
}

.site-branding .site-title a,
.site-branding .site-title a:visited {
  color: #ffffff !important;
  font-family: 'Playfair Display', serif !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.site-description {
  color: #888888 !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* ===== DARK NAVIGATION ===== */
.main-navigation,
.storefront-primary-navigation {
  background-color: #0a0a0a !important;
  border-top: 1px solid #1a1a1a !important;
}

.main-navigation ul li a {
  color: #cccccc !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.main-navigation ul li a:hover {
  color: #ffffff !important;
}

/* ===== DARK HEADER CART & SEARCH ===== */
.site-header-cart .cart-contents,
.site-header-cart .cart-contents:hover {
  color: #cccccc !important;
}

.site-search .widget_product_search input {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #333 !important;
}

/* ===== REMOVE WHITE GAP BETWEEN HEADER AND CONTENT ===== */
#masthead {
  margin-bottom: 0 !important;
}

#content, .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===== HIDE PAGE TITLE ===== */
.elementor-page .entry-title,
.elementor-page .page-header,
.elementor-page .entry-header,
h1.entry-title,
.page .entry-header {
  display: none !important;
}

/* ===== FULL-WIDTH ELEMENTOR ===== */
.elementor-page #page,
.elementor-page #content,
.elementor-page #primary,
.elementor-page .content-area,
.elementor-page main#main,
.elementor-page .site-content,
.elementor-page article,
.elementor-page .hentry,
.elementor-page .entry-content {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-page #content > .col-full {
  max-width: 100% !important;
  padding: 0 !important;
}

/* ===== DARK FOOTER ===== */
.site-footer, #colophon {
  background-color: #0a0a0a !important;
  border-top: 1px solid #1a1a1a !important;
  color: #888888 !important;
}

.site-footer a,
.site-footer p,
.site-footer .widget-title,
.site-footer h3 {
  color: #888888 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

.site-footer a:hover { color: #ffffff !important; }

/* ===== BODY ===== */
body { font-family: 'Inter', sans-serif !important; }

/* ===== STICKY WHATSAPP ===== */
.ato-wa-sticky {
  position: fixed;
  bottom: 28px;
  right: 28px;
  background: #25D366;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(37,211,102,0.4);
  text-decoration: none;
  transition: transform 0.3s ease;
}
.ato-wa-sticky:hover { transform: scale(1.1); }
.ato-wa-sticky svg { width: 30px; height: 30px; fill: #ffffff; }

/* ===== STICKY BOOKING ===== */
.ato-book-sticky {
  position: fixed;
  bottom: 28px;
  right: 100px;
  background: #0a0a0a;
  color: #ffffff !important;
  border: 1px solid #333;
  padding: 12px 20px;
  z-index: 9999;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4);
  transition: all 0.3s ease;
}
.ato-book-sticky:hover { background: #ffffff; color: #0a0a0a !important; }

@media (max-width: 768px) {
  .ato-book-sticky { display: none; }
  .ato-wa-sticky { bottom: 20px; right: 20px; width: 52px; height: 52px; }
}

/* ===== SECTION BACKGROUNDS ===== */
.elementor-element-p0t1hc2:not(.elementor-motion-effects-element-type-background),
.elementor-element-p0t1hc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #111111 !important; }

.elementor-element-4a0efqp:not(.elementor-motion-effects-element-type-background),
.elementor-element-4a0efqp > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #0d0d0d !important; }

.elementor-element-vfvcljj:not(.elementor-motion-effects-element-type-background),
.elementor-element-vfvcljj > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #0a0a0a !important; }

.elementor-element-tg65u0j:not(.elementor-motion-effects-element-type-background),
.elementor-element-tg65u0j > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #0d0d0d !important; }

.elementor-element-b9hbmm2:not(.elementor-motion-effects-element-type-background),
.elementor-element-b9hbmm2 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #0a0a0a !important; }

.elementor-element-q8bvk0k:not(.elementor-motion-effects-element-type-background),
.elementor-element-q8bvk0k > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; }

.elementor-element-4a0efqp .e-con .e-con { background-color: #1a1a1a !important; border: 1px solid #2a2a2a !important; }

.elementor-element-tg65u0j .e-con .e-con { background-color: #1a1a1a !important; border: 1px solid #2a2a2a !important; }

.elementor-element-p0t1hc2 .elementor-widget-heading .elementor-heading-title { color: #cccccc !important; }

.elementor-element-4a0efqp .elementor-widget-heading .elementor-heading-title { color: #ffffff !important; }

.elementor-element-4a0efqp .elementor-widget-text-editor { color: #999999 !important; }

.elementor-element-vfvcljj .elementor-widget-heading .elementor-heading-title { color: #ffffff !important; }

.elementor-element-vfvcljj .elementor-widget-text-editor { color: #888888 !important; }

.elementor-element-tg65u0j .elementor-widget-heading .elementor-heading-title { color: #ffffff !important; }

.elementor-element-tg65u0j .elementor-widget-text-editor { color: #cccccc !important; }

.elementor-element-b9hbmm2 .elementor-widget-heading .elementor-heading-title { color: #ffffff !important; }

.elementor-element-b9hbmm2 .elementor-widget-text-editor { color: #888888 !important; }

.elementor-element-q8bvk0k .elementor-widget-heading .elementor-heading-title { color: #0a0a0a !important; }

/* ===== NEW PAGES - SECTION BACKGROUNDS ===== */

/* All pages: top-level sections dark by default */
.page-id-50 .elementor > .e-con,
.page-id-51 .elementor > .e-con,
.page-id-52 .elementor > .e-con,
.page-id-53 .elementor > .e-con {
  background-color: #0d0d0d !important;
}

/* Hero sections (1st child) - deeper black */
.page-id-50 .elementor > .e-con:first-child,
.page-id-51 .elementor > .e-con:first-child,
.page-id-52 .elementor > .e-con:first-child,
.page-id-53 .elementor > .e-con:first-child {
  background-color: #0a0a0a !important;
}

/* ===== À PROPOS (page 50) ===== */
.page-id-50 .elementor > .e-con:nth-child(2) { background-color: #0d0d0d !important; }
.page-id-50 .elementor > .e-con:nth-child(3) { background-color: #0a0a0a !important; }
.page-id-50 .elementor > .e-con:last-child  { background-color: #ffffff !important; }
.page-id-50 .elementor > .e-con:last-child .elementor-heading-title { color: #0a0a0a !important; }
.page-id-50 .elementor > .e-con:last-child .elementor-widget-text-editor { color: #666666 !important; }

/* Value cards on À propos */
.page-id-50 .e-con .e-con .e-con { background-color: #1a1a1a !important; border: 1px solid #2a2a2a !important; }

/* ===== CONTACT (page 51) ===== */
.page-id-51 .elementor > .e-con:nth-child(2) { background-color: #0d0d0d !important; }

/* Info/hours cards */
.page-id-51 .e-con .e-con .e-con { background-color: #1a1a1a !important; border: 1px solid #2a2a2a !important; }

/* ===== SERVICES (page 52) ===== */
.page-id-52 .elementor > .e-con:nth-child(1) { background-color: #0a0a0a !important; }
.page-id-52 .elementor > .e-con:nth-child(2) { background-color: #0d0d0d !important; }
.page-id-52 .elementor > .e-con:nth-child(3) { background-color: #0a0a0a !important; }
.page-id-52 .elementor > .e-con:nth-child(4) { background-color: #0d0d0d !important; }
.page-id-52 .elementor > .e-con:nth-child(5) { background-color: #0a0a0a !important; }
.page-id-52 .elementor > .e-con:last-child  { background-color: #ffffff !important; }
.page-id-52 .elementor > .e-con:last-child .elementor-heading-title { color: #0a0a0a !important; }
.page-id-52 .elementor > .e-con:last-child .elementor-widget-text-editor { color: #666666 !important; }

/* Feature list cards on Services */
.page-id-52 .e-con .e-con .e-con:last-child { background-color: #1a1a1a !important; border: 1px solid #2a2a2a !important; }

/* ===== RÉSERVATION (page 53) ===== */
.page-id-53 .elementor > .e-con:nth-child(2) { background-color: #0d0d0d !important; }
.page-id-53 .elementor > .e-con:nth-child(3) { background-color: #0a0a0a !important; }

/* Step cards on Réservation */
.page-id-53 .e-con .e-con .e-con { background-color: #1a1a1a !important; border: 1px solid #2a2a2a !important; }

/* ===== ALL PAGES: TEXT COLORS ON DARK ===== */
.page-id-50 .elementor > .e-con:not(:last-child) .elementor-heading-title,
.page-id-51 .elementor > .e-con .elementor-heading-title,
.page-id-52 .elementor > .e-con:not(:last-child) .elementor-heading-title,
.page-id-53 .elementor > .e-con .elementor-heading-title {
  color: #ffffff !important;
}

.page-id-50 .elementor > .e-con:not(:last-child) .elementor-widget-text-editor,
.page-id-51 .elementor > .e-con .elementor-widget-text-editor,
.page-id-52 .elementor > .e-con:not(:last-child) .elementor-widget-text-editor,
.page-id-53 .elementor > .e-con .elementor-widget-text-editor {
  color: #999999 !important;
}

/* WhatsApp button override */
.page-id-53 .elementor-button[style*="25D366"],
.page-id-53 .elementor-widget-button:first-child .elementor-button {
  background-color: #25D366 !important;
  border-color: #25D366 !important;
}

/* ==========================================
   BREADCRUMB + SITE ELEMENTS FIX
   ========================================== */

/* Hide breadcrumbs on all pages */
.woocommerce-breadcrumb,
.storefront-breadcrumb,
nav.woocommerce-breadcrumb,
.breadcrumb,
#breadcrumb { 
  display: none !important; 
}

/* Hide page title bar white strip */
.entry-header,
.page-header {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove any white gaps at top of content */
.site-content .col-full,
#primary,
#content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.storefront-full-width-content .entry-content {
  padding-top: 0 !important;
}

/* ==========================================
   ENGLISH NAVIGATION FIXES
   ========================================== */

/* Ensure no WooCommerce page notices show */
.woocommerce-info,
.woocommerce-message { 
  display: none !important; 
}

/* ==========================================
   HEADER CLEANUP & IMPROVEMENTS
   ========================================== */

/* Hide WooCommerce cart & product search in header */
.site-header .cart-contents,
.site-header .storefront-handheld-footer-bar,
.header-widget-region,
.storefront-product-search,
.site-header form.woocommerce-product-search,
#site-header-cart,
.site-header-cart {
  display: none !important;
}

/* Cleaner header layout - center everything nicely */
.site-header .col-full {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 40px !important;
}

/* Logo / site name - make it more prominent */
.site-branding {
  padding: 20px 0 !important;
}

.site-title a {
  font-family: 'Playfair Display', serif !important;
  font-size: 22px !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.site-title a:hover {
  color: #E8751A !important;
}

/* Navigation - bigger header padding */  
.main-navigation ul li a {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.85) !important;
  padding: 28px 18px !important;
  transition: color 0.3s !important;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
  color: #E8751A !important;
}

/* Add a "Book Now" button to nav */
.main-navigation > ul > li:last-child a {
  background: #E8751A !important;
  color: #0a0a0a !important;
  padding: 10px 22px !important;
  margin-left: 8px !important;
}

.main-navigation > ul > li:last-child a:hover {
  background: #c4984a !important;
  color: #0a0a0a !important;
}

/* ==========================================
   PREMIUM FOOTER
   ========================================== */

/* Footer base */
#colophon {
  background: #0a0a0a !important;
  border-top: 1px solid rgba(212,168,71,0.3) !important;
}

/* Remove default Storefront footer content */
.site-info {
  background: #050505 !important;
  padding: 20px 40px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.site-info,
.site-info a {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.35) !important;
  letter-spacing: 1px !important;
}

/* Footer widgets area */
.footer-widgets {
  padding: 60px 40px !important;
  background: #0a0a0a !important;
}

.footer-widget-1,
.footer-widget-2,
.footer-widget-3,
.footer-widget-4 {
  padding: 0 20px !important;
}

/* Widget titles in footer */
.footer-widgets .widget-title,
.footer-widgets h2 {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: #E8751A !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(212,168,71,0.2) !important;
}

/* Widget text in footer */
.footer-widgets p,
.footer-widgets li,
.footer-widgets a {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.55) !important;
  line-height: 2 !important;
}

.footer-widgets a:hover {
  color: #E8751A !important;
}

/* ==========================================
   MOBILE IMPROVEMENTS
   ========================================== */

/* Hamburger menu color */
button.menu-toggle {
  color: #ffffff !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  padding: 8px 14px !important;
}

/* Mobile: hide cart bar at bottom */
.storefront-handheld-footer-bar {
  display: none !important;
}

/* Responsive grid for services section */
@media (max-width: 768px) {
  .ato-hero h1 { font-size: 38px !important; }
}

/* ==========================================
   FOOTER FIXES
   ========================================== */

/* Hide "Built with WooCommerce" */
.site-info a[href*="woocommerce"],
.site-info .sep {
  display: none !important;
}

/* Clean site info */
.site-info {
  text-align: center !important;
  padding: 18px 40px !important;
}

/* Hide empty footer column 1, expand others to fill space */
.footer-widget-1:empty,
.footer-widget-1:not(:has(*)) {
  display: none !important;
}

/* Make the 3 footer columns fill the space evenly */
.footer-widgets .col-full {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 48px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 60px 40px !important;
}

/* Footer column widget styling */
.footer-widgets .widget {
  margin-bottom: 0 !important;
}

/* Override empty column check - actually just show all 4 but make 1 show logo */
.footer-widget-1 {
  min-height: 20px !important;
}

/* Ato footer brand section above footer widgets */
#colophon::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(212,168,71,0.3);
}

/* Footer 4-column grid */
.footer-widgets .col-full {
  grid-template-columns: 1.2fr 1fr 1fr 1fr !important;
}

/* Remove white gap before footer */
.hentry,
.storefront-full-width-content .entry-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* WooCommerce "edit" link near footer — admin only */
.post-edit-link {
  display: none !important;
}

/* ============================================
   ATO GROUP - Footer Redesign & Brand Update
   Orange: #E8751A | Updated: 2026-03
   ============================================ */

/* === FOOTER - Premium Dark Style === */
.site-footer {
  background-color: #1a1a1a !important;
  color: #cccccc !important;
  padding: 60px 0 0 0 !important;
  border-top: 3px solid #E8751A !important;
}
.footer-widgets {
  padding-bottom: 40px !important;
}
.site-footer .widget-title,
.site-footer h2.widget-title,
.site-footer .widgettitle {
  color: #E8751A !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  margin-bottom: 18px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #333333 !important;
}
.site-footer a {
  color: #bbbbbb !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  line-height: 2.2 !important;
}
.site-footer a:hover {
  color: #E8751A !important;
}
.site-footer p,
.site-footer address,
.site-footer li {
  color: #bbbbbb !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  font-style: normal !important;
}
.site-footer ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.site-footer ul li {
  border: none !important;
  padding: 2px 0 !important;
}
.site-info {
  background-color: #111111 !important;
  color: #555555 !important;
  text-align: center !important;
  padding: 18px 20px !important;
  font-size: 12px !important;
  border-top: 1px solid #2a2a2a !important;
}
.site-info a {
  color: #E8751A !important;
}
.site-info a:hover {
  color: #ffffff !important;
}

/* Footer social links */
.site-footer .social-links a,
.site-footer [class*="social"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: #2a2a2a !important;
  border-radius: 50% !important;
  margin: 0 6px 6px 0 !important;
  color: #cccccc !important;
  transition: all 0.3s ease !important;
}
.site-footer .social-links a:hover,
.site-footer [class*="social"] a:hover {
  background: #E8751A !important;
  color: #ffffff !important;
}

/* === BUTTONS - Orange Brand Color === */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button {
  background-color: #E8751A !important;
  border-color: #E8751A !important;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: #c85f0e !important;
  border-color: #c85f0e !important;
}

/* Elementor buttons */
.elementor-button,
.elementor-widget-button .elementor-button {
  background-color: #E8751A !important;
  border-color: #E8751A !important;
}
.elementor-button:hover {
  background-color: #c85f0e !important;
  border-color: #c85f0e !important;
}

/* WooCommerce price & star */
.woocommerce .price { color: #E8751A !important; }
.woocommerce span.onsale { background-color: #E8751A !important; }
.woocommerce .star-rating span::before { color: #E8751A !important; }

/* Navigation active */
.current-menu-item > a { color: #E8751A !important; }
.main-navigation a:hover { color: #E8751A !important; }

/* Amelia booking orange */
.amelia-app-booking .el-button--primary {
  background-color: #E8751A !important;
  border-color: #E8751A !important;
}


/* ===== CENTER LOGO IN HEADER ===== */
.site-header .col-full {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.site-branding {
  float: none !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 16px 0 !important;
}
.site-branding .beta.site-title {
  text-align: center !important;
}
.site-branding .site-description {
  text-align: center !important;
}
.site-search {
  display: none !important;
}
.storefront-primary-navigation .col-full {
  display: flex !important;
  justify-content: center !important;
  float: none !important;
}
.storefront-primary-navigation #site-navigation {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
}
.storefront-primary-navigation #site-navigation ul.menu {
  display: flex !important;
  justify-content: center !important;
}
.storefront-primary-navigation .site-header-cart {
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.storefront-primary-navigation {
  position: relative !important;
}

/* ===== SINGLE-LINE HEADER OVERLAY (auto-spa style) ===== */

/* Header: transparent overlay, out of flow */
.site-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 110px !important;
  background: transparent !important;
  border: none !important;
  z-index: 1001 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Original branding hidden — logo lives in the nav via JS */
.site-branding {
  visibility: hidden !important;
  position: absolute !important;
  top: 0 !important;
  width: auto !important;
  height: 0 !important;
  overflow: hidden !important;
}
.site-title, .site-description { display: none !important; }
.site-search { display: none !important; }

/* Nav bar: transparent, 80px, overlays hero */
.storefront-primary-navigation {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 999 !important;
}
.storefront-primary-navigation .col-full {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 60px !important;
  height: 110px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.storefront-primary-navigation #site-navigation { width: 100% !important; }
.storefront-primary-navigation #site-navigation ul.menu {
  display: flex !important;
  align-items: center !important;
  justify-content: space-evenly !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  height: 110px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.storefront-primary-navigation #site-navigation ul.menu > li {
  margin: 0 !important;
  padding: 0 10px !important;
}
/* Logo item (injected by JS) */
.storefront-primary-navigation ul.menu li.menu-logo-center {
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
}
.storefront-primary-navigation ul.menu li.menu-logo-center a,
.storefront-primary-navigation ul.menu li.menu-logo-center:hover a {
  background: transparent !important;
  padding: 0 !important;
}
/* Logo: CSS mask — fond noir transparent, juste le monogramme blanc */
.storefront-primary-navigation ul.menu li.menu-logo-center {
  overflow: visible !important;
  padding: 0 20px !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.storefront-primary-navigation ul.menu li.menu-logo-center a.custom-logo-link {
  display: block !important;
  width: 100px !important;
  height: 100px !important;
  background-color: rgba(255, 255, 255, 0.92) !important;
  -webkit-mask-image: url('https://atogroup.be/wp-content/uploads/2026/03/ATO.png') !important;
  mask-image: url('https://atogroup.be/wp-content/uploads/2026/03/ATO.png') !important;
  -webkit-mask-mode: luminance !important;
  mask-mode: luminance !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  flex-shrink: 0 !important;
}
.storefront-primary-navigation ul.menu li.menu-logo-center img.custom-logo {
  display: none !important;
}
/* Allow logo to overflow nav bar */
.storefront-primary-navigation,
.storefront-primary-navigation #site-navigation,
.storefront-primary-navigation #site-navigation ul.menu {
  overflow: visible !important;
}
/* Nav links */
.storefront-primary-navigation #site-navigation ul.menu > li > a {
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 4px 0 !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: color 0.3s ease !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.9) !important;
  white-space: nowrap !important;
}
.storefront-primary-navigation #site-navigation ul.menu > li > a:hover,
.storefront-primary-navigation #site-navigation ul.menu > li.current-menu-item > a {
  color: #c9a96e !important;
  background: transparent !important;
}
/* Cart */
.storefront-primary-navigation .site-header-cart {
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.storefront-primary-navigation .site-header-cart a { color: rgba(255,255,255,0.8) !important; }
/* Kill backgrounds everywhere in nav */
.storefront-primary-navigation,
.storefront-primary-navigation .col-full,
.storefront-primary-navigation nav,
.storefront-primary-navigation ul,
.storefront-primary-navigation li {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Nav full-width centering fix */
.storefront-primary-navigation #site-navigation {
  width: 100% !important;
}

/* Fix nav centering — remove asymmetric margin from main-navigation */
.storefront-primary-navigation #site-navigation.main-navigation {
  flex: 1 1 100% !important;
  margin: 0 !important;
  width: 100% !important;
}
.storefront-primary-navigation #site-navigation ul.menu {
  justify-content: space-evenly !important;
  padding: 0 60px !important;
}



/* === NAV CENTERING FIX === */
/* col-full is flex-direction:column so use width (not flex-basis) on nav */
.storefront-primary-navigation #site-navigation.main-navigation {
  width: 1380px !important;
  max-width: calc(100% - 40px) !important;
  /* no flex property — col-full is column flex, flex-basis = height */
}
/* ul.menu: row flex, items fill equally so logo is exactly at 50% */
.storefront-primary-navigation ul.menu > li:not(.menu-logo-center) {
  flex: 1 1 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.storefront-primary-navigation ul.menu > li:not(.menu-logo-center) > a {
  text-align: center !important;
}
.storefront-primary-navigation ul.menu > li.menu-logo-center {
  flex: 0 0 auto !important;
}


/* Logo background high-specificity fix */
#site-navigation .menu-logo-center a.custom-logo-link {
  background-color: rgba(255, 255, 255, 0.92) !important;
  display: block !important;
  width: 100px !important;
  height: 100px !important;
  -webkit-mask-image: url('https://atogroup.be/wp-content/uploads/2026/03/ATO.png') !important;
  mask-image: url('https://atogroup.be/wp-content/uploads/2026/03/ATO.png') !important;
  -webkit-mask-mode: luminance !important;
  mask-mode: luminance !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}
#site-navigation .menu-logo-center img.custom-logo {
  display: none !important;
}