/* =========================================================
   Services Page — Page Styles
   File: /assets/css/services.css
   Project: Precision Books Inc
========================================================= */

/* =========================
   1) HERO: force exact homepage overlay feel
========================= */

.pb-services-hero .pb-hero__overlay {
    /* Match your homepage hero overlay (same palette & stops) */
    background:
        linear-gradient(90deg,
            rgba(14, 38, 34, 0.96) 0%,
            rgba(14, 38, 34, 0.88) 45%,
            rgba(14, 38, 34, 0.55) 75%,
            rgba(14, 38, 34, 0.25) 100%);
}

/* Optional: slightly stronger contrast for Services image */
.pb-services-hero .pb-hero__img {
    filter: saturate(0.95) contrast(1.05);
}

/* =========================
   2) Alternation helpers (optional)
========================= */
.pb-section--light {
    background: #F6F4EF;
}

.pb-section--dark {
    background: #0E1514;
    color: rgba(255, 255, 255, .86);
}

/* =========================
   3) FAQ DARK variant (keeps alternation)
========================= */

.pb-faq--dark {
    background:
        radial-gradient(900px 600px at 20% 10%, rgba(197, 160, 33, .18), rgba(0, 0, 0, 0)),
        radial-gradient(900px 600px at 80% 80%, rgba(255, 255, 255, .06), rgba(0, 0, 0, 0)),
        linear-gradient(180deg, #0E1514 0%, #0A1110 100%);
    color: rgba(255, 255, 255, .86);
}

.pb-faq--dark .pb-h2,
.pb-faq--dark .pb-kicker {
    color: #fff;
}

.pb-faq--dark .pb-lead {
    color: rgba(255, 255, 255, .72);
}

.pb-faq--dark .pb-faq__item {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .22);
}

.pb-faq--dark .pb-faq__q {
    color: rgba(255, 255, 255, .92);
}

.pb-faq--dark .pb-faq__a {
    color: rgba(255, 255, 255, .72);
}

.pb-faq--dark .pb-faq__chev {
    border-right-color: rgba(255, 255, 255, .55);
    border-bottom-color: rgba(255, 255, 255, .55);
}

.pb-faq--dark .pb-faq__badge {
    color: #101418;
    background: rgba(197, 160, 33, .85);
    border-color: rgba(197, 160, 33, .55);
}

/* Make outline button readable on dark */
.pb-faq--dark .pb-btn-outline {
    border-color: rgba(255, 255, 255, .35);
    color: #fff !important;
}

.pb-faq__cta .pb-btn-outline {
    color: #262717 !important;
}

/* =========================
   4) Final CTA — LIGHT variant (for alternation)
========================= */

.pb-finalcta--light {
    background: #F6F4EF;
    color: rgba(18, 18, 18, .82);
    position: relative;
    overflow: hidden;
}

.pb-finalcta--light .pb-finalcta__bg img {
    opacity: .10;
    filter: saturate(.9) contrast(1.05);
}

.pb-finalcta--light .pb-finalcta__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(197, 160, 33, .22), transparent 55%),
        radial-gradient(circle at 75% 40%, rgba(18, 18, 18, .10), transparent 60%),
        linear-gradient(180deg, rgba(246, 244, 239, .88), rgba(246, 244, 239, .96));
}

.pb-finalcta--light .pb-finalcta__title {
    color: #121212;
}

.pb-finalcta--light .pb-finalcta__lead {
    color: rgba(18, 18, 18, .70);
}

.pb-finalcta--light .pb-finalcta__card {
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(18, 18, 18, .10);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .10);
    backdrop-filter: blur(10px);
}

.pb-finalcta--light .pb-finalcta__steps li {
    background: rgba(18, 18, 18, .04);
    border: 1px solid rgba(18, 18, 18, .08);
    color: rgba(18, 18, 18, .78);
}

.pb-finalcta--light .pb-finalcta__num {
    background: rgba(197, 160, 33, .14);
    border: 1px solid rgba(197, 160, 33, .26);
    color: rgba(18, 18, 18, .86);
}

.pb-finalcta--light .pb-btn-outline {
    background: #ffffff;
    color: var(--pb-accent) !important;
    border: 1px solid rgba(197, 160, 33, .55);
}