/* ============================================================
   PAIN & HEALTH CLINIC — brand-colors.css
   Color system only — no layout, no structure
   Overrides custom.css color values
   ============================================================
   PALETTE LOGIC
   Red    #DA3832 → primary actions, CTAs, emphasis
   Green  #397F50 → wellness, secondary, checklist
   Yellow #FCF14A → small highlights on dark only
   Dark   #1A1A1A → depth, dark sections, text
   Light  #F4F4F2 → clean section backgrounds
   White  #FFFFFF → cards, open space
   ============================================================ */

:root {
    /* ── Fonts ─────────────────────────────────── */
    --phc-font-body: "Sora", sans-serif;
    --phc-font-heading: "Marcellus", serif;

    /* ── Core Palette ──────────────────────────── */
    --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-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;

    /* ── Transitions ───────────────────────────── */
    --phc-transition: all 0.4s ease-in-out;
    --phc-transition-fast: all 0.25s ease-in-out;

    /* ── Shadows ───────────────────────────────── */
    --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);

    /* ── Button Colors ─────────────────────────── */

    /* Primary button — red inner, light outer */
    --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);

    /* Alt button — dark outer, light inner */
    --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);
}

/* ============================================================
   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-white);
}

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

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

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

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

header.main-header .header-sticky.active {
    background: rgba(26, 26, 26, 0.96);
    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-red);
}

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

.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-red);
    background: transparent;
}

.slicknav_arrow::after {
    color: rgba(255, 255, 255, 0.6);
}

.slicknav_open > a .slicknav_arrow::after {
    color: var(--phc-red);
}

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

.phc-hero::before {
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.45) 50%,
        rgba(0, 0, 0, 0.65) 100%
    );
}

.phc-hero::after {
    background: radial-gradient(
        ellipse at 15% 85%,
        rgba(218, 56, 50, 0.14) 0%,
        transparent 55%
    );
}

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

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

.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);
}

/* ============================================================
   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-red);
}

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

.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 {
    color: var(--phc-red);
}

.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);
}

/* White variant */
.phc-section-title.phc-title-white h3 {
    color: var(--phc-yellow);
}

.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);
}

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

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

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

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

.phc-service-image::before {
    background: linear-gradient(
        to top,
        rgba(26, 26, 26, 0.8) 0%,
        rgba(26, 26, 26, 0.25) 60%,
        rgba(26, 26, 26, 0.05) 100%
    );
}

.phc-service-item:hover .phc-service-image::before {
    background: linear-gradient(
        to top,
        rgba(26, 26, 26, 0.92) 0%,
        rgba(26, 26, 26, 0.5) 60%,
        rgba(26, 26, 26, 0.15) 100%
    );
}

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

.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-red);
}

.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-icon-box::before {
    background: var(--phc-red);
}

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

.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 {
    color: var(--phc-yellow);
}

.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-red);
    border-color: var(--phc-red);
}

.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);
}

.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);
}

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

.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-red);
}

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

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

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

.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,
        rgba(218, 56, 50, 0.1) 0%,
        transparent 65%
    );
}

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

.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-red);
}

.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-white);
}

.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-red);
}

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

.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-white);
}

.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-dark-soft);
}

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

@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-white) transparent var(--phc-white);
}

/* Page header */
.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 i {
    color: var(--phc-red);
}

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

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

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

/* Pillars */
.phc-pillar {
    background: var(--phc-white);
}
.phc-pillar-alt {
    background: var(--phc-light);
}

.phc-pillar-badge {
    background: var(--phc-red);
    color: var(--phc-white);
}

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

/* Womens prompt */
.phc-womens-prompt {
    background: var(--phc-dark);
}

/* Formats */
.phc-formats {
    background: var(--phc-light);
}

.phc-format-icon i {
    color: var(--phc-red);
}
.phc-format-link {
    color: var(--phc-red);
}
.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 i {
    color: var(--phc-red);
}