/* ==========================================================
   SCHEDULE INSPECTION PAGE REDESIGN
   Scoped under .oxy-redesign (loaded alongside about-redesign.css)
========================================================== */

.legacy-schedule-page{display:none!important}

.oxy-redesign .oxy-hero--schedule{background:linear-gradient(160deg,rgba(43,36,34,.86),rgba(43,36,34,.72)),url('../images/backgrounds/Industrial Ventilation.jpeg') center/cover}

.oxy-redesign .oxy-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:8px;
}

.oxy-redesign .oxy-btn--emergency{
    background:#fff;
    color:var(--oxy-brand-dark);
}

.oxy-redesign .oxy-btn--emergency:hover{
    background:#f2e7e3;
    transform:translateY(-2px);
}

.oxy-redesign .oxy-btn--whatsapp{
    background:#25D366;
    color:#fff;
}

.oxy-redesign .oxy-btn--whatsapp:hover{
    background:#1ebe5b;
    transform:translateY(-2px);
}

.oxy-redesign .oxy-cta-modern .oxy-cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:24px;
}

.oxy-redesign .oxy-cta-modern .oxy-cta-actions .oxy-btn{
    margin-top:0;
}

@media(max-width:767px){
    .oxy-redesign .oxy-hero-actions{
        flex-direction:column;
    }
    .oxy-redesign .oxy-hero-actions .oxy-btn{
        width:100%;
    }
}

/* ---------- "What Happens During The Visit" — light theme
   (scoped to this page only via the schedule hero sibling,
   about.html / emergency-support.html keep the dark version) ---------- */
.oxy-hero--schedule + .oxy-process{
    background:var(--oxy-wash);
    color:var(--oxy-ink);
}
.oxy-hero--schedule + .oxy-process .oxy-kicker{
    color:var(--oxy-brand);
}
.oxy-hero--schedule + .oxy-process .oxy-heading{
    color:var(--oxy-ink);
}
.oxy-hero--schedule + .oxy-process .oxy-step{
    border-top:1px solid var(--oxy-line);
}
.oxy-hero--schedule + .oxy-process .oxy-step__icon{
    background:#f2e7e3;
    color:var(--oxy-brand);
}
.oxy-hero--schedule + .oxy-process .oxy-step:hover .oxy-step__icon{
    background:var(--oxy-brand);
    color:#fff;
}
.oxy-hero--schedule + .oxy-process .oxy-step span{
    color:var(--oxy-brand);
}
.oxy-hero--schedule + .oxy-process .oxy-step h3{
    color:var(--oxy-ink);
}
.oxy-hero--schedule + .oxy-process .oxy-step p{
    color:var(--oxy-muted);
}