/* ============================================================
   PAIN & HEALTH CLINIC — brand-colors.css
   Color system only — no layout, no structure

   ============================================================
   THEME OPTIONS — uncomment one block at a time:

   THEME A — Classic Dark: Charcoal + Red
   THEME B — Forest Green: Deep green + Coral red
   THEME C — Warm Gold: Deep amber + Red
   THEME D — Brand Match: Deep green dark + Red + True Yellow
             STATUS: ACTIVE
   ============================================================ */

/* ============================================================
   SHARED — fonts, transitions, shadows (never change)
============================================================ */
:root {
    --phc-font-body: "Sora", sans-serif;
    --phc-font-heading: "Marcellus", serif;

    --phc-transition: all 0.4s ease-in-out;
    --phc-transition-fast: all 0.25s ease-in-out;

    --phc-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.06);
    --phc-shadow-md: 0 10px 32px rgba(0, 0, 0, 0.1);
    --phc-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.14);
}

/* ============================================================
   THEME A — Classic Dark
   STATUS: INACTIVE
============================================================ */
/* :root {
    --phc-red:          #da3832;
    --phc-red-dark:     #b72b26;
    --phc-red-light:    #f0625c;

    --phc-green:        #397f50;
    --phc-green-dark:   #2c6640;
    --phc-green-light:  #5aa872;

    --phc-yellow:       #fcf14a;
    --phc-yellow-dark:  #e6da1f;
    --phc-yellow-light: #fdf687;

    --phc-dark:         #1a1a1a;
    --phc-dark-soft:    #242424;
    --phc-dark-muted:   #2e2e2e;

    --phc-light:        #f4f4f2;
    --phc-light-mid:    #ebebea;

    --phc-white:        #ffffff;
    --phc-text:         #5a5a5a;
    --phc-text-muted:   #888888;

    --phc-btn-outer-bg:         var(--phc-light);
    --phc-btn-inner-bg:         var(--phc-red);
    --phc-btn-inner-text:       var(--phc-white);
    --phc-btn-sweep-bg:         var(--phc-dark);
    --phc-btn-sweep-text:       var(--phc-white);

    --phc-btn-alt-outer-bg:     var(--phc-dark);
    --phc-btn-alt-inner-bg:     var(--phc-light);
    --phc-btn-alt-inner-text:   var(--phc-dark);
    --phc-btn-alt-sweep-bg:     var(--phc-red);
    --phc-btn-alt-sweep-text:   var(--phc-white);

    --phc-hero-glow:            rgba(218, 56, 50, 0.14);
    --phc-cta-glow:             rgba(218, 56, 50, 0.10);
    --phc-dark-overlay-1:       rgba(0, 0, 0, 0.75);
    --phc-dark-overlay-2:       rgba(0, 0, 0, 0.45);
    --phc-dark-overlay-3:       rgba(0, 0, 0, 0.65);

    
    --phc-photo-overlay-dark:         rgba(0, 0, 0, 0.80);
    --phc-photo-overlay-mid:          rgba(0, 0, 0, 0.45);
    --phc-photo-overlay-light:        rgba(0, 0, 0, 0.10);
    --phc-photo-overlay-hover-dark:   rgba(0, 0, 0, 0.90);
    --phc-photo-overlay-hover-mid:    rgba(0, 0, 0, 0.50);
    --phc-photo-overlay-hover-light:  rgba(0, 0, 0, 0.20);

    --phc-service-grad-1: var(--phc-photo-overlay-dark);
    --phc-service-grad-2: var(--phc-photo-overlay-mid);
    --phc-service-grad-3: var(--phc-photo-overlay-light);

    --phc-focus-border: var(--phc-red);
    --phc-focus-glow:   rgba(218, 56, 50, 0.10);
} */

