/* ==============================================
   Examio Custom Styles
   ============================================== */

/* ---- Hero: force white text ---- */
.examio-hero h1,
.examio-hero h2 {
    color: #fff !important;
}
.examio-hero p {
    color: rgba(255, 255, 255, 0.88) !important;
}

/* ---- Full-width breakout from theme container ---- */
.examio-hero,
.examio-cta-bar,
.examio-stats {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: relative;
}

/* ---- Hero: richer background ---- */
.examio-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);
    padding: 100px 20px;
}
.examio-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 60% 50%, rgba(232, 119, 34, 0.18) 0%, transparent 70%);
    pointer-events: none;
}
.examio-hero > .container,
.examio-hero > div {
    position: relative;
    z-index: 1;
}

/* ---- CTA bar: full-width orange gradient ---- */
.examio-cta-bar {
    background: linear-gradient(90deg, #e87722 0%, #f5a623 100%);
}
.examio-cta-bar h2,
.examio-cta-bar p {
    color: #fff !important;
}
/* Plain links inside CTA bar get white */
.examio-cta-bar a:not(.examio-btn) {
    color: #fff !important;
}
/* Browse Courses — white background, orange text */
.examio-cta-bar .examio-btn-primary {
    background: #fff !important;
    color: #e87722 !important;
    border: 2px solid #fff !important;
}
/* Create Free Account — transparent, white border + text */
.examio-cta-bar .examio-btn-white {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}

/* ---- Stats bar ---- */
.examio-stats {
    background: #f8f9fa;
}