/* ========================================
   MKA STYLES - MAIN IMPORT FILE
   ======================================== */


/* 
 * This file imports all MKA CSS components in the correct order
 * to ensure proper cascading and dependency resolution
 * 
 * Generated: [date]
 * Version: 1.0
 */

/* ========================================
   1. BASE - Foundation styles (no dependencies)
   ======================================== */

/* Font definitions */
@import url('base/fonts.css');

/* CSS custom properties (variables) */
@import url('base/variables.css');

/* ========================================
   2. LAYOUT - Page structure (depends on base)
   ======================================== */

/* Topbar components */
@import url('layout/topbar/topbar-base.css');
@import url('layout/topbar/topbar-responsive.css');

/* Header components */
@import url('layout/header/header-cart.css');

/* Navigation components */
@import url('layout/navigation/nav-main.css');
@import url('layout/navigation/nav-megamenu.css');

/* Footer components */
@import url('layout/footer/new-footer.css');

/* ========================================
   3. COMPONENTS - UI elements (depends on base and layout)
   ======================================== */

/* Hero slider component */
@import url('components/hero-slider.css');

/* Mobile menu components */
@import url('components/hamburger-menu.css');
@import url('components/mobile-menu.css');

/* Cart modal component */
@import url('components/cart-modal.css');

/* ========================================
   4. UTILITIES - Overrides and helpers (loaded last)
   ======================================== */

/* Accessibility utilities */
@import url('utilities/accessibility.css');

/* Visibility and display utilities */
@import url('utilities/visibility.css');

/* ========================================
   END OF IMPORTS
   ======================================== */