/* Premium Fast Black Tiger - Luxury Automotive Theme Identity Styling */

:root {
    --fbt-bg-dark: #0a0a0a;
    --fbt-bg-card: #141414;
    --fbt-bg-input: #1f1f1f;
    --fbt-accent: #e5a93b; /* Premium Metallic Gold */
    --fbt-accent-rgb: 229, 169, 59;
    --fbt-accent-hover: #ffc254;
    --fbt-text-primary: #ffffff;
    --fbt-text-secondary: #a0a0a0;
    --fbt-border: #2d2d2d;
    --fbt-font-heading: 'Syne', sans-serif;
    --fbt-font-body: 'Outfit', sans-serif;
    --fbt-glow: 0 0 20px rgba(229, 169, 59, 0.35);
}

/* Global Typography & Scrollbar Overhaul */
body {
    background-color: var(--fbt-bg-dark) !important;
    color: var(--fbt-text-primary) !important;
    font-family: var(--fbt-font-body) !important;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--fbt-bg-dark);
}
::-webkit-scrollbar-thumb {
    background: var(--fbt-border);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--fbt-accent);
}

/* Selection Highlight */
::selection {
    background-color: rgba(var(--fbt-accent-rgb), 0.3);
    color: var(--fbt-text-primary);
}

/* Global Headings styling */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    font-family: var(--fbt-font-heading) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

/* Premium Glassmorphism and Carbon Texture Accents */
.fbt-carbon-card,
.elementor-widget-container,
.product {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* WooCommerce Button, Input and Badge Styling */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit,
.elementor-button {
    background: linear-gradient(135deg, #1f1f1f 0%, #111111 100%) !important;
    color: var(--fbt-text-primary) !important;
    border: 1px solid var(--fbt-border) !important;
    font-family: var(--fbt-font-body) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 14px 28px !important;
    border-radius: 4px !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
    transition: all 0.3s ease !important;
}

.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#submit:hover,
.elementor-button:hover {
    border-color: var(--fbt-accent) !important;
    box-shadow: var(--fbt-glow) !important;
    color: var(--fbt-text-primary) !important;
    transform: translateY(-2px);
}

/* Alt / Accent Buttons (like Checkout/Add to Cart) */
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce-tabs ul.tabs li.active a {
    background: linear-gradient(135deg, var(--fbt-accent) 0%, #b87d1e 100%) !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: var(--fbt-glow) !important;
}

.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background: linear-gradient(135deg, var(--fbt-accent-hover) 0%, var(--fbt-accent) 100%) !important;
    color: #000000 !important;
    box-shadow: 0 0 30px rgba(var(--fbt-accent-rgb), 0.6) !important;
}

/* Badge styling for luxury "Sale" items */
.woocommerce span.onsale {
    background: linear-gradient(135deg, var(--fbt-accent) 0%, #b87d1e 100%) !important;
    color: #000000 !important;
    font-family: var(--fbt-font-heading) !important;
    font-weight: 800 !important;
    border-radius: 2px !important;
    box-shadow: var(--fbt-glow) !important;
}

/* Global Form Elements */
input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, select {
    background-color: var(--fbt-bg-input) !important;
    color: var(--fbt-text-primary) !important;
    border: 1px solid var(--fbt-border) !important;
    border-radius: 4px !important;
    padding: 12px 16px !important;
    transition: all 0.3s ease !important;
    font-family: var(--fbt-font-body) !important;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    border-color: var(--fbt-accent) !important;
    outline: none !important;
    box-shadow: 0 0 10px rgba(var(--fbt-accent-rgb), 0.2) !important;
}

/* Subtle Carbon Fiber Pattern for Background Accents (optional use with class .fbt-carbon) */
.fbt-carbon {
    background-color: #111111;
    background-image: linear-gradient(45deg, #161616 25%, transparent 25%, transparent 75%, #161616 75%, #161616), 
                      linear-gradient(45deg, #161616 25%, transparent 25%, transparent 75%, #161616 75%, #161616);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
}