/*
Theme Name: Deglet Nour Premium
Theme URI: https://example.com/deglet-nour-premium
Author: PixliZe
Author URI: https://example.com
Description: Découvrez notre pâte à tartiner Noortella au chocolat (240g), une version saine et gourmande à base de dattes. Avec du cacao pur, sans additifs, idéale sur du pain ou dans vos recettes préférées.
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: deglet-nour-premium
*//* -----------------------------------------------------------
   1. VARIABLES & RESET
----------------------------------------------------------- */:root{/* --- Palette Nature & Luxe (FINAL) --- */--color-primary:#2c5530;/* Palm Green - Deep/Serious */--color-primary-light:#4a6b4e;/* Lighter Palm */--color-secondary:#889352;/* Olive Green - Fresh Accents */--color-accent:#c98818;/* Deep Amber - Promo Linked */--color-bg:#fcfcf9;/* Organic Cream */--color-white:#ffffff;--color-text-main:#1d2b1f;/* Very Dark Green/Black */--color-text-muted:#6b7c6e;--color-remise:#b60a0a;/* --- Typography --- */--font-heading:"Playfair Display",serif;--font-body:"DM Sans",sans-serif;/* --- Spacing & Layout --- */--container-width:1200px;--header-height:90px;--radius-soft:8px;--radius-pill:50px;/* --- Shadows --- */--shadow-soft:0 10px 30px rgba(44, 85, 48, 0.08);--shadow-float:0 20px 40px rgba(44, 85, 48, 0.12)}/* --- Gradient Text Utility (Promotional Gold) --- */.text-gradient-gold{background:linear-gradient(135deg, #ffc857 0%, #e6a42e 50%, #c98818 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}/* Reset */*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}html{overflow-x:hidden}html,body{max-width:100%}img{max-width:100%;height:auto;display:block}/* -----------------------------------------------------------
   MOBILE OVERFLOW FIX
----------------------------------------------------------- */@media (max-width: 768px){/* Prevent any horizontal overflow on mobile */html,body{overflow-x:hidden !important;max-width:100vw !important}/* Fix slider overflow - hide slides that are off-screen */.promo-slides,.promo-slider{overflow:hidden !important}/* Fix mobile menu positioning */.mobile-menu-inner{max-width:100vw !important}/* Ensure all sections don't overflow */section,.container,.promo-section,.hero-premium,.dates-importance-section,.section-story{overflow-x:hidden !important;max-width:100% !important}/* Fix absolute positioned elements */.product-shadow,.promo-circle-bg{display:none !important}/* Hide decorative elements that overflow */.hero-title img{display:none !important}}/* -----------------------------------------------------------
   2. TYPOGRAPHY
----------------------------------------------------------- */h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}a{color:inherit;text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--color-accent)}/* -----------------------------------------------------------
   3. UTILITIES & COMPONENTS
----------------------------------------------------------- */.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.btn-premium{display:inline-block;background-color:var(--color-primary);color:var(--color-white);padding:12px 32px;border-radius:var(--radius-pill);font-weight:600;letter-spacing:0.5px;text-transform:uppercase;font-size:0.9rem;transition:all 0.3s ease;border:none;cursor:pointer}.btn-premium:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);padding:10px 24px;border-radius:var(--radius-pill);display:inline-block}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-outline.white{border-color:white;color:white}.btn-outline.white:hover{background:white;color:var(--color-primary)}/* -----------------------------------------------------------
   4. HEADER
----------------------------------------------------------- *//* -----------------------------------------------------------
   4. HEADER (PREMIUM REDESIGN)
----------------------------------------------------------- *//* -----------------------------------------------------------
   4. HEADER (FLOATING PILL DESIGN)
----------------------------------------------------------- */.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem;background:transparent;transition:none}/* Wrapper to look like the Pill <nav> */.header-inner{width:100%;margin:0 auto;background-color:rgba(76, 76, 76, 0.36);color:white;/* Default White on Hero */padding:10px 30px;display:flex;justify-content:space-between;align-items:center;border-radius:5rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 6px rgba(0, 0, 0, 0.05);transition:background-color 0.4s ease,color 0.4s ease;gap:20px/* Add gap to prevent overlapping */}/* Ensure menu doesn't overflow */.desktop-menu{flex:1;/* Allow menu to take available space */display:flex;justify-content:center;min-width:0/* Allow shrinking */}.site-header.scrolled .header-inner{background-color:rgba(255, 255, 255, 0.85);/* Light background when scrolled */color:var(--color-text-main)/* Black/Dark text when scrolled */}/* Branding */.site-branding a{font-family:var(--font-heading);font-size:1.5rem;color:inherit;/* Inherit from header-inner color */font-weight:800;display:flex;align-items:center;text-decoration:none}.site-branding img{max-height:80px;/* Increased from 40px */width:auto}/* Navigation */.desktop-menu ul{list-style:none;display:flex;justify-content:center;gap:30px;margin:0;padding:0;width:auto}.desktop-menu li{font-weight:500;text-transform:none}.desktop-menu a{text-decoration:none;color:inherit;/* Inherit dynamically from parent */position:relative;font-size:1rem;transition:color 0.3s ease;text-transform:none}.desktop-menu a:hover{color:#c2a676;/* Accent Gold on Hover always */text-shadow:none/* Removed shadow for cleaner look */}/* --- Desktop Dropdown Menu --- */.desktop-menu ul li{position:relative}.desktop-menu ul ul{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);/* Center dropdown relative to parent */background:#ffffff;min-width:220px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);border-radius:var(--radius-soft);padding:10px 0;z-index:1100;flex-direction:column;gap:0;text-align:left;margin-top:15px/* Spacing from pill */}/* Arrow/Bridge to prevent closing when moving mouse */.desktop-menu ul ul::before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px;background:transparent}.desktop-menu ul li:hover > ul{display:flex;animation:fadeUpMenu 0.3s ease forwards}.desktop-menu ul ul li{width:100%;margin:0}.desktop-menu ul ul a{display:block;padding:10px 25px;font-size:0.95rem;color:var(--color-text-main);white-space:nowrap;border-bottom:1px solid rgba(0, 0, 0, 0.03)}.desktop-menu ul ul li:last-child a{border-bottom:none}.desktop-menu ul ul a:hover{background:#fcfcfc;color:var(--color-primary);padding-left:30px;/* Slide effect */background-color:rgba(201, 136, 24, 0.05)/* Slight tint */}@keyframes fadeUpMenu{from{opacity:0;transform:translate(-50%, 10px)}to{opacity:1;transform:translate(-50%, 0)}}/* Hide mobile menu by default */.mobile-menu{display:none}/* Header Actions */.header-actions{display:flex;align-items:center;gap:15px}.icon-btn{color:inherit;display:flex;align-items:center;transition:transform 0.2s ease;position:relative}.icon-btn:hover{transform:scale(1.1);color:white}.badge{position:absolute;top:-5px;right:-8px;background:#00ff95;/* Accent from user snippet gradient? Or keep theme accent */color:var(--color-text-main);font-size:10px;min-width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:bold}/* --- Events Nav Button --- */.events-nav-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(
    135deg,
    rgba(201, 136, 24, 0.12),
    rgba(255, 200, 87, 0.08)
  );border:1px solid rgba(201, 136, 24, 0.2);transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);color:inherit}.events-nav-btn:hover{background:linear-gradient(135deg, #c98818, #ffc857);border-color:transparent;color:#fff !important;transform:scale(1.12) translateY(-2px);box-shadow:0 8px 25px rgba(201, 136, 24, 0.35)}.events-nav-btn svg{transition:transform 0.3s ease}.events-nav-btn:hover svg{transform:rotate(-5deg) scale(1.05)}.events-nav-pulse{position:absolute;top:-2px;right:-2px;width:9px;height:9px;background:#4caf50;border-radius:50%;border:2px solid rgba(76, 76, 76, 0.5);animation:navPulse 2s ease-in-out infinite}@keyframes navPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:0.7}}.site-header.scrolled .events-nav-btn{background:linear-gradient(
    135deg,
    rgba(201, 136, 24, 0.08),
    rgba(255, 200, 87, 0.05)
  );border-color:rgba(201, 136, 24, 0.15)}.site-header.scrolled .events-nav-btn:hover{background:linear-gradient(135deg, #c98818, #ffc857);border-color:transparent;color:#fff !important}.site-header.scrolled .events-nav-pulse{border-color:rgba(255, 255, 255, 0.85)}@media (max-width: 768px){.events-nav-btn{width:36px;height:36px;border-radius:10px}.events-nav-btn svg{width:18px;height:18px}}/* --- Search Bar (Pill Integrated) --- */.header-search{flex:0 0 auto;margin-right:15px}.product-search-form{position:relative;display:flex;align-items:center}.search-field{width:200px;padding:8px 35px 8px 15px;border:1px solid rgba(255, 255, 255, 0.2);border-radius:50px;font-family:var(--font-body);font-size:0.9rem;background:rgba(255, 255, 255, 0.15);/* Subtle light background on dark pill */color:inherit;transition:all 0.3s ease}.search-field::placeholder{color:rgba(0, 0, 0, 0.5)}.search-field:focus{outline:none;background:white;width:240px;box-shadow:0 0 0 3px rgba(255, 255, 255, 0.3)}.search-submit{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:inherit;cursor:pointer;padding:5px;display:flex;align-items:center}.search-submit:hover{color:white}/* --- Mobile Menu --- */.mobile-toggle{display:none;background:transparent;border:none;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;z-index:1001;width:30px;height:30px;padding:0}.mobile-toggle span{width:25px;height:3px;background-color:currentColor;transition:all 0.3s ease;border-radius:5px}@media (max-width: 1200px){.desktop-menu ul{gap:15px}.desktop-menu a{font-size:0.9rem}.header-inner{padding:10px 15px}}@media (max-width: 992px){.site-header{padding:1rem}.header-inner{padding:10px 20px}}@media (max-width: 768px){.mobile-toggle{display:flex}.main-navigation{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:rgba(76, 76, 76, 0.95);/* Match pill color but opaque */backdrop-filter:blur(10px);padding:120px 40px;transition:right 0.4s ease;z-index:999;/* Below toggle but high */display:flex;flex-direction:column;align-items:center}.main-navigation.toggled{right:0}.main-navigation ul{flex-direction:column;gap:30px;text-align:center}.main-navigation a{font-size:1.5rem;color:white/* White on mobile menu */}.header-search{display:none}/* Branding on mobile inside pill */.site-branding a{font-size:1.2rem}}/* -----------------------------------------------------------
   4.5 HEADER SEARCH BAR (REFINED)
----------------------------------------------------------- */.header-search{flex:0 0 auto;position:relative;margin-right:10px}.product-search-form{position:relative;display:flex;align-items:center}.search-field{width:45px;/* Collapsed width initially if desired, or keep expanded */min-width:250px;/* Keep it expanded for usability */padding:10px 45px 10px 20px;border:1px solid rgba(44, 85, 48, 0.15);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:0.95rem;transition:all 0.4s ease;background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(5px);color:var(--color-text-main)}.search-field:focus{outline:none;border-color:var(--color-primary);background:#ffffff;box-shadow:0 4px 15px rgba(44, 85, 48, 0.08);width:280px}.search-field::placeholder{color:var(--color-text-muted);font-weight:400}.search-submit{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-primary);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.search-submit:hover{background:var(--color-primary);color:#fff;transform:translateY(-50%) rotate(10deg)}/* --- Mobile Menu --- */.mobile-toggle{display:none;background:transparent;border:none;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;z-index:1001;width:40px;height:40px;padding:5px}.mobile-toggle span{width:28px;height:2px;background-color:var(--color-primary);transition:all 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);border-radius:2px}/* Hamburger Animation State (Needs JS class toggle usually, but prep here) */.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 6px)}.mobile-toggle.active span:nth-child(2){opacity:0;transform:translateX(-10px)}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px, -6px)}@media (max-width: 992px){.main-navigation ul{gap:20px}.main-navigation a{font-size:0.95rem}.search-field{min-width:200px}}@media (max-width: 768px){.mobile-toggle{display:flex}.desktop-menu{display:none}/* --- New Side Drawer Mobile Menu --- */.mobile-menu{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999;/* Backdrop Background */background:rgba(0, 0, 0, 0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.mobile-menu.toggled{opacity:1;visibility:visible}/* The Drawer itself */.mobile-menu-inner{position:absolute;top:0;right:-100%;width:85%;max-width:320px;height:100%;background:var(--color-primary);/* Deep Green */padding:100px 30px 40px;transition:right 0.4s cubic-bezier(0.25, 1, 0.5, 1);overflow-y:auto;box-shadow:-5px 0 20px rgba(0, 0, 0, 0.15);display:flex;flex-direction:column;align-items:flex-start;text-align:left}.mobile-menu.toggled .mobile-menu-inner{right:0}.mobile-menu ul{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:20px}.mobile-menu a{font-family:var(--font-body);font-size:1rem;font-weight:500;/* More balanced size */color:rgba(255, 255, 255, 0.8);text-decoration:none;display:block;border-bottom:1px solid rgba(255, 255, 255, 0.1);padding-bottom:10px;transition:padding 0.3s ease,color 0.3s ease;text-align:left;opacity:1;/* Reset opacity logic if we don't use the staggered animation or use it differently */transform:none}.mobile-menu a:hover{padding-left:10px;color:var(--color-accent);border-bottom-color:var(--color-accent)}/* Staggered Animation for Links */.mobile-menu li{opacity:0;transform:translateX(20px);transition:all 0.4s ease}.mobile-menu.toggled li{opacity:1;transform:translateX(0)}.mobile-menu.toggled li:nth-child(1){transition-delay:0.1s}.mobile-menu.toggled li:nth-child(2){transition-delay:0.15s}.mobile-menu.toggled li:nth-child(3){transition-delay:0.2s}.mobile-menu.toggled li:nth-child(4){transition-delay:0.25s}.mobile-menu.toggled li:nth-child(5){transition-delay:0.3s}.header-actions{margin-left:auto;margin-right:15px}.header-search{display:none}.site-branding img{max-height:45px}/* --- Dynamic Mobile Sub-Menu Styles --- */.mobile-menu li{position:relative}.mobile-menu .submenu-toggle{position:absolute;top:0;right:0;width:45px;height:45px;/* Match link height approx */display:flex;/* Flexbox mainly for centering */align-items:center;justify-content:center;cursor:pointer;z-index:5;color:rgba(255, 255, 255, 0.7)}.mobile-menu .sub-menu{display:none;list-style:none;padding:0;margin:5px 0 10px 15px;border-left:1px solid rgba(255, 255, 255, 0.1);width:calc(100% - 15px)}.mobile-menu .sub-menu li{width:100%;opacity:1 !important;/* Override staggered animation for subitems */transform:none !important}.mobile-menu .sub-menu a{font-size:0.95rem;color:rgba(255, 255, 255, 0.7);padding:8px 0;border-bottom:none}.mobile-menu .sub-menu a:hover{color:var(--color-accent);padding-left:10px}/* Custom Accordion Menu Styles (Clean Redesign) */.custom-mobile-menu{margin-top:30px;width:100%}.menu-item-accordion{background:transparent;border-radius:0;overflow:hidden}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 0;background:transparent;border:none;border-bottom:1px solid rgba(255, 255, 255, 0.3);color:rgba(255, 255, 255, 0.8);font-family:var(--font-body);font-weight:500;font-size:1rem;cursor:pointer;transition:all 0.3s ease;text-align:left}.accordion-header:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.accordion-header .icon-toggle{transition:transform 0.3s ease;color:rgba(255, 255, 255, 0.7)}.accordion-header.active .icon-toggle{transform:rotate(180deg);color:white}/* Accordion Content */.accordion-content{list-style:none;padding:0;margin:0;display:block;/* Controlled by max-height */max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0, 1, 0, 1);border-left:1px solid rgba(255, 255, 255, 0.1);margin-left:5px}.accordion-content.active{max-height:500px;/* Allow expansion */margin-top:10px}.accordion-content li{width:100%}.accordion-content li a{font-family:var(--font-body) !important;font-size:1rem !important;border-bottom:none;padding:8px 0 8px 15px;color:rgba(255, 255, 255, 0.8) !important;text-transform:capitalize;background:transparent}.accordion-content li a:hover{color:var(--color-accent) !important;background:transparent;padding-left:20px}}/* -----------------------------------------------------------
   5. WOOCOMMERCE STYLING
----------------------------------------------------------- *//* Product Grid */ul.products{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:30px}ul.products li.product{background:white;border-radius:var(--radius-soft);overflow:hidden;transition:all 0.3s ease;text-align:center;padding-bottom:20px;border:1px solid rgba(0, 0, 0, 0.03)}ul.products li.product:hover{box-shadow:var(--shadow-float);transform:translateY(-5px)}ul.products li.product img{width:100%;height:300px;object-fit:cover;margin-bottom:15px}ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-heading);font-size:1.2rem;color:var(--color-primary);padding:0 15px}ul.products li.product .price{display:block;color:var(--color-accent);font-weight:700;font-size:1.1rem;margin:5px 0 15px}/* PRODUCT WEIGHT STYLE */.product-weight{font-family:var(--font-body);letter-spacing:0.5px}/* Buttons */.woocommerce button.button.alt,.woocommerce a.button.add_to_cart_button{background-color:transparent !important;color:var(--color-primary) !important;border:2px solid var(--color-primary) !important;border-radius:var(--radius-pill) !important;padding:10px 24px !important;font-weight:600 !important;transition:all 0.3s ease}.woocommerce button.button.alt:hover,.woocommerce a.button.add_to_cart_button:hover{background-color:var(--color-primary) !important;color:white !important}/* Alerts / Notices */.woocommerce-message,.woocommerce-info{border-top-color:var(--color-primary) !important;background-color:white !important}.woocommerce-message::before,.woocommerce-info::before{color:var(--color-primary) !important}/* Pagination */.woocommerce-pagination .page-numbers li span.current{background:var(--color-primary) !important;color:white !important}/* -----------------------------------------------------------
   6. SCROLL ANIMATIONS (YUMMY-Z INSPIRED)
----------------------------------------------------------- *//* Base animation states - elements start hidden */.fade-up,.fade-in,.slide-left,.slide-right,.scale-in,.reveal-left,.reveal-right{opacity:0;transition:opacity 0.8s ease,transform 0.8s ease}/* Fade Up */.fade-up{transform:translateY(40px)}.fade-up.is-visible{opacity:1;transform:translateY(0)}/* Fade In */.fade-in{opacity:0}.fade-in.is-visible{opacity:1}/* Slide Left */.slide-left{transform:translateX(-50px)}.slide-left.is-visible{opacity:1;transform:translateX(0)}/* Slide Right */.slide-right{transform:translateX(50px)}.slide-right.is-visible{opacity:1;transform:translateX(0)}/* Scale In */.scale-in{transform:scale(0.9)}.scale-in.is-visible{opacity:1;transform:scale(1)}/* Reveal Animations */.reveal-left{transform:translateX(-60px)}.reveal-left.is-visible{opacity:1;transform:translateX(0)}.reveal-right{transform:translateX(60px)}.reveal-right.is-visible{opacity:1;transform:translateX(0)}/* -----------------------------------------------------------
   7. SCROLL INDICATOR
----------------------------------------------------------- */.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:10;text-align:center;color:white;cursor:pointer;transition:opacity 0.3s ease}.scroll-indicator span{display:block;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-weight:500}.scroll-indicator .line{width:2px;height:50px;background:white;margin:0 auto;position:relative;overflow:hidden}.scroll-indicator .line::after{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:rgba(255, 255, 255, 0.8);animation:scrollDown 2s infinite}@keyframes scrollDown{0%{transform:translateY(-30px)}100%{transform:translateY(50px)}}.scroll-indicator:hover{opacity:0.7}/* -----------------------------------------------------------
   8. ENHANCED SECTIONS
----------------------------------------------------------- */.section-story{padding:120px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-visual{position:relative}.img-story-1{width:100%;border-radius:16px;box-shadow:var(--shadow-float)}.floating-card{position:absolute;bottom:-30px;right:-30px;background:white;padding:30px 40px;border-radius:12px;box-shadow:var(--shadow-float);text-align:center}.floating-card .big-num{display:block;font-size:3rem;font-family:var(--font-heading);color:var(--color-accent);font-weight:700;line-height:1}.floating-card .label{display:block;font-size:1rem;color:var(--color-primary);margin-top:5px;font-weight:600}.sub-heading{color:var(--color-secondary);font-family:var(--font-body);font-size:0.9rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:10px}.section-title{font-size:2.5rem;color:var(--color-primary);margin-bottom:25px}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:60px 0;position:relative}.story-visual{position:relative}.story-content p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.8;margin-bottom:20px}.btn-link{color:var(--color-accent);font-weight:600;display:inline-flex;align-items:center;gap:8px;font-size:1rem;transition:gap 0.3s ease}.btn-link:hover{gap:15px}/* -----------------------------------------------------------
   9. COLLECTIONS SECTION
----------------------------------------------------------- */.section-collections{padding:100px 0;background:var(--color-bg)}.section-header{margin-bottom:60px}/* Enhance existing collection cards */.collection-card{cursor:pointer;transition:transform 0.4s ease}.collection-card:hover{transform:translateY(-10px)}.collection-card .card-bg{background-size:cover;background-position:center;transition:transform 0.6s ease}.collection-card .card-content h3{color:white;font-size:2rem;margin-bottom:10px}.collection-card .card-content p{color:rgba(255, 255, 255, 0.9);font-size:1rem;margin-bottom:20px}/* -----------------------------------------------------------
   10. BADGE ANIMATIONS
----------------------------------------------------------- */.badge.bounce-scale{animation:bounceScale 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes bounceScale{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}/* Add to cart success state */.added-success{background-color:var(--color-secondary) !important;color:white !important;transform:scale(1.05)}/* -----------------------------------------------------------
   11. PRODUCT CARD ENHANCEMENTS
----------------------------------------------------------- */ul.products li.product{position:relative;overflow:hidden}ul.products li.product::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent, rgba(44, 85, 48, 0.03));opacity:0;transition:opacity 0.3s ease;pointer-events:none}ul.products li.product.is-hovered::before,ul.products li.product:hover::before{opacity:1}ul.products li.product img{transition:transform 0.5s ease}ul.products li.product.is-hovered img,ul.products li.product:hover img{transform:scale(1.05)}/* -----------------------------------------------------------
   12. BODY LOADED STATE
----------------------------------------------------------- */body.page-loaded .hero-content > *{transition-delay:0s}/* -----------------------------------------------------------
   13. RESPONSIVE ADJUSTMENTS
----------------------------------------------------------- */@media (max-width: 992px){.story-grid{grid-template-columns:1fr;gap:50px;text-align:center}.story-content{order:2;/* Text below image */padding:0 20px}.story-visual{order:1;/* Image on top */max-width:600px;margin:0 auto}/* Hide the decorative absolute image on mobile to prevent overflow/mess */.story-visual img[style*="absolute"]{display:none !important}.floating-card{bottom:20px;right:20px;padding:20px 30px}.section-title{font-size:2rem}}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:1.8rem}.section-story{padding:60px 0}.story-content p{font-size:1rem}.scroll-indicator span{font-size:0.75rem}.scroll-indicator .line{height:40px}}/* -----------------------------------------------------------
   14. PERFORMANCE OPTIMIZATIONS
----------------------------------------------------------- */*{will-change:auto/* Reset will-change for performance */}.hero-bg-image{will-change:transform;max-height:100vh;bg-size:cover;height:100%/* Optimize parallax elements */}.collection-card .card-bg{will-change:transform;/* Optimize parallax elements */max-height:100vh;bg-size:cover;height:100%}/* Reduce motion for users who prefer it */@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.scroll-indicator .line::after{animation:none}}/* -----------------------------------------------------------
   15. WOOCOMMERCE PREMIUM SHOP STYLES
----------------------------------------------------------- *//* Shop Grid */.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:40px;margin-bottom:50px;justify-content:center;padding:0;/* Fix alignment */margin-left:0;margin-right:0}/* Responsive Grid for Mobile */@media (max-width: 768px){.woocommerce ul.products{gap:20px}/* CRITICAL: Override WooCommerce default mobile styles (woocommerce-smallscreen.css) *//* WC forces width: 48% and float: left via selector .woocommerce ul.products[class*="columns-"] li.product *//* We need maximum specificity + !important to override */.woocommerce ul.products[class*="columns-"] li.product,.woocommerce-page ul.products[class*="columns-"] li.product{width:100% !important;max-width:100% !important;float:none !important;margin-right:0 !important;margin-left:0 !important;margin-bottom:30px !important}}@media (max-width: 576px){.woocommerce ul.products{grid-template-columns:1fr !important;/* Force single column */gap:20px;padding:0 10px/* Slight padding on sides */}}/* Fix: Remove clearfix pseudo-elements that break CSS Grid */.woocommerce ul.products::before,.woocommerce ul.products::after{display:none !important;content:none !important}.woocommerce ul.products li.product{width:100%;margin:0;float:none;background:white;border-radius:16px;overflow:hidden;transition:transform 0.4s ease,box-shadow 0.4s ease;border:1px solid rgba(0, 0, 0, 0.03);padding-bottom:20px;text-align:center}.woocommerce ul.products li.product:hover{transform:translateY(-10px);box-shadow:var(--shadow-float)}.woocommerce ul.products li.product a img{border-radius:16px 16px 0 0;margin-bottom:15px;height:300px;width:100%;object-fit:contain;object-position:center}/* Product Titles */.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-heading);font-size:1.3rem;color:var(--color-primary);padding:0 15px;margin-bottom:10px}/* Price */.woocommerce ul.products li.product .price{color:var(--color-accent);font-weight:700;font-size:1.2rem;display:block;margin-bottom:15px}/* Add to Cart Button */.woocommerce ul.products li.product .button{margin-top:10px;display:inline-block;background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:10px 25px;border-radius:50px;/* Pill Shape */font-weight:600;transition:all 0.3s ease;text-transform:uppercase;font-size:0.9rem;line-height:1.5}.woocommerce ul.products li.product .button:hover{background:var(--color-primary);color:white;transform:scale(1.05)}.woocommerce ul.products li.product .button.added{display:none/* Hide 'View Cart' checkmark link usually added by WC JS */}.stats-section{padding:80px 0;background:var(--about-primary);color:white;text-align:center}.stat-icon{width:80px;height:auto;margin-bottom:20px;display:inline-block;border-radius:50%;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1)}.woocommerce ul.products li.product .added_to_cart{padding:10px 25px;background:var(--color-accent);color:white;border-radius:50px;font-weight:600;display:inline-block}/* Pagination */.woocommerce-pagination ul{border:none;display:flex;justify-content:center;gap:10px}.woocommerce-pagination .page-numbers{border:none}.woocommerce-pagination .page-numbers li span.current,.woocommerce-pagination .page-numbers li a:hover{background:var(--color-accent);color:white;border-radius:50%}/* Media queries for grid columns removed as auto-fit handles it better *//* Shop Toolbar (Result Count & Sorting) */.shop-toolbar-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;/* Allow wrapping on mobile */gap:20px;margin-bottom:40px;padding:15px 25px;background:white;border-radius:50px;/* Pill shape container */box-shadow:0 4px 20px rgba(0, 0, 0, 0.03);border:1px solid rgba(0, 0, 0, 0.04)}.woocommerce-result-count{margin:0 !important;font-size:0.95rem;color:var(--color-text-muted);font-weight:500}.woocommerce-ordering{margin:0 !important}.woocommerce-ordering select{padding:10px 40px 10px 20px;border-radius:30px;border:1px solid rgba(0, 0, 0, 0.1);background-color:var(--color-bg);color:var(--color-primary);font-weight:600;cursor:pointer;font-size:0.9rem;outline:none;transition:all 0.3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C5530' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:16px;min-width:200px}.woocommerce-ordering select:hover,.woocommerce-ordering select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(194, 166, 118, 0.1)}/* Active Filters (if present) */.woocommerce-widget-layered-nav-list__item--chosen a::before{content:"× ";color:var(--color-accent)}@media (max-width: 768px){.shop-toolbar-wrapper{flex-direction:column;align-items:stretch;border-radius:20px;text-align:center;gap:15px}.woocommerce-ordering select{width:100%}}/* -----------------------------------------------------------
   8. MODERN SINGLE PRODUCT PAGE
----------------------------------------------------------- */.single-product-modern-wrapper{padding-top:140px;/* Push content below fixed header */padding-bottom:60px}.single-product-modern-grid{display:grid;grid-template-columns:1.2fr 0.8fr;/* Image wider */gap:60px;margin-bottom:80px;align-items:start}/* Left: Sticky Image Gallery */.single-product-images-col{position:sticky;top:120px/* Offset for sticky header */}/* Customizing WC Gallery */.woocommerce-product-gallery{opacity:1 !important;/* Prevent flash */box-shadow:var(--shadow-float);border-radius:20px !important;overflow:hidden;position:relative;background:white}.woocommerce-product-gallery img{border-radius:20px !important}.woocommerce-product-gallery .flex-control-nav{margin-top:20px}/* Right: Summary */.single-product-summary-col{padding-top:20px}.product_title{font-size:3rem;color:var(--color-primary);margin-bottom:15px;line-height:1.1}.product-price-large .price{font-size:1.8rem;color:var(--color-accent);font-weight:700;margin-bottom:25px;display:block}/* Introduction / Short Desc */.product-short-description-modern{font-size:1.1rem;color:#565656;margin-bottom:30px;line-height:1.7;border-left:3px solid var(--color-secondary);padding-left:20px}/* Add to Cart Area */.modern-cart-actions form.cart{background:white;padding:30px;border-radius:20px;box-shadow:var(--shadow-soft);border:1px solid rgba(0, 0, 0, 0.03);margin-bottom:30px}.woocommerce div.product form.cart .variations td{display:block;margin-bottom:10px;color:var(--color-text-muted)}.woocommerce div.product form.cart .variations select{width:100%;padding:12px;border-radius:8px;border:1px solid #eee;margin-bottom:15px}/* Quantity & Button Inline */.woocommerce div.product form.cart div.quantity{display:inline-block;margin-right:15px;vertical-align:middle}.woocommerce div.product form.cart .button{vertical-align:middle;width:auto;padding:15px 40px !important;font-size:1rem !important}/* Meta info */.product_meta{font-size:0.85rem;color:var(--color-text-muted);border-top:1px solid #eee;padding-top:20px}.product_meta > span{display:block;margin-bottom:5px}/* Tabs */.single-product-full-details .woocommerce-tabs ul.tabs{padding:0;margin-bottom:30px;border-bottom:1px solid #eee;display:flex;justify-content:center;gap:40px}.single-product-full-details .woocommerce-tabs ul.tabs li{border:none;background:transparent;padding:10px 0}.single-product-full-details .woocommerce-tabs ul.tabs li.active a{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.single-product-full-details .woocommerce-tabs ul.tabs li a{font-family:var(--font-heading);font-size:1.2rem;color:var(--color-text-muted);padding-bottom:10px}/* Related Products */.related.products{margin-top:80px;border-top:1px solid rgba(0, 0, 0, 0.05);padding-top:60px}.related.products > h2{text-align:center;margin-bottom:40px;font-size:2.2rem}/* Ensure related products grid fills available space */.related.products ul.products{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px;justify-content:center}/* Responsive */@media (max-width: 900px){.single-product-modern-grid{grid-template-columns:1fr;gap:40px}.single-product-images-col{position:static}}/* -----------------------------------------------------------
   WOOCOMMERCE CART PAGE STYLES
----------------------------------------------------------- *//* Cart Checkout Button */.wc-block-cart__submit-button,.woocommerce .wc-block-cart__submit-button,.woocommerce a.button.checkout-button,.woocommerce a.checkout-button,.woocommerce button.checkout-button,.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button{background:var(--color-primary) !important;color:var(--color-white) !important;padding:16px 40px !important;border-radius:var(--radius-pill) !important;font-weight:600 !important;font-size:1rem !important;text-transform:uppercase !important;letter-spacing:0.5px !important;border:none !important;cursor:pointer;transition:all 0.3s ease !important;display:inline-block !important}.wc-block-cart__submit-button:hover,.woocommerce .wc-block-cart__submit-button:hover,.woocommerce a.button.checkout-button:hover,.woocommerce a.checkout-button:hover,.woocommerce button.checkout-button:hover,.wp-block-woocommerce-proceed-to-checkout-block
  .wc-block-cart__submit-button:hover{background:var(--color-accent) !important;transform:translateY(-2px) !important;box-shadow:var(--shadow-soft) !important}/* Cart update button */.woocommerce button[name="update_cart"],.woocommerce input[name="update_cart"]{background:var(--color-primary) !important;color:var(--color-white) !important;padding:12px 24px !important;border-radius:var(--radius-pill) !important;border:none !important;font-weight:600 !important;transition:all 0.3s ease !important}.woocommerce button[name="update_cart"]:hover,.woocommerce input[name="update_cart"]:hover{background:var(--color-accent) !important}/* Cart coupon button */.woocommerce .coupon button,.woocommerce .coupon input[type="submit"]{background:var(--color-secondary) !important;color:var(--color-white) !important;padding:12px 24px !important;border-radius:var(--radius-pill) !important;border:none !important}/* Cart quantity styling */.woocommerce .cart .quantity input[type="number"]{padding:10px !important;border:1px solid #ddd !important;border-radius:var(--radius-soft) !important}/* Cart table styling */.woocommerce-cart-form__contents{border-radius:var(--radius-soft) !important;overflow:hidden}.woocommerce-cart-form__contents th{background:var(--color-primary) !important;color:var(--color-white) !important;padding:15px !important}.woocommerce-cart-form__contents td{padding:20px !important;vertical-align:middle !important}/* -----------------------------------------------------------
   16. HERO FIXES (Navbar Overlap & Size)
----------------------------------------------------------- */.hero-premium{padding-top:280px;/* Push content down below fixed header */min-height:120vh;/* Make hero bigger (full viewport height) */position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}/* Adjust for mobile */@media (max-width: 992px){.hero-premium{padding-top:200px;min-height:80vh}}@media (max-width: 768px){.hero-premium{padding-top:200px;min-height:120vh;padding-bottom:60px}}/* Background Video Full Screen */.hero-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}/* Overlay Gradient */.hero-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(
    135deg,
    rgba(44, 85, 48, 0.4) 0%,
    rgba(20, 20, 20, 0.6) 100%
  )}/* -----------------------------------------------------------
   FIX: Cart & Checkout Top Padding (Navbar Overlap)
----------------------------------------------------------- */body.woocommerce-cart,body.woocommerce-checkout{padding-top:220px}@media (max-width: 992px){body.woocommerce-cart,body.woocommerce-checkout{padding-top:180px}}@media (max-width: 768px){body.woocommerce-cart,body.woocommerce-checkout{padding-top:150px}}/* -----------------------------------------------------------
   17. OILS CATEGORY PREMIUM STYLES
----------------------------------------------------------- *//* Detect oils category pages and apply custom palette *//* Note: Specific styles are defined below for each oil type *//* Olive Oil - Green/Gold Palette */body.term-huile-dolive .hero-overlay{background:linear-gradient(
    135deg,
    rgba(107, 142, 35, 0.5) 0%,
    rgba(85, 107, 47, 0.7) 100%
  ) !important}body.term-huile-dolive .premium-experience-section{background:linear-gradient(180deg, #f5f5e8 0%, #ffffff 100%)}body.term-huile-dolive .bento-hero .card-inner{background:linear-gradient(
    135deg,
    rgba(107, 142, 35, 0.95),
    rgba(85, 107, 47, 0.98)
  ) !important}body.term-huile-dolive .the-difference-section{background:linear-gradient(
    135deg,
    #556b2f 0%,
    #6b8e23 50%,
    #556b2f 100%
  ) !important}body.term-huile-dolive .icon-wrapper{background:linear-gradient(135deg, #9acd32, #6b8e23) !important}body.term-huile-dolive .diff-floating-orb.diff-orb-1{background:radial-gradient(circle, #9acd32, transparent)}/* Date Seed Oil - Amber/Brown Palette */body.term-huile-de-dattes .hero-overlay,body.term-huile .hero-overlay{background:linear-gradient(
    135deg,
    rgba(139, 90, 43, 0.5) 0%,
    rgba(101, 67, 33, 0.7) 100%
  ) !important}body.term-huile-de-dattes .premium-experience-section,body.term-huile .premium-experience-section{background:linear-gradient(180deg, #fdf5e6 0%, #ffffff 100%)}body.term-huile-de-dattes .bento-hero .card-inner,body.term-huile .bento-hero .card-inner{background:linear-gradient(
    135deg,
    rgba(139, 90, 43, 0.95),
    rgba(101, 67, 33, 0.98)
  ) !important}body.term-huile-de-dattes .the-difference-section,body.term-huile .the-difference-section{background:linear-gradient(
    135deg,
    #654321 0%,
    #8b5a2b 50%,
    #654321 100%
  ) !important}body.term-huile-de-dattes .icon-wrapper,body.term-huile .icon-wrapper{background:linear-gradient(135deg, #d2691e, #8b5a2b) !important}/* Oils Quality Badges */.oils-quality-badges{display:flex;flex-wrap:wrap;gap:15px;margin:30px 0;justify-content:center}.oils-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.25);border-radius:50px;color:white;font-size:0.9rem;font-weight:500;transition:all 0.3s ease}.oils-badge:hover{background:rgba(255, 255, 255, 0.25);transform:translateY(-2px)}.oils-badge svg{width:18px;height:18px;color:var(--color-accent)}/* Oils Volume Selector */.oils-volume-selector{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.volume-option{padding:12px 24px;border:2px solid rgba(0, 0, 0, 0.1);border-radius:12px;background:white;cursor:pointer;transition:all 0.3s ease;text-align:center;min-width:100px}.volume-option:hover,.volume-option.selected{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb), 0.05)}.volume-option .volume-size{font-size:1.2rem;font-weight:700;color:var(--color-primary);display:block}.volume-option .volume-price{font-size:0.9rem;color:var(--color-accent);font-weight:600}/* Oils product card enhancements */body.term-huile-dolive .subcategory-card .subcat-image-wrapper,body.term-huile-de-dattes .subcategory-card .subcat-image-wrapper,body.term-huile .subcategory-card .subcat-image-wrapper{background:linear-gradient(135deg, #8b5a2b, #d2691e) !important}/* Responsive */@media (max-width: 768px){.oils-quality-badges{flex-direction:column;align-items:center}.oils-volume-selector{justify-content:center}.volume-option{flex:1 1 calc(50% - 12px);min-width:120px}}/* -----------------------------------------------------------
   SHOP PAGE - CATEGORY SECTIONS
----------------------------------------------------------- */.shop-category-section{margin-bottom:60px}.shop-category-section:last-child{margin-bottom:0}.category-header-banner{background-color:var(--color-primary);padding:22px 40px;margin-bottom:35px;border-radius:var(--radius-soft);position:relative;overflow:hidden}.category-header-banner::before{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05));pointer-events:none}.category-header-banner h2{color:var(--color-white);font-size:0.95rem;font-weight:600;letter-spacing:5px;text-transform:uppercase;text-align:center;margin:0;font-family:var(--font-body)}/* Responsive */@media (max-width: 768px){.category-header-banner{padding:18px 20px;margin-bottom:25px}.category-header-banner h2{font-size:0.85rem;letter-spacing:3px}.shop-category-section{margin-bottom:40px}}/* -----------------------------------------------------------
   FIX: Navbar Overlap on Account Page
----------------------------------------------------------- */.woocommerce-account .site-main,.woocommerce-login .site-main{padding-top:140px/* Adjust for fixed header height */}@media (max-width: 992px){.woocommerce-account .site-main,.woocommerce-login .site-main{padding-top:120px}}