/*
Theme Name: EuroTeile Pro Europe OEM
Theme URI: https://www.euroteile-pro.eu/wp-theme
Author: EuroTeile Pro Engineering GmbH (Stuttgart, DE)
Author URI: https://www.euroteile-pro.eu
Description: Professional European OEM & Performance Auto Parts WordPress & WooCommerce Theme. Features a 7-section conversion architecture, Red & White CSS gradient design system (#DC2626 / #991B1B / #FFFFFF), KBA (HSN/TSN) & 17-digit VIN fitment filtering, OE cross-reference matrix, B2B VIES 0% VAT calculator, and Schema.org AutoPartsStore + FAQPage JSON-LD SEO.
Version: 2.4.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
WC requires at least: 8.8
WC tested up to: 9.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: euroteile-pro
Tags: e-commerce, woocommerce, automotive, auto-parts, red, white, custom-colors, full-site-editing, block-patterns, seo-ready
*/

    /* Custom Red & White Gradient Utilities & Design System Tokens */
    :root {
      --red-primary: #DC2626;
      --red-deep: #991B1B;
      --red-dark: #7F1D1D;
      --white-pure: #FFFFFF;
      --white-soft: #FFF5F5;
    }

    .bg-red-gradient {
      background: linear-gradient(135deg, #DC2626 0%, #B91C1C 55%, #7F1D1D 100%);
    }

    .bg-red-gradient-vivid {
      background: linear-gradient(90deg, #EF4444 0%, #DC2626 50%, #991B1B 100%);
    }

    .bg-white-red-tint {
      background: linear-gradient(180deg, #FFFFFF 0%, #FFF5F5 60%, #FFFFFF 100%);
    }

    .bg-card-red-glow {
      background: radial-gradient(circle at top right, rgba(220, 38, 38, 0.08), transparent 65%), #FFFFFF;
    }

    .text-red-gradient {
      background: linear-gradient(135deg, #DC2626 0%, #7F1D1D 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .border-red-gradient {
      border-image: linear-gradient(135deg, #DC2626, #FECDD3) 1;
    }

    .hero-mesh-bg {
      background:
        radial-gradient(circle at 85% 20%, rgba(220, 38, 38, 0.14) 0%, transparent 45%),
        radial-gradient(circle at 12% 80%, rgba(185, 28, 28, 0.10) 0%, transparent 40%),
        linear-gradient(180deg, #FFFFFF 0%, #FFF8F8 100%);
    }

    /* Smooth custom scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #FFF1F2;
    }
    ::-webkit-scrollbar-thumb {
      background: #DC2626;
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #991B1B;
    }