/*
Theme Name: Zaviyah
Theme URI: https://zaviyah-theme.com
Author: Zaviyah Premium Themes
Author URI: https://zaviyah-theme.com/author
Description: Zaviyah is a premium, minimal, ultra-modern WordPress WooCommerce theme designed specifically for automotive e-commerce. Built from the ground up for speed, SEO, and deep integration with Elementor (Free and Pro), it features clean typography, generous whitespace, a robust vehicle compatibility filter, sticky header, mega menus, Ajax search, and native WordPress customizer options.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zaviyah
Tags: e-commerce, custom-colors, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, left-sidebar, right-sidebar, theme-options, translation-ready, block-styles

Zaviyah is designed with an elegant dark/light aesthetic (Deep Red #D90429 accent, rich charcoals, and crisp white canvases). Perfect for high-end auto accessories, performance parts, and riding gear stores worldwide.
*/

/* Reset & CSS Custom Properties */
:root {
    --zaviyah-primary: #000000;
    --zaviyah-secondary: #ffffff;
    --zaviyah-accent: #D90429;
    --zaviyah-accent-hover: #B30322;
    --zaviyah-background: #ffffff;
    --zaviyah-section-bg: #F8F8F8;
    --zaviyah-text: #222222;
    --zaviyah-text-muted: #666666;
    --zaviyah-border: #E5E5E5;
    --zaviyah-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body {
    font-family: var(--zaviyah-font-sans);
    color: var(--zaviyah-text);
    background-color: var(--zaviyah-background);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Core sizing fallbacks to prevent giant SVGs and unstyled flashes before Tailwind compile */
svg {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
svg.w-3 { width: 0.75rem !important; height: 0.75rem !important; }
svg.w-4 { width: 1rem !important; height: 1rem !important; }
svg.w-5 { width: 1.25rem !important; height: 1.25rem !important; }
svg.w-6 { width: 1.5rem !important; height: 1.5rem !important; }
svg.w-8 { width: 2rem !important; height: 2rem !important; }
svg.w-12 { width: 3rem !important; height: 3rem !important; }
svg.w-14 { width: 3.5rem !important; height: 3.5rem !important; }

/* Handle WooCommerce blockUI loading overlays elegantly */
.blockUI.blockOverlay {
    background-color: rgba(255, 255, 255, 0.7) !important;
}
.blockUI.blockMsg.blockElement {
    border: none !important;
    background: transparent !important;
}
.blockUI.blockMsg.blockElement::before {
    content: "" !important;
    display: block;
    width: 2rem;
    height: 2rem;
    border: 3px solid #E5E5E5;
    border-top-color: var(--zaviyah-accent, #D90429);
    border-radius: 50%;
    animation: zaviyah-spin 0.8s linear infinite;
    margin: 0 auto;
}
@keyframes zaviyah-spin {
    to { transform: rotate(360deg); }
}

/* Customizer & Enqueued Styles will be dynamically injected here */
.zaviyah-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}