/* =====================================================================
   cad_theme.css - Orange Theme Override for corsicad.ditacademy.it
   ===================================================================== */

:root {
    /* Base theme variables (override stili.css) */
    --blu-notte: #2D1A0D;        /* Deep warm dark brown */
    --grigio-acciaio: #8F583B;   /* Muted copper / warm clay */
    --blu-ghiaccio: #D99166;     /* Soft warm terracotta / peach */
    --bianco-sporco: #F7EDE2;    /* Warm beige / cream background */
    --white: #ffffff;

    /* Lead landing page variables (override lead_landing.css) */
    --lead-primary: #D45B00;     /* Deep Orange */
    --lead-accent: #E88C0C;      /* Amber / Golden Yellow */
    --lead-cta: #FF6B00;         /* CTA Button - Bright Orange */
    --lead-cta-hover: #D45200;   /* CTA Hover - Darker Orange */
    --lead-dark: #2D1A0D;        /* Deep dark brown */
    --lead-light: #FAF5F0;       /* Soft cream background */
}

/* Adjustments for specific elements to match orange theme */

.lead-hero, .lead-final-cta {
    background: linear-gradient(135deg, var(--lead-dark) 0%, var(--lead-primary) 60%, #FF8C42 100%) !important;
}

.btn-lead-info {
    background-color: var(--lead-accent) !important;
    color: var(--lead-dark) !important;
}

.btn-lead-info:hover {
    background-color: #FFB703 !important;
    color: var(--lead-dark) !important;
}

.back-to-top-btn {
    background-color: var(--lead-primary) !important;
}

.pre-header {
    background-color: var(--grigio-acciaio) !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
    color: var(--lead-primary) !important;
}

.btn-cta, .hero-cta {
    background-color: var(--lead-accent) !important;
    color: var(--lead-dark) !important;
    border-color: var(--lead-accent) !important;
}

.btn-cta:hover, .hero-cta:hover {
    background-color: #FFB703 !important;
    border-color: #FFB703 !important;
    color: var(--lead-dark) !important;
}

/* Trust Bar */
.lead-trust-bar {
    background-color: #FAF5F0 !important;
    border-bottom: 1px solid #EAD8C3 !important;
}

/* Badges and tags */
.lead-hero__badge {
    background: var(--lead-accent) !important;
    color: var(--lead-dark) !important;
}

.lead-program__day-title {
    color: var(--lead-primary) !important;
}

.lead-program__session-time {
    background: #FFEAD2 !important;
    color: var(--lead-primary) !important;
}

.lead-docente__badge {
    background-color: #FFEAD2 !important;
    color: var(--lead-primary) !important;
}

.contact-form button[type="submit"] {
    background-color: var(--lead-primary) !important;
}

.contact-form button[type="submit"]:hover {
    background-color: var(--lead-cta-hover) !important;
}

.lead-faq__question::after {
    color: var(--lead-primary) !important;
}

.lead-faq__item--active .lead-faq__question {
    color: var(--lead-primary) !important;
}

/* CAD Hero & Course Detail Video Presentation */
.hero-video-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.hero-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.lead-hero__video-wrapper {
    width: 100%;
    max-width: 480px;
    border-radius: var(--lead-radius, 12px);
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    aspect-ratio: 16 / 9;
    background: #000;
    position: relative;
    border: 3px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 768px) {
    .lead-hero__video-wrapper {
        width: 45%;
        max-width: 480px;
    }
}

.lead-hero__video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* CAD Hero Section custom styling */
.cad-hero-section::after {
    display: none !important; /* Disable stili.css .hero-section::after which was blocking clicks with z-index: 2 */
}

.cad-hero-section {
    position: relative;
    z-index: 1;
}

.cad-hero-section .hero-content {
    position: relative;
    z-index: 10 !important;
}

.cad-hero-section .btn-cta,
.cad-hero-section .btn-outline-light {
    position: relative;
    z-index: 20 !important;
    pointer-events: auto !important;
}