/* Global Redesign Styles */
:root {
    --vp-primary: #FE0000;
    --vp-secondary: #1D1E22;
    --vp-accent: #26A65D;
    --vp-glass: rgba(255, 255, 255, 0.8);
}

/* Fix for smooth reveal */
.vp-shared-header, 
.vp-shared-footer, 
.vp-shared-hero {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.8s ease-in-out !important;
}

/* Ensure navbar text is visible against dynamic backgrounds */
.vp-shared-header .nav-link {
    color: #333 !important;
    font-weight: 500;
    transition: color 0.3s ease;
}

.vp-shared-header .nav-link:hover {
    color: var(--vp-primary) !important;
}

/* Layout width fixes - prevent Tailwind container conflict */
.container {
    width: 100% !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px !important;
    }
}

/* Hero section refinement */
.vp-shared-hero {
    padding: 120px 0 !important;
    background-size: cover;
    background-position: center;
    position: relative;
    color: white;
}

.vp-shared-hero .display-4 {
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}