/* ==========================================================================
   FAQ Hub Nav Strip
   Extends: service-nav-strip.css (base classes)
   Used on: Pages/FAQ/Index.cshtml and all FAQ sub-pages
   ========================================================================== */

.faq-nav-circle--gold   { background: var(--gold); }
.faq-nav-circle--blue   { background: var(--electric-blue); }
.faq-nav-circle--purple { background: var(--electric-purple); }

.faq-nav-title--hypnosis {
    color: var(--gold-dark);
    -webkit-text-fill-color: var(--gold-dark);
}

.faq-nav-title--entertainment {
    background: linear-gradient(135deg, #0a0a0a 0%, var(--electric-blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}

.faq-nav-title--speaking {
    background: linear-gradient(135deg, var(--electric-purple) 0%, var(--electric-blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}

.faq-nav-title--fundraising {
    background: linear-gradient(135deg, var(--gold-dark) 0%, var(--electric-purple) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}

.faq-nav-title--training {
    color: var(--electric-purple);
    -webkit-text-fill-color: var(--electric-purple);
}

.faq-nav-title--corporate {
    background: linear-gradient(135deg, var(--electric-blue) 0%, var(--gold-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}