/*! 
 * Mobile Drilldown Menu Styles - PRODUCTION VERSION
 * Updated widget IDs for production server
 * Version: 1.0.1
 */

/* ================================
   CSS VARIABLES FOR EASY THEMING
   ================================ */
:root {
  --mobile-menu-z-index: 99999;
  --mobile-menu-transition: 0.3s ease;
  --mobile-menu-bg-overlay: rgba(0, 0, 0, 0.5);
  --mobile-menu-bg-primary: #fff;
  --mobile-menu-bg-secondary: #f8f8f8;
  --mobile-menu-bg-widgets: #f9f9f9;
  --mobile-menu-header-bg: #B69B89;
  --mobile-menu-border-color: #eee;
  --mobile-menu-text-color: #333;
  --mobile-menu-text-muted: #666;
  --mobile-menu-text-light: #999;
  --mobile-menu-link-hover: #007cba;
  --mobile-menu-width: 320px;
  --mobile-menu-breakpoint: 992px;
}

/* ================================
   MOBILE MENU FOUNDATION
   ================================ */

/* Hide desktop mega menu on mobile */
@media (max-width: 992px) {
  .mega-menu-wrap {
    display: none !important;
  }
}

/* Mobile menu toggle button */
.mobile-menu-toggle {
  display: none;
  background: transparent;
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 16px;
  transition: background-color 0.2s ease;
}

@media (max-width: 992px) {
  .mobile-menu-toggle {
    display: inline-block;
  }
}

.mobile-menu-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.mobile-menu-toggle:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* ================================
   MOBILE MENU CONTAINER & OVERLAY
   ================================ */

.mobile-drilldown-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--mobile-menu-bg-overlay);
  z-index: var(--mobile-menu-z-index);
  opacity: 0;
  visibility: hidden;
  transition: all var(--mobile-menu-transition);
  /* Performance optimization */
  contain: layout style paint;
  will-change: opacity, visibility;
}

.mobile-drilldown-container.active {
  opacity: 1;
  visibility: visible;
}

/* ================================
   MOBILE MENU WRAPPER & STRUCTURE
   ================================ */

.mobile-drilldown-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--mobile-menu-width);
  max-width: 90vw;
  height: 100%;
  background: var(--mobile-menu-bg-primary);
  transform: translateX(100%);
  transition: transform var(--mobile-menu-transition);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  /* Remove list markers globally */
}

.mobile-drilldown-wrapper li::marker {
  content: none;
}

.mobile-drilldown-container.active .mobile-drilldown-wrapper {
  transform: translateX(0);
}

/* ================================
   MOBILE MENU HEADER
   ================================ */

.mobile-drilldown-header {
  padding: 20px;
  background: var(--mobile-menu-header-bg);
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}

.mobile-drilldown-header h3 {
  margin: 0;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
}

.mobile-menu-close {
  background: none;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

.mobile-menu-close:hover {
  opacity: 0.8;
}

.mobile-menu-close:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* ================================
   MOBILE MENU CONTENT & LEVELS
   ================================ */

.mobile-menu-content {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.mobile-menu-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--mobile-menu-bg-primary);
  transform: translateX(100%);
  transition: transform var(--mobile-menu-transition);
  overflow-y: auto;
  /* Performance optimization */
  contain: layout style;
}

.mobile-menu-level.active {
  transform: translateX(0);
}

/* ================================
   MOBILE MENU NAVIGATION
   ================================ */

.mobile-menu-back {
  padding: 15px 20px;
  background: var(--mobile-menu-bg-secondary);
  border-bottom: 1px solid var(--mobile-menu-header-bg);
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--mobile-menu-text-color);
  transition: background-color 0.2s ease;
}

.mobile-menu-back:hover {
  background-color: #e8e8e8;
}

.mobile-menu-back::before {
  content: '⟨';
  margin-right: 10px;
  font-size: 16px;
}

/* ================================
   MOBILE MENU ITEMS & LINKS
   ================================ */

.mobile-menu-items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-menu-item {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--mobile-menu-border-color);
}

.mobile-menu-item:last-child {
  border-bottom: none;
}

