/*
Theme Name: Move Motorbikes Custom
Theme URI: https://movemotorbikes.co.uk
Author: Luke Davis
Description: Professional Cyber-Industrial theme for elite motorcycle logistics. 16 years of expertise, Derbyshire based. £50,000 specialist insurance.
Version: 1.2
Text Domain: move-motorbikes
*/

/**
 * CORE BRAND IDENTITY - FORCE OVERRIDE
 * High-performance foundation for movemotorbikes.co.uk
 */

:root {
    --cyan: #00f2ff;
    --deep: #050505;
    --surface: #0f1012;
    --grid: rgba(0, 242, 255, 0.08);
}

/* 1. FORCE RESET - To prevent WP default theme interference */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100% !important;
    overflow-x: hidden !important;
    background-color: var(--deep) !important;
}

body {
    background-color: var(--deep) !important;
    color: #ffffff !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1.6;
    /* Force the Grid Pattern */
    background-image: 
        linear-gradient(var(--grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
    background-attachment: fixed !important;
}

/* 2. TYPOGRAPHY ENFORCEMENT */
h1, h2, h3, h4, h5, h6, .heading-font { 
    font-family: 'Syncopate', sans-serif !important; 
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
}

.big-title {
    font-size: clamp(2.5rem, 10vw, 9rem) !important;
    line-height: 0.85 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    margin-bottom: 1rem;
}

.text-stroke-cyan {
    color: transparent !important;
    -webkit-text-stroke: 1.5px var(--cyan) !important;
}

code, pre, .mono-font { 
    font-family: 'JetBrains Mono', monospace !important; 
}

/* 3. WORDPRESS SPECIFIC FIXES */
#wpadminbar {
    opacity: 0.9;
    background: var(--surface) !important;
}

/* Fix for the fixed nav being pushed by the admin bar */
.admin-bar nav#main-nav {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar nav#main-nav {
        top: 46px !important;
    }
}

/* 4. COMPONENT STYLING */
.carbon-card {
    background: linear-gradient(145deg, #121212, #080808) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.carbon-card:hover {
    border-color: var(--cyan) !important;
    box-shadow: 0 15px 45px -10px rgba(0, 242, 255, 0.2) !important;
    transform: translateY(-5px);
}

.cyan-glow {
    box-shadow: 0 0 40px rgba(0, 242, 255, 0.25) !important;
}

/* 5. SKEW EFFECTS */
.skew-box {
    transform: skewX(-10deg) !important;
    display: inline-block;
}

.un-skew {
    transform: skewX(10deg) !important;
    display: block;
}

/* 6. ANIMATIONS */
@keyframes scan {
    0% { bottom: 100%; }
    100% { bottom: -100px; }
}

.scanline {
    width: 100%;
    height: 120px;
    z-index: 5;
    background: linear-gradient(0deg, rgba(0, 242, 255, 0) 0%, rgba(0, 242, 255, 0.15) 50%, rgba(0, 242, 255, 0) 100%);
    opacity: 0.1;
    position: absolute;
    bottom: 100%;
    animation: scan 5s linear infinite;
    pointer-events: none;
}

/* 7. SCROLLBAR */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--deep);
}
::-webkit-scrollbar-thumb {
    background: #1a1a1a;
    border: 2px solid var(--deep);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--cyan);
}

/* 8. RESPONSIVE FORCING */
@media (max-width: 1024px) {
    .big-title {
        font-size: clamp(2.5rem, 12vw, 6rem) !important;
    }
}

@media (max-width: 640px) {
    body {
        background-size: 30px 30px !important;
    }
    .big-title {
        font-size: clamp(2.2rem, 14vw, 4rem) !important;
    }
}