/**
 * Main Stylesheet
 * 
 * Imports all partial CSS files in correct order.
 * This is the compiled output file loaded by the theme.
 *
 * @package Digidaad_Theme
 * @since 1.0.0
 */

/* ============================================
 * 1. BASE
 * Variables must be first
 * ============================================ */
@import "base/_variables.css";
@import "base/_reset.css";
@import "base/_typography.css";
@import "base/_utilities.css";

/* ============================================
 * 2. LAYOUT
 * Structural elements
 * ============================================ */
@import "layout/_grid.css";
/* @import "layout/_header.css"; */
/* @import "layout/_footer.css"; */
/* @import "layout/_navigation.css"; */

/* ============================================
 * 3. COMPONENTS
 * Reusable UI components
 * ============================================ */
@import "components/_buttons.css";
@import "components/_forms.css";
/* @import "components/_cards.css"; */
/* @import "components/_badges.css"; */
/* @import "components/_alerts.css"; */
/* @import "components/_modals.css"; */
/* @import "components/_breadcrumbs.css"; */
/* @import "components/_pagination.css"; */
/* @import "components/_tabs.css"; */
/* @import "components/_accordions.css"; */
/* @import "components/_ratings.css"; */
/* @import "components/_trust-badges.css"; */

/* ============================================
 * 4. WOOCOMMERCE
 * Shop-specific styles
 * ============================================ */
/* @import "woocommerce/_product-grid.css"; */
/* @import "woocommerce/_product-single.css"; */
/* @import "woocommerce/_mini-cart.css"; */
/* @import "woocommerce/_cart-page.css"; */
/* @import "woocommerce/_checkout-page.css"; */
/* @import "woocommerce/_my-account.css"; */

/* ============================================
 * 5. PAGES
 * Page-specific styles (loaded conditionally)
 * ============================================ */
/* These are enqueued separately per page for performance */
/* See: inc/enqueue.php */

/* ============================================
 * 6. PRINT
 * Print-specific styles
 * ============================================ */
@media print {
    .site-header,
    .site-footer,
    .breadcrumbs,
    .btn,
    .mini-cart {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.4;
    }
    
    a {
        text-decoration: underline;
    }
    
    a[href]::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
    }
}