.mobile-menu-link {
  display: block;
  padding: 15px 20px;
  color: var(--mobile-menu-text-color);
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease;
}

.mobile-menu-link:hover {
  background-color: var(--mobile-menu-bg-secondary);
  color: var(--mobile-menu-link-hover);
}

.mobile-menu-link:focus {
  outline: 2px solid var(--mobile-menu-link-hover);
  outline-offset: -2px;
}

.mobile-menu-item.has-submenu .mobile-menu-link::after {
  content: '⟩';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--mobile-menu-text-light);
  font-size: 16px;
  transition: color 0.2s ease;
}

.mobile-menu-item.has-submenu .mobile-menu-link:hover::after {
  color: var(--mobile-menu-link-hover);
}

/* ================================
   MOBILE MENU WIDGETS CONTAINER
   ================================ */

.mobile-menu-widgets {
  background: var(--mobile-menu-bg-widgets);
  padding: 0;
}

.mobile-menu-widgets .widget,
.mobile-menu-widgets .wc-subcategories-widget {
  margin: 0;
  background: var(--mobile-menu-bg-primary);
  padding: 15px 20px;
  border-bottom: 1px solid var(--mobile-menu-border-color);
}

.mobile-menu-widgets .widget:last-child,
.mobile-menu-widgets .wc-subcategories-widget:last-child {
  border-bottom: none;
}

.mobile-menu-widgets .widget-title {
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--mobile-menu-text-color);
  border-bottom: 1px solid var(--mobile-menu-border-color);
}

/* ================================
   WC SUBCATEGORIES WIDGET STYLES
   ================================ */

.mobile-menu-widgets .wc-subcategories-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 15px !important;
}

.mobile-menu-widgets .wc-subcategory-item {
  text-align: center;
}

.mobile-menu-widgets .wc-subcategory-item img {
  width: 100% !important;
  height: auto !important;
  max-height: 90px !important;
  margin-bottom: 8px !important;
  object-fit: cover;
  transition: transform 0.2s ease;
}

.mobile-menu-widgets .wc-subcategory-item img:hover {
  transform: scale(1.05);
}

