/**
 * Platty Menu Widget - Main Stylesheet
 * Modular CSS Architecture with BEM methodology
 *
 * @package Platty Elementor Addons
 * @version 2.0.0
 */

/* ===================================
   BASE - Foundation & Variables
   =================================== */
@import url('menu/base/variables.css');
@import url('menu/base/layout.css');

/* ===================================
   COMPONENTS - BEM Modules
   =================================== */
@import url('menu/components/logo.css');
@import url('menu/components/navigation.css');
@import url('menu/components/buttons.css');
@import url('menu/components/megamenu.css');
@import url('menu/components/mobile-menu.css');
@import url('menu/components/mobile-megamenu.css');

/* ===================================
   RESPONSIVE - Media Queries
   =================================== */
@import url('menu/responsive/desktop.css');
@import url('menu/responsive/tablet.css');
@import url('menu/responsive/mobile.css');

/* ===================================
   ACCESSIBILITY
   =================================== */

/* High contrast mode support */
@media (prefers-contrast: high) {
    .platty-megamenu-card {
        border: 1px solid #333;
    }

    .platty-menu-item::after {
        height: 4px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .platty-menu-item,
    .platty-menu-button,
    .platty-megamenu-card,
    .platty-megamenu-dropdown,
    .platty-megamenu-right-content,
    .platty-megamenu-card-icon img {
        transition: none;
        animation: none;
    }
}

/* ===================================
   PRINT STYLES
   =================================== */
@media print {
    .platty-megamenu-dropdown {
        display: none;
    }

    .platty-menu-buttons {
        display: none;
    }
}