/* 
 * ABU DHABI CAR RECOVERY SERVICE - OVERRIDE CUSTOM STYLESHEET
 * 
 * Provides additional hand-crafted effects, glow filters, warning stribes,
 * scrollbars, and customized animations to fit the luxury Germanexperts-inspired design.
 */

/* 1. SEAMLESS SCROLLBAR OVERRIDES */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0B0B0B;
}
::-webkit-scrollbar-thumb {
    background: #232323;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #FFCC00;
}

/* 2. WARNING DIAGONAL STRIPES PATTERN BACKGROUND */
.warning-stripes {
    background: repeating-linear-gradient(
        -45deg,
        #FFCC00,
        #FFCC00 15px,
        #111111 15px,
        #111111 30px
    );
}

/* 3. PREMIUM SIREN GLow EFFECTS and NEON ASSISTS */
.warning-glow-hover {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.warning-glow-hover:hover {
    box-shadow: 0 0 25px rgba(255, 204, 0, 0.4);
    border-color: #FFCC00;
}

.emergency-glow-hover {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.emergency-glow-hover:hover {
    box-shadow: 0 0 30px rgba(211, 47, 47, 0.45);
    border-color: #D32F2F;
}

/* 4. CUSTOM POLISHED INPUT STYLING OVERRIDES (Focus Glow) */
input:focus, select:focus {
    box-shadow: 0 0 15px rgba(255, 204, 0, 0.15);
    transform: translateY(-0.5px);
}

/* 5. RETRO WIREFRAME DOT GEOMETRY PATTERN */
.grid-bg-overlay {
    background-image: radial-gradient(rgba(255, 204, 0, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
}

/* 6. WHATSAPP FLOATING BADGE SIREN STROBE PULSATOR */
@keyframes double-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6), 0 0 0 0 rgba(37, 211, 102, 0.4);
    }
    40% {
        box-shadow: 0 0 0 12px rgba(37, 211, 102, 0), 0 0 0 18px rgba(37, 211, 102, 0.3);
    }
    80% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), 0 0 0 24px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

#whatsapp-btn {
    animation: double-pulse 2.2s infinite;
}

/* 7. RECOVERY FLASHING SIREN DOT (Emergency top bar) */
@keyframes strobe-warning {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.9);
        background-color: #FFCC00;
    }
}
.siren-dot-glow {
    animation: strobe-warning 0.9s infinite ease-in-out;
}

/* 8. GLASSMORPHIC BLURRED ELEMENT DECORATORS */
.glass-panel {
    background: rgba(20, 20, 20, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.04);
}