.mobile-menu-widgets .wc-subcategory-item h4 {
  font-size: 14px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.mobile-menu-widgets .wc-subcategory-item .category-color-indicator {
  /* Preserve original sizes from desktop version */
  display: inline-block !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease;
}

.mobile-menu-widgets .wc-subcategory-item:hover .category-color-indicator {
  transform: scale(1.1);
}

.mobile-menu-widgets .wc-subcategory-item a {
  color: var(--mobile-menu-text-color) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.mobile-menu-widgets .wc-subcategory-item a:hover {
  color: var(--mobile-menu-link-hover) !important;
}

.mobile-menu-widgets .wc-subcategory-item span {
  font-size: 11px !important;
  color: var(--mobile-menu-text-muted) !important;
  display: block !important;
  margin-top: 4px !important;
}

/* ================================
   GENERIC WIDGET STYLES
   ================================ */

.mobile-menu-widgets .widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-menu-widgets .widget li {
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
}

.mobile-menu-widgets .widget li:last-child {
  border-bottom: none;
}

.mobile-menu-widgets .widget a {
  padding: 8px 0;
  display: block;
  color: var(--mobile-menu-text-muted);
  text-decoration: none;
  transition: color 0.2s ease;
}

.mobile-menu-widgets .widget a:hover {
  color: var(--mobile-menu-link-hover);
}

/* ================================
   LOADING STATES & ANIMATIONS
   ================================ */

.mobile-menu-widgets-loading {
  padding: 20px;
  text-align: center;
  color: var(--mobile-menu-text-muted);
}

.mobile-menu-widgets-loading::after {
  content: '⟳';
  display: inline-block;
  animation: spin 1s linear infinite;
  margin-left: 5px;
}

@keyframes spin {
  from { 
    transform: rotate(0deg); 
  }
  to { 
    transform: rotate(360deg); 
  }
}

/* ================================
   WIDGET VISIBILITY RULES - PRODUCTION IDs
   Updated for production server widget IDs
   ================================ */

/* For Whom widget (id=22) - show only on level 2 */
.mobile-menu-level:not([data-level="2"]) .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-22 {
  display: none !important;
}

/* Color widget (id=3) - show only on level 3 */
.mobile-menu-level:not([data-level="3"]) .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-3 {
  display: none !important;
}

/* Size & Packing widgets (id=4,5) - show only on level 4 */
.mobile-menu-level:not([data-level="4"]) .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-4,
.mobile-menu-level:not([data-level="4"]) .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-5 {
  display: none !important;
}

/* Occasion widgets (id=8,9,10) - show on their specific sub-levels */
.mobile-menu-level:not([data-level="6"]):not([data-level="7"]):not([data-level="8"]) .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-8,
.mobile-menu-level:not([data-level="6"]):not([data-level="7"]):not([data-level="8"]) .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-9,
.mobile-menu-level:not([data-level="6"]):not([data-level="7"]):not([data-level="8"]) .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-10 {
  display: none !important;
}

/* Hide Celebrations widget (id=8) on levels 7 and 8 */
.mobile-menu-level[data-level="7"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-8,
.mobile-menu-level[data-level="8"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-8 {
  display: none !important;
}

/* Hide Love & Emotions widget (id=9) on levels 6 and 8 */
.mobile-menu-level[data-level="6"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-9,
.mobile-menu-level[data-level="8"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-9 {
  display: none !important;
}

/* Hide Family & Relationships widget (id=10) on levels 6 and 7 */
.mobile-menu-level[data-level="6"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-10,
.mobile-menu-level[data-level="7"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-10 {
  display: none !important;
}

/* ================================
   FLOWERS WIDGETS VISIBILITY - PRODUCTION
   Level 9: Hide ALL flower widgets (like Bouquets/Occasion pattern)
   Sublevels: Show only specific widgets
   ================================ */

/* Level 9 (Flowers main): hide ALL flower widgets - show only navigation links */
.mobile-menu-level[data-level="9"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="9"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="9"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="9"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="9"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="9"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="9"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21 {
  display: none !important;
}

/* Level 10 (Roses sublevel): show only roses widget (id=11) */
.mobile-menu-level[data-level="10"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="10"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="10"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="10"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="10"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="10"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21 {
  display: none !important;
}

/* Level 11 (Exotic sublevel): show only exotic widget (id=12) */
.mobile-menu-level[data-level="11"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="11"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="11"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="11"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="11"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="11"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21 {
  display: none !important;
}

/* Level 12 (Seasonal sublevel): show only seasonal widgets (id=18,19,20,21) */
.mobile-menu-level[data-level="12"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="12"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="12"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17 {
  display: none !important;
}

/* Level 13 (Direct Roses): show only roses widget (id=17) */
.mobile-menu-level[data-level="13"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="13"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="13"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="13"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="13"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="13"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21 {
  display: none !important;
}

/* Hide all flower widgets on non-flower levels (levels 0-8) */
.mobile-menu-level[data-level="0"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="0"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="0"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="0"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="0"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="0"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="0"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21,
.mobile-menu-level[data-level="1"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="1"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="1"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="1"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="1"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="1"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="1"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21,
.mobile-menu-level[data-level="2"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="2"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="2"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="2"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="2"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="2"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="2"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21,
.mobile-menu-level[data-level="3"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="3"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="3"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="3"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="3"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="3"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="3"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21,
.mobile-menu-level[data-level="4"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="4"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="4"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="4"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="4"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="4"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="4"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21,
.mobile-menu-level[data-level="5"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="5"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="5"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="5"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="5"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="5"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="5"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21,
.mobile-menu-level[data-level="6"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="6"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="6"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="6"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="6"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="6"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="6"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21,
.mobile-menu-level[data-level="7"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="7"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="7"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="7"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="7"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="7"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="7"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21,
.mobile-menu-level[data-level="8"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-11,
.mobile-menu-level[data-level="8"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-12,
.mobile-menu-level[data-level="8"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-17,
.mobile-menu-level[data-level="8"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-18,
.mobile-menu-level[data-level="8"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-19,
.mobile-menu-level[data-level="8"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-20,
.mobile-menu-level[data-level="8"] .mobile-menu-widgets #mega-menu-item-wc_subcategories_widget-21 {
  display: none !important;
}

/* ================================
   HIDE EMPTY MENU ELEMENTS
   ================================ */

/* Hide empty links on terminal levels */
.mobile-menu-level[data-level="2"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="2"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]),
.mobile-menu-level[data-level="3"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="3"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]),
.mobile-menu-level[data-level="4"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="4"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]),
.mobile-menu-level[data-level="6"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="6"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]),
.mobile-menu-level[data-level="7"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="7"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]),
.mobile-menu-level[data-level="8"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="8"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]),
.mobile-menu-level[data-level="10"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="10"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]),
.mobile-menu-level[data-level="11"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="11"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]),
.mobile-menu-level[data-level="12"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="12"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]),
.mobile-menu-level[data-level="13"] .mobile-menu-items .mobile-menu-item a[href="#"]:empty,
.mobile-menu-level[data-level="13"] .mobile-menu-items .mobile-menu-item a[href="#"]:not([data-target-level]) {
  display: none !important;
}

/* Hide parent containers of empty links */
.mobile-menu-level[data-level="2"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="2"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])),
.mobile-menu-level[data-level="3"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="3"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])),
.mobile-menu-level[data-level="4"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="4"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])),
.mobile-menu-level[data-level="6"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="6"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])),
.mobile-menu-level[data-level="7"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="7"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])),
.mobile-menu-level[data-level="8"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="8"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])),
.mobile-menu-level[data-level="10"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="10"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])),
.mobile-menu-level[data-level="11"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="11"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])),
.mobile-menu-level[data-level="12"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="12"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])),
.mobile-menu-level[data-level="13"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:empty),
.mobile-menu-level[data-level="13"] .mobile-menu-items .mobile-menu-item:has(a[href="#"]:not([data-target-level])) {
  display: none !important;
}

/* ================================
   HIDE SOCIAL MEDIA LINKS
   ================================ */

.mobile-menu-items .mobile-menu-item a[href*="instagram.com"],
.mobile-menu-items .mobile-menu-item a[href*="facebook.com"],
.mobile-menu-items .mobile-menu-item a[href*="tiktok.com"],
.mobile-menu-items .mobile-menu-item a[href*="pinterest.com"],
.mobile-menu-items .mobile-menu-item a[href*="youtube.com"],
.mobile-menu-items .mobile-menu-item a[href*="twitter.com"],
.mobile-menu-items .mobile-menu-item a[href*="linkedin.com"] {
  display: none !important;
}

.mobile-menu-items .mobile-menu-item:has(a[href*="instagram.com"]),
.mobile-menu-items .mobile-menu-item:has(a[href*="facebook.com"]),
.mobile-menu-items .mobile-menu-item:has(a[href*="tiktok.com"]),
.mobile-menu-items .mobile-menu-item:has(a[href*="pinterest.com"]),
.mobile-menu-items .mobile-menu-item:has(a[href*="youtube.com"]),
.mobile-menu-items .mobile-menu-item:has(a[href*="twitter.com"]),
.mobile-menu-items .mobile-menu-item:has(a[href*="linkedin.com"]) {
  display: none !important;
}

/* ================================
   RESPONSIVE ADJUSTMENTS
   ================================ */

@media (max-width: 480px) {
  .mobile-drilldown-wrapper {
    width: 100vw;
    max-width: 100vw;
  }
  
  .mobile-menu-widgets .wc-subcategories-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ================================
   HIGH CONTRAST MODE SUPPORT
   ================================ */

@media (prefers-contrast: high) {
  :root {
    --mobile-menu-border-color: #000;
    --mobile-menu-bg-secondary: #e0e0e0;
  }
}

/* ================================
   REDUCED MOTION SUPPORT
   ================================ */

@media (prefers-reduced-motion: reduce) {
  .mobile-drilldown-container,
  .mobile-drilldown-wrapper,
  .mobile-menu-level,
  .mobile-menu-link,
  .mobile-menu-back,
  .mobile-menu-widgets .wc-subcategory-item img,
  .mobile-menu-widgets .wc-subcategory-item .category-color-indicator {
    transition: none;
  }
  
  .mobile-menu-widgets-loading::after {
    animation: none;
  }
}