/* ============================================================
   THEME B — Forest Green
   STATUS: INACTIVE
============================================================ */
/* :root {
    --phc-red:          #c8452e;
    --phc-red-dark:     #a83520;
    --phc-red-light:    #e06b54;

    --phc-green:        #5aa872;
    --phc-green-dark:   #397f50;
    --phc-green-light:  #7dc494;

    --phc-yellow:       #f5e642;
    --phc-yellow-dark:  #d4c812;
    --phc-yellow-light: #faf380;

    --phc-dark:         #1c3d2e;
    --phc-dark-soft:    #244d3a;
    --phc-dark-muted:   #2d5e47;

    --phc-light:        #f0f5f2;
    --phc-light-mid:    #e2ede7;

    --phc-white:        #ffffff;
    --phc-text:         #4a5e52;
    --phc-text-muted:   #7a9485;

    --phc-btn-outer-bg:         var(--phc-light);
    --phc-btn-inner-bg:         var(--phc-red);
    --phc-btn-inner-text:       var(--phc-white);
    --phc-btn-sweep-bg:         var(--phc-dark);
    --phc-btn-sweep-text:       var(--phc-white);

    --phc-btn-alt-outer-bg:     var(--phc-dark);
    --phc-btn-alt-inner-bg:     var(--phc-light);
    --phc-btn-alt-inner-text:   var(--phc-dark);
    --phc-btn-alt-sweep-bg:     var(--phc-red);
    --phc-btn-alt-sweep-text:   var(--phc-white);

    --phc-hero-glow:            rgba(28, 61, 46, 0.30);
    --phc-cta-glow:             rgba(90, 168, 114, 0.10);
    --phc-dark-overlay-1:       rgba(10, 28, 18, 0.80);
    --phc-dark-overlay-2:       rgba(10, 28, 18, 0.50);
    --phc-dark-overlay-3:       rgba(10, 28, 18, 0.70);

   
    --phc-photo-overlay-dark:         rgba(0, 0, 0, 0.80);
    --phc-photo-overlay-mid:          rgba(0, 0, 0, 0.45);
    --phc-photo-overlay-light:        rgba(0, 0, 0, 0.10);
    --phc-photo-overlay-hover-dark:   rgba(0, 0, 0, 0.90);
    --phc-photo-overlay-hover-mid:    rgba(0, 0, 0, 0.50);
    --phc-photo-overlay-hover-light:  rgba(0, 0, 0, 0.20);

    --phc-service-grad-1: var(--phc-photo-overlay-dark);
    --phc-service-grad-2: var(--phc-photo-overlay-mid);
    --phc-service-grad-3: var(--phc-photo-overlay-light);

    --phc-focus-border: var(--phc-red);
    --phc-focus-glow:   rgba(218, 56, 50, 0.10);
} */

/* ============================================================
   THEME C — Warm Gold
   STATUS: INACTIVE
============================================================ */
/* :root {
    --phc-red:          #c8452e;
    --phc-red-dark:     #a83520;
    --phc-red-light:    #e06b54;

    --phc-green:        #5a7a3a;
    --phc-green-dark:   #3d5528;
    --phc-green-light:  #7a9e55;

    --phc-yellow:       #f5c842;
    --phc-yellow-dark:  #d4a81e;
    --phc-yellow-light: #fad96e;

    --phc-dark:         #2d1f0a;
    --phc-dark-soft:    #3a2910;
    --phc-dark-muted:   #4a3418;

    --phc-light:        #faf6ee;
    --phc-light-mid:    #f0e8d8;

    --phc-white:        #ffffff;
    --phc-text:         #5a4a32;
    --phc-text-muted:   #8a7a62;

    --phc-btn-outer-bg:         var(--phc-light);
    --phc-btn-inner-bg:         var(--phc-red);
    --phc-btn-inner-text:       var(--phc-white);
    --phc-btn-sweep-bg:         var(--phc-dark);
    --phc-btn-sweep-text:       var(--phc-white);

    --phc-btn-alt-outer-bg:     var(--phc-dark);
    --phc-btn-alt-inner-bg:     var(--phc-light);
    --phc-btn-alt-inner-text:   var(--phc-dark);
    --phc-btn-alt-sweep-bg:     var(--phc-red);
    --phc-btn-alt-sweep-text:   var(--phc-white);

    --phc-hero-glow:            rgba(200, 69, 46, 0.15);
    --phc-cta-glow:             rgba(245, 200, 66, 0.10);
    --phc-dark-overlay-1:       rgba(20, 12, 2, 0.78);
    --phc-dark-overlay-2:       rgba(20, 12, 2, 0.48);
    --phc-dark-overlay-3:       rgba(20, 12, 2, 0.68);

    
    --phc-photo-overlay-dark:         rgba(0, 0, 0, 0.80);
    --phc-photo-overlay-mid:          rgba(0, 0, 0, 0.45);
    --phc-photo-overlay-light:        rgba(0, 0, 0, 0.10);
    --phc-photo-overlay-hover-dark:   rgba(0, 0, 0, 0.90);
    --phc-photo-overlay-hover-mid:    rgba(0, 0, 0, 0.50);
    --phc-photo-overlay-hover-light:  rgba(0, 0, 0, 0.20);

    --phc-service-grad-1: var(--phc-photo-overlay-dark);
    --phc-service-grad-2: var(--phc-photo-overlay-mid);
    --phc-service-grad-3: var(--phc-photo-overlay-light);

    --phc-focus-border: var(--phc-red);
    --phc-focus-glow:   rgba(218, 56, 50, 0.10);
} */

/* ============================================================
   THEME D — Brand Match
   Deep green dark + Red primary + True Yellow accent
   Yellow used actively — buttons, hovers, glows, highlights
   STATUS: ACTIVE
============================================================ */
:root {
    --phc-red: #da3832;
    --phc-red-dark: #b72b26;
    --phc-red-light: #f0625c;

    --phc-green: #397f50;
    --phc-green-dark: #2c6640;
    --phc-green-light: #5aa872;

    --phc-yellow: #fcf14a;
    --phc-yellow-dark: #e6da1f;
    --phc-yellow-light: #fdf687;

    --phc-dark: #1e3f2c;
    --phc-dark-soft: #274d36;
    --phc-dark-muted: #305e41;

    --phc-light: #fffdf2;
    --phc-light-mid: #fff8d0;

    --phc-white: #ffffff;
    --phc-text: #4a5248;
    --phc-text-muted: #7a8276;

    --phc-btn-outer-bg: var(--phc-light);
    --phc-btn-inner-bg: var(--phc-red);
    --phc-btn-inner-text: var(--phc-white);
    --phc-btn-sweep-bg: var(--phc-yellow);
    --phc-btn-sweep-text: var(--phc-dark);

    --phc-btn-alt-outer-bg: var(--phc-dark);
    --phc-btn-alt-inner-bg: var(--phc-light);
    --phc-btn-alt-inner-text: var(--phc-dark);
    --phc-btn-alt-sweep-bg: var(--phc-yellow);
    --phc-btn-alt-sweep-text: var(--phc-dark);

    --phc-hero-glow: rgba(252, 241, 74, 0.18);
    --phc-cta-glow: rgba(252, 241, 74, 0.12);

    /* Hero overlays — theme tinted (used only on hero) */
    --phc-dark-overlay-1: rgba(0, 0, 0, 0.8);
    --phc-dark-overlay-2: rgba(0, 0, 0, 0.48);
    --phc-dark-overlay-3: rgba(0, 0, 0, 0.68);

    /* Photo overlays — always neutral dark */
    /* Used on service cards, video cards, any image overlay */
    --phc-photo-overlay-dark: rgba(0, 0, 0, 0.8);
    --phc-photo-overlay-mid: rgba(0, 0, 0, 0.45);
    --phc-photo-overlay-light: rgba(0, 0, 0, 0.1);
    --phc-photo-overlay-hover-dark: rgba(0, 0, 0, 0.9);
    --phc-photo-overlay-hover-mid: rgba(0, 0, 0, 0.5);
    --phc-photo-overlay-hover-light: rgba(0, 0, 0, 0.2);

    /* Service card gradients — uses photo overlay tokens */
    --phc-service-grad-1: var(--phc-photo-overlay-dark);
    --phc-service-grad-2: var(--phc-photo-overlay-mid);
    --phc-service-grad-3: var(--phc-photo-overlay-light);

    /* Form focus */
    --phc-focus-border: var(--phc-green);
    --phc-focus-glow: rgba(57, 127, 80, 0.1);
}

/* ============================================================
   BODY & BASE TEXT
============================================================ */
body {
    color: var(--phc-text);
    background-color: var(--phc-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--phc-dark);
}

/* ============================================================
   TOPBAR
============================================================ */
.topbar {
    background: var(--phc-dark);
}

.topbar-contact-info ul li a {
    color: rgba(255, 255, 255, 0.65);
}

.topbar-contact-info ul li a:hover {
    color: var(--phc-yellow);
}

.topbar-contact-info ul li a i {
    color: var(--phc-yellow);
}

.topbar-social-links ul li a {
    color: rgba(255, 255, 255, 0.55);
}

.topbar-social-links ul li a:hover {
    color: var(--phc-yellow);
}

/* ============================================================
   HEADER
============================================================ */
header.main-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

header.main-header .header-sticky.active {
    background: var(--phc-dark);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.main-menu ul li a {
    color: var(--phc-white);
}

.main-menu ul li a::after {
    background: var(--phc-yellow);
}

.main-menu ul li a:hover,
.main-menu ul li a.active {
    color: var(--phc-yellow);
}

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

.navbar-nav .nav-link::after {
    background: var(--phc-yellow);
}

.slicknav_btn {
    background: var(--phc-red);
}

.slicknav_menu {
    background: var(--phc-dark);
}

.slicknav_nav a,
.slicknav_nav .slicknav_row {
    color: var(--phc-white);
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
    color: var(--phc-yellow);
    background: transparent;
}

/* ============================================================
   HERO
============================================================ */
.phc-hero {
    background-color: var(--phc-dark);
}

.phc-hero::before {
    background: linear-gradient(
        135deg,
        var(--phc-dark-overlay-1) 0%,
        var(--phc-dark-overlay-2) 50%,
        var(--phc-dark-overlay-3) 100%
    );
}

.phc-hero::after {
    background: radial-gradient(
        ellipse at 15% 85%,
        var(--phc-hero-glow) 0%,
        transparent 55%
    );
}

.phc-hero-content .phc-section-title h1 {
    color: var(--phc-white);
}

.phc-hero-content .phc-section-title h3,
.phc-hero-content .phc-section-title h3::before {
    color: var(--phc-yellow);
}

.phc-hero-content .phc-section-title p {
    color: rgba(255, 255, 255, 0.8);
}

/* Hero slider nav */
.phc-hero-slider .owl-nav .owl-prev:hover,
.phc-hero-slider .owl-nav .owl-next:hover {
    background: var(--phc-yellow) !important;
    border-color: var(--phc-yellow) !important;
}

.phc-hero-slider .owl-nav .owl-prev:hover i,
.phc-hero-slider .owl-nav .owl-next:hover i {
    color: var(--phc-dark) !important;
}

.phc-hero-slider .owl-dots .owl-dot.active span,
.phc-hero-slider .owl-dots .owl-dot:hover span {
    background: var(--phc-yellow) !important;
}

/* ============================================================
   BENEFITS / TRUST STRIP
============================================================ */
.phc-benefits {
    background: var(--phc-dark);
}

.phc-benefit-item {
    border-right-color: rgba(255, 255, 255, 0.1);
}

.phc-benefit-item .phc-icon-box::before {
    background: var(--phc-yellow);
    opacity: 0.25;
}

.phc-benefit-item:hover .phc-icon-box::before {
    opacity: 0.9;
}

.phc-benefit-item .phc-icon-box i {
    color: var(--phc-yellow);
}

.phc-benefit-content h3 {
    color: var(--phc-white);
}

.phc-benefit-content p {
    color: rgba(255, 255, 255, 0.5);
}

/* ============================================================
   SECTION TITLES
============================================================ */
.phc-section-title h3,
.phc-section-title h3::before {
    color: var(--phc-red);
}

.phc-section-title h2,
.phc-section-title h1 {
    color: var(--phc-dark);
}

.phc-section-title p {
    color: var(--phc-text);
}

.phc-section-title.phc-title-white h3,
.phc-section-title.phc-title-white h3::before {
    color: var(--phc-yellow);
}

.phc-section-title.phc-title-white h2,
.phc-section-title.phc-title-white h1 {
    color: var(--phc-white);
}

.phc-section-title.phc-title-white p {
    color: rgba(255, 255, 255, 0.6);
}

/* ============================================================
   ABOUT
============================================================ */
.phc-about {
    background: var(--phc-white);
}

.phc-about-list-item .phc-icon-box {
    background: var(--phc-light);
}

.phc-about-list-item .phc-icon-box::before {
    background: var(--phc-green);
}

.phc-about-list-item .phc-icon-box i {
    color: var(--phc-green);
}

.phc-about-list-content p {
    color: var(--phc-dark);
}

.phc-about-circle {
    background: var(--phc-white);
    box-shadow: 0 0 40px rgba(30, 63, 44, 0.15);
}

.phc-about-circle::before {
    background: var(--phc-yellow);
}

.phc-about-circle i {
    color: var(--phc-dark);
}

.phc-about-images:hover .phc-about-circle i {
    color: var(--phc-dark);
}

/* ============================================================
   SERVICES
============================================================ */
.phc-services {
    background: var(--phc-light);
}

.phc-service-image::before {
    background: linear-gradient(
        to top,
        var(--phc-service-grad-1) 0%,
        var(--phc-service-grad-2) 60%,
        var(--phc-service-grad-3) 100%
    );
}

.phc-service-item:hover .phc-service-image::before {
    background: linear-gradient(
        to top,
        var(--phc-service-grad-1) 0%,
        var(--phc-service-grad-2) 60%,
        var(--phc-service-grad-3) 100%
    );
}

.phc-service-icon-box::after {
    background: var(--phc-yellow);
}

.phc-service-item:hover .phc-service-icon-box i {
    color: var(--phc-dark);
}

.phc-service-content h3 {
    color: var(--phc-white);
}

.phc-service-content p {
    color: rgba(255, 255, 255, 0.75);
}

.phc-service-btn a::before {
    background: rgba(255, 255, 255, 0.18);
}

.phc-service-btn a:hover::before {
    background: var(--phc-yellow);
}

.phc-service-btn a:hover i {
    color: var(--phc-dark);
}

.phc-more-services-btn a {
    color: var(--phc-dark);
}

.phc-more-services-btn a:hover {
    color: var(--phc-red);
    border-bottom-color: var(--phc-red);
}

/* ============================================================
   DARK SPACER
============================================================ */
.phc-bg-spacer {
    background: var(--phc-dark);
}

/* ============================================================
   WOMEN'S WELLNESS
============================================================ */
.phc-womens {
    background: var(--phc-light);
}

.phc-womens-badge {
    background: var(--phc-green);
    box-shadow: 0 10px 30px rgba(57, 127, 80, 0.25);
}

.phc-womens-badge i,
.phc-womens-badge span {
    color: var(--phc-white);
}

.phc-womens-list-item .phc-icon-box {
    background: rgba(57, 127, 80, 0.08);
}

.phc-womens-list-item .phc-icon-box::before {
    background: var(--phc-green);
}

.phc-womens-list-item .phc-icon-box i {
    color: var(--phc-green);
}

.phc-womens-list-item p {
    color: var(--phc-dark);
}

/* ============================================================
   WHY CHOOSE
============================================================ */
.phc-why {
    background: var(--phc-white);
}

.phc-why-item {
    background: var(--phc-dark);
}

.phc-why-item:hover {
    box-shadow: 0 20px 50px rgba(30, 63, 44, 0.2);
}

.phc-why-icon-box::before {
    background: var(--phc-yellow);
    opacity: 0.3;
}

.phc-why-item:hover .phc-why-icon-box::before {
    opacity: 1;
}

.phc-why-icon-box i {
    color: var(--phc-yellow);
}

.phc-why-content h3 {
    color: rgba(255, 255, 255, 0.85);
}

.phc-why-content p {
    color: rgba(255, 255, 255, 0.5);
}

/* ============================================================
   TESTIMONIALS
============================================================ */
.phc-testimonials {
    background: var(--phc-dark);
}

.phc-testimonials .phc-section-title h3,
.phc-testimonials .phc-section-title h3::before {
    color: var(--phc-yellow);
}

.phc-testimonials .phc-section-title h2 {
    color: var(--phc-white);
}

.phc-testimonials .phc-section-title p {
    color: rgba(255, 255, 255, 0.58);
}

.phc-testimonial-prev,
.phc-testimonial-next {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
}

.phc-testimonial-prev:hover,
.phc-testimonial-next:hover {
    background: var(--phc-yellow);
    border-color: var(--phc-yellow);
}

.phc-testimonial-prev:hover i,
.phc-testimonial-next:hover i {
    color: var(--phc-dark);
}

.phc-testimonial-prev i,
.phc-testimonial-next i {
    color: var(--phc-white);
}

.phc-testimonial-item {
    background: var(--phc-white);
}

.phc-testimonial-rating i {
    color: var(--phc-yellow);
}

.phc-testimonial-header p {
    color: var(--phc-text);
}

.phc-testimonial-body {
    border-top-color: var(--phc-light);
}

.phc-testimonial-author-img img {
    border-color: var(--phc-light-mid);
}

.phc-testimonial-author-content h3 {
    color: var(--phc-dark);
}

.phc-testimonial-author-content p {
    color: var(--phc-text-muted);
}

/* ============================================================
   FAQ
============================================================ */
.phc-faq {
    background: var(--phc-light);
}

.phc-faq-icon-box {
    background: var(--phc-white);
    box-shadow: 0 2px 10px rgba(30, 63, 44, 0.1);
}

.phc-faq-icon-box i {
    color: var(--phc-green);
}

.phc-faq-accordion .accordion-button {
    background: var(--phc-white);
    color: var(--phc-dark);
}

.phc-faq-accordion .accordion-button:not(.collapsed) {
    background: var(--phc-dark);
    color: var(--phc-white);
}

.phc-faq-accordion
    .accordion-item:has(.accordion-button:not(.collapsed))
    .phc-faq-icon-box {
    background: var(--phc-yellow);
}

.phc-faq-accordion
    .accordion-item:has(.accordion-button:not(.collapsed))
    .phc-faq-icon-box
    i {
    color: var(--phc-dark);
}

.phc-faq-accordion .accordion-button::after {
    color: var(--phc-text);
}

.phc-faq-accordion .accordion-button:not(.collapsed)::after {
    color: var(--phc-yellow);
}

.phc-faq-accordion .accordion-body {
    background: var(--phc-dark);
}

.phc-faq-accordion .accordion-body p {
    color: rgba(255, 255, 255, 0.68);
}

/* ============================================================
   CTA BAND
============================================================ */
.phc-cta {
    background-color: var(--phc-dark);
}

.phc-cta::after {
    background: radial-gradient(
        ellipse at center,
        var(--phc-cta-glow) 0%,
        transparent 65%
    );
}

.phc-cta .phc-section-title h3,
.phc-cta .phc-section-title h3::before {
    color: var(--phc-yellow);
}

.phc-cta .phc-section-title h2 {
    color: var(--phc-white);
}

.phc-cta .phc-section-title p {
    color: rgba(255, 255, 255, 0.65);
}

/* ============================================================
   FOOTER
============================================================ */
.main-footer {
    background: var(--phc-dark);
}

.about-footer {
    border-bottom-color: rgba(255, 255, 255, 0.07);
}

.about-footer-content h3 {
    color: var(--phc-white);
}

.about-footer-content p {
    color: rgba(255, 255, 255, 0.5);
}

.footer-links h3 {
    background: rgba(255, 255, 255, 0.07);
    color: var(--phc-white);
}

.footer-links ul li {
    color: rgba(255, 255, 255, 0.5);
}

.footer-links ul li::before {
    background: var(--phc-yellow);
}

.footer-links ul li a {
    color: rgba(255, 255, 255, 0.5);
}

.footer-links ul li:hover,
.footer-links ul li a:hover {
    color: var(--phc-yellow);
}

.footer-links.social-links ul li a i {
    color: rgba(255, 255, 255, 0.45);
}

.footer-links.social-links ul li a:hover i {
    color: var(--phc-yellow);
}

.footer-info-box i {
    color: var(--phc-yellow);
}

.footer-info-box p {
    color: rgba(255, 255, 255, 0.5);
}

.footer-copyright-text p {
    color: rgba(255, 255, 255, 0.3);
}

.footer-terms-condition ul li a {
    color: rgba(255, 255, 255, 0.3);
}

.footer-terms-condition ul li a:hover {
    color: var(--phc-yellow);
}

.footer-links.terms-condition-links {
    border-top-color: rgba(255, 255, 255, 0.06);
}

/* ============================================================
   BACK TO TOP
============================================================ */
.phc-back-to-top {
    background: var(--phc-red);
    box-shadow: 0 4px 20px rgba(218, 56, 50, 0.35);
}

.phc-back-to-top:hover {
    background: var(--phc-yellow);
    color: var(--phc-dark);
    box-shadow: 0 8px 28px rgba(252, 241, 74, 0.3);
}

/* ============================================================
   MAGIC CURSOR
============================================================ */
.cb-cursor::before {
    background: var(--phc-yellow);
}

@supports (mix-blend-mode: exclusion) {
    .cb-cursor.-exclusion::before,
    .cb-cursor.-opaque::before {
        background: var(--phc-white);
    }
}

/* ============================================================
   PRELOADER
============================================================ */
.preloader {
    background: var(--phc-dark);
}

.loading {
    border-color: transparent var(--phc-yellow) transparent var(--phc-yellow);
}

/* ============================================================
   PAGE HEADER (inner pages)
============================================================ */
.phc-page-header {
    background-color: var(--phc-dark);
}

/* ============================================================
   EXPERTISE
============================================================ */
.phc-expertise {
    background: var(--phc-white);
}

.phc-expertise-item {
    background: var(--phc-light);
}

.phc-expertise-item:hover {
    background: var(--phc-dark);
}

.phc-expertise-icon {
    background: var(--phc-white);
}

.phc-expertise-item:hover .phc-expertise-icon {
    background: var(--phc-yellow);
}

.phc-expertise-icon i {
    color: var(--phc-green);
}

.phc-expertise-item:hover .phc-expertise-icon i {
    color: var(--phc-dark);
}

.phc-expertise-item h3 {
    color: var(--phc-dark);
}

.phc-expertise-item:hover h3 {
    color: var(--phc-white);
}

/* ============================================================
   PHILOSOPHY
============================================================ */
.phc-philosophy {
    background: var(--phc-dark);
}

.phc-element-icon i {
    color: var(--phc-yellow);
}

.phc-element-item:hover {
    border-color: var(--phc-yellow);
    background: rgba(252, 241, 74, 0.06);
}

/* ============================================================
   PILLARS (services page)
============================================================ */
.phc-pillar {
    background: var(--phc-white);
}

.phc-pillar-alt {
    background: var(--phc-light);
}

.phc-pillar-badge {
    background: var(--phc-red);
    color: var(--phc-white);
    box-shadow: 0 10px 30px rgba(218, 56, 50, 0.35);
}

.phc-pillar-list-item {
    background: var(--phc-white);
    border-left-color: var(--phc-green);
}

.phc-pillar-alt .phc-pillar-list-item {
    background: var(--phc-white);
}

.phc-pillar-list-item:hover {
    border-left-color: var(--phc-yellow);
    box-shadow: 0 10px 30px rgba(30, 63, 44, 0.08);
}

.phc-pillar-list-item h4 {
    color: var(--phc-dark);
}

.phc-pillar-list-item p {
    color: var(--phc-text);
}

/* ============================================================
   WOMEN'S PROMPT
============================================================ */
.phc-womens-prompt {
    background: var(--phc-dark);
}

/* ============================================================
   CONSULTATION FORMATS
============================================================ */
.phc-formats {
    background: var(--phc-light);
}

.phc-format-item {
    background: var(--phc-white);
    border-color: transparent;
}

.phc-format-item:hover {
    border-color: var(--phc-yellow);
    box-shadow: 0 20px 50px rgba(30, 63, 44, 0.08);
}

.phc-format-icon {
    background: rgba(57, 127, 80, 0.08);
}

.phc-format-item:hover .phc-format-icon {
    background: var(--phc-yellow);
}

.phc-format-icon i {
    color: var(--phc-green);
}

.phc-format-item:hover .phc-format-icon i {
    color: var(--phc-dark);
}

.phc-format-item h3 {
    color: var(--phc-dark);
}

.phc-format-item p {
    color: var(--phc-text);
}

.phc-format-link {
    color: var(--phc-green);
}

.phc-format-link:hover {
    color: var(--phc-dark);
}

/* ============================================================
   CONTACT
============================================================ */
.phc-contact {
    background: var(--phc-white);
}

.phc-contact-form-wrapper {
    background: var(--phc-light);
}

.phc-contact-icon {
    background: rgba(57, 127, 80, 0.08);
}

.phc-contact-icon i {
    color: var(--phc-green);
}

.phc-contact-item h4 {
    color: var(--phc-dark);
}

.phc-contact-item p,
.phc-contact-item p a {
    color: var(--phc-text);
}

.phc-contact-item p a:hover {
    color: var(--phc-red);
}

/* Form focus */
.phc-form-group input:focus,
.phc-form-group textarea:focus,
.phc-form-group select:focus {
    border-color: var(--phc-green);
    box-shadow: 0 0 0 3px rgba(57, 127, 80, 0.1);
}

.phc-radio:has(input:checked) {
    border-color: var(--phc-green);
    background: rgba(57, 127, 80, 0.04);
}

.phc-radio input:checked ~ span {
    color: var(--phc-green);
}

/* ============================================================
   INFO MODAL
============================================================ */
.phc-info-panel {
    background: var(--phc-dark);
    background-image: radial-gradient(
        ellipse at 20% 80%,
        rgba(252, 241, 74, 0.08) 0%,
        transparent 60%
    );
}

.phc-info-panel-eyebrow,
.phc-info-panel-eyebrow::before {
    color: var(--phc-yellow);
}

.phc-info-panel-title {
    color: var(--phc-white);
}

.phc-info-panel-intro {
    color: rgba(255, 255, 255, 0.6);
}

.phc-info-panel-meta-item {
    color: rgba(255, 255, 255, 0.5);
}

.phc-info-panel-meta-item i {
    color: var(--phc-yellow);
}

.phc-info-panel-footer {
    border-top-color: rgba(255, 255, 255, 0.08);
}

.phc-info-content-label {
    color: var(--phc-green);
}

.phc-info-content-body p {
    color: var(--phc-text);
}

.phc-info-content-body p:first-child {
    color: var(--phc-dark);
}

.phc-info-content-footer-text {
    color: var(--phc-text);
}

/* ============================================================
   QUALIFICATION TAGS (about doctor)
============================================================ */
.phc-qual-tag {
    color: var(--phc-dark);
    background: var(--phc-light);
    border-color: rgba(57, 127, 80, 0.15);
}

.phc-qual-tag:hover {
    background: var(--phc-yellow);
    color: var(--phc-dark);
    border-color: var(--phc-yellow);
}

/* ============================================================
   VIDEO TESTIMONIALS
============================================================ */
.phc-video-testimonials {
    background: var(--phc-light);
}

.phc-video-play {
    color: var(--phc-dark);
}

.phc-video-card:hover .phc-video-play {
    background: var(--phc-yellow);
    color: var(--phc-dark);
}

.phc-video-badge i {
    color: var(--phc-yellow);
}

/* ============================================================
   TRAINING SECTION
============================================================ */
.phc-training {
    background: var(--phc-white);
}

.phc-training-split-card {
    background: var(--phc-light);
    border-color: transparent;
}

.phc-training-split-card:hover {
    border-color: var(--phc-green);
}

.phc-training-flag {
    color: var(--phc-green);
}

.phc-training-split-info h4 {
    color: var(--phc-dark);
}

.phc-training-split-info p {
    color: var(--phc-text);
}

.phc-training-tag {
    color: var(--phc-dark);
    background: var(--phc-light);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.phc-training-tag:hover {
    background: var(--phc-dark);
    color: var(--phc-white);
    border-color: var(--phc-dark);
}

.phc-training-tag i {
    color: var(--phc-green);
}

.phc-training-tag:hover i {
    color: var(--phc-yellow);
}
