/*
Theme Name: 24H Pneus
Theme URI: https://24hpneus.ma
Author: 24H Pneus
Author URI: https://24hpneus.ma
Description: Theme WordPress professionnel pour 24H Pneus - Vente de pneus au Maroc. Pneus voiture, moto, 4x4, utilitaire. Livraison 24h.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 24hpneus
Tags: e-commerce, woocommerce, tyre-shop, responsive, custom-menu, custom-logo, featured-images, translation-ready

24H Pneus - Votre specialiste pneus au Maroc
Vente de pneus pour voiture, moto, 4x4, utilitaire
Service 24h/24 - Livraison rapide dans tout le Maroc

CSS files are now properly enqueued via functions.php to avoid render-blocking @import chains.
This file contains only theme overrides and customizations.
*/

/* Theme-specific overrides */
:root {
    --primary-color: #e63946;
    --primary-hover: #b82d39;
    --secondary-color: #1d3557;
    --text-color: #333;
    --text-muted: #666;
    --bg-light: #f8f9fa;
    --border-color: #e5e5e5;
    --success-color: #2a9d8f;
    --warning-color: #f4a261;
}

/* Performance: Reduce paint area */
* {
    box-sizing: border-box;
}

/* Font smoothing */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Reduce CLS for images */
img {
    max-width: 100%;
    height: auto;
}

/* Skeleton loading for images */
img[loading="lazy"] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}