/**
 * Wound Care Landing Page
 * Template: page-wound-care.php
 *
 * h2 / heading sizes intentionally match the HHC template
 * (.vp-SH-display-2 / .vp-SH-display-4 are defined in the theme;
 *  the overrides below ensure wc-specific wrappers carry the same weight.)
 *
 * @package WoundCare_At_Home
 * @since 1.0.0
 */

/* ========================================
   STICKY MOBILE BAR
   ======================================== */
   .wc-sticky-bar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--Neutral-100);
    border-top: 1px solid var(--Neutral-300);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
}

.wc-sticky-inner {
    display: flex;
    gap: 10px;
    max-width: 640px;
    margin: 0 auto;
}

.wc-sticky-call {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 52px;
    border-radius: 12px;
    background: var(--Neutral-100);
    color: var(--Primary-primary);
    border: 2px solid var(--Primary-primary);
    font-family: var(--font-family-onest);
    font-size: 16px;
    font-weight: 700;
}

.wc-sticky-form {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 52px;
    border-radius: 12px;
    background: var(--Primary-primary);
    color: var(--Neutral-100);
    font-family: var(--font-family-onest);
    font-size: 16px;
    font-weight: 700;
}

/* ========================================
   SHARED HELPERS
   ======================================== */

/* Sub-tag label (purple pill above headings) */
.wc-sub-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--Primary-3);
    border: 1px solid var(--Primary-2);
    border-radius: 100px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 700;
    color: var(--Primary-primary);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

/* Underline SVG */
.wc-underline {
    display: block;
    width: 380px;
    max-width: 100%;
    height: auto;
}

/* Centered section header */
.wc-section-header {
    text-align: center;
    margin-bottom: 52px;
}

.wc-section-header .wc-underline {
    margin: 8px auto 0;
}

/* Section description text */
.wc-section-desc {
    font-size: 18px;
    line-height: 1.7;
    color: var(--Neutral-600);
    max-width: 680px;
    margin: 16px auto 0;
}

/* Shared section CTA */
.wc-section-cta {
    text-align: center;
    margin-top: 48px;
}

/* h2 colour accent */
.vp-SH-display-2 span,
.vp-SH-display-4 span {
    color: var(--Primary-primary);
}

/* ========================================
   SECTION 1 — HERO
   ======================================== */
.wc-hero {
    padding: 96px 0 160px;
    background: var(--Neutral-100);
    overflow: hidden;
    position: relative;
}

.wc-hero  .vp-SH-display-1{
    font-size: 60px;
}

/* Subtle radial bg decoration */
.wc-hero::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -120px;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--Primary-3) 0%, transparent 70%);
    pointer-events: none;
}

.wc-hero-inner {
    display: flex;
    align-items: center;
    gap: 64px;
    position: relative;
}

.wc-hero-content {
    flex: 1;
    min-width: 0;
}


/* H1 — uses theme class; this just adds margin */
.wc-hero-content h1 {
    margin: 0 0 10px;
}

.wc-hero-underline {
    margin-bottom: 20px;
    width: 508px;
    max-width: 100%;
    height: auto;
}

.wc-hero-desc {
    font-size: 19px;
    line-height: 1.65;
    color: var(--Neutral-600);
    max-width: 540px;
    margin-bottom: 32px;
}

.wc-hero-btns {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}
 

/* Hero visual */
.wc-hero-visual {
    flex: 0 0 480px;
    position: relative;
}

.wc-hero-img-wrap {
    width: 100%;
    height: 440px;
    border-radius: var(--24);
    overflow: hidden;
    position: relative;
    background: linear-gradient(145deg, var(--Primary-3) 0%, var(--Primary-2) 100%);
}

.wc-hero-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.wc-hero-img-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--Primary-primary);
    font-weight: 600;
    font-size: 15px;
}

/* $0 badge */
.wc-zero-badge {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--Neutral-100);
    border: 2.5px solid var(--Primary-primary);
    border-radius: 20px;
    padding: 16px 28px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 8px 40px rgba(110, 47, 208, 0.18);
    white-space: nowrap;
    z-index: 2;
}

.wc-zero-amount {
    font-size: 38px;
    font-weight: 800;
    color: var(--Primary-primary);
    line-height: 1;
}

.wc-zero-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--Neutral-800);
    line-height: 1.3;
}

.wc-zero-text span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: var(--Neutral-500);
}

/* Urgency badge */
.wc-urgency-badge {
    position: absolute;
    top: 24px;
    right: -16px;
    background: var(--Primary-primary);
    color: var(--Neutral-100);
    border-radius: 14px;
    padding: 12px 18px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    box-shadow: 0 4px 20px rgba(110, 47, 208, 0.35);
    text-align: center;
}

.wc-urgency-badge span {
    display: block;
    font-size: 18px;
    font-weight: 800;
}

/* ========================================
   SECTION 2 — TRUST BAR
   ======================================== */
.wc-trust-bar {
    margin-top: -80px;
    position: relative;
    z-index: 2;
    background: #fff;
}

.wc-trust-bar-card {
    background: var(--Neutral-100);
    border-radius: var(--24);
    border: 1px solid var(--Neutral-300);
    padding: 32px 48px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 40px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.07);
}

.wc-trust-awards {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.wc-trust-award-photo {
    width: 170px;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid rgba(110, 47, 208, 0.12);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(42, 25, 67, 0.08);
}

.wc-trust-award-photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.wc-trust-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 32px;
}

.wc-trust-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.wc-trust-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: var(--Primary-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wc-trust-icon svg {
    width: 26px;
    height: 26px;
}

.wc-trust-label strong {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: var(--Neutral-800);
    line-height: 1.25;
}

.wc-trust-label span {
    font-size: 13px;
    color: var(--Neutral-500);
}

/* ========================================
   QUALIFIER FILTER
   ======================================== */
.wc-qualifier {
    padding: 56px 0;
    background: var(--Neutral-100);
    border-bottom: 1px solid var(--Neutral-300);
}

.wc-qualifier-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 40px;
    align-items: start;
    background: var(--Neutral-200);
    border: 1px solid var(--Neutral-300);
    border-radius: var(--24);
    padding: 36px 40px;
}

.wc-qualifier-divider {
    width: 1px;
    background: var(--Neutral-300);
    align-self: stretch;
    min-height: 160px;
}

.wc-qualifier-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.wc-qualifier-header strong {
    font-size: 16px;
    font-weight: 800;
    color: #11845B;
}

.wc-qualifier-header--no strong {
    color: #DC2B2B;
}

.wc-qualifier-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
}

.wc-qualifier-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    color: var(--Neutral-700);
    line-height: 1.45;
}

.wc-qualifier-list li svg {
    flex-shrink: 0;
    margin-top: 2px;
}

.wc-qualifier-cta-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
    flex-wrap: wrap;
    text-align: center;
}

.wc-qualifier-cta-row p {
    font-size: 15px;
    color: var(--Neutral-600);
}

.wc-qualifier-cta-row strong {
    color: var(--Neutral-800);
}

.wc-qualifier-emergency {
    margin: 40px auto 0;
    padding: 12px 20px;
    background: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 10px;
    font-size: 13px;
    color: #7F1D1D;
    line-height: 1.55;
    text-align: center;
    max-width: 700px;
}

.wc-qualifier-emergency strong {
    color: #DC2B2B;
}

/* ========================================
   SECTION 3 — CONDITIONS WE TREAT
   ======================================== */
.wc-treat {
    padding: 100px 0;
    background: var(--Neutral-200);
}

.wc-treat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.wc-treat-card {
    background: var(--Neutral-100);
    border: 1px solid var(--Neutral-300);
    border-radius: var(--24);
    padding: 28px 24px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    transition: all 0.25s ease;
}

.wc-treat-card:hover {
    border-color: var(--Primary-2);
    box-shadow: 0 6px 24px rgba(110, 47, 208, 0.1);
    transform: translateY(-2px);
}

.wc-treat-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 14px;
    background: var(--Primary-3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wc-treat-icon svg {
    width: 24px;
    height: 24px;
}

.wc-treat-copy h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--Neutral-800);
}

.wc-treat-copy p {
    font-size: 15px;
    line-height: 1.55;
    color: var(--Neutral-600);
}

/* ========================================
   MINI CTA STRIP
   ======================================== */
.wc-mini-cta {
    background: var(--Neutral-100);
    border-top: 1px solid var(--Neutral-300);
    border-bottom: 1px solid var(--Neutral-300);
    padding: 40px 0;
    text-align: center;
}

.wc-mini-cta p {
    font-size: 19px;
    font-weight: 500;
    color: var(--Neutral-800);
    margin-bottom: 20px;
}

.wc-mini-cta p strong {
    color: var(--Primary-primary);
}

/* ========================================
   SECTION 4 — WHAT OUR NURSES DO
   ======================================== */
.wc-care-details {
    padding: 100px 0;
    background: var(--Neutral-100);
}

.wc-care-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
}

/* Sticky visual */
.wc-care-visual {
    position: sticky;
    top: 100px;
}

.wc-care-img-wrap {
    border-radius: var(--24);
    overflow: hidden;
    height: 500px;
    background: linear-gradient(160deg, var(--Primary-3) 0%, var(--Primary-2) 60%, #c9a8ee 100%);
}

.wc-care-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wc-care-img-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--Primary-primary);
    font-weight: 600;
    font-size: 15px;
}

.wc-stat-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}

.wc-stat-card {
    background: var(--Neutral-100);
    border: 1px solid var(--Neutral-300);
    border-radius: 16px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.wc-stat-num {
    font-size: 28px;
    font-weight: 800;
    color: var(--Primary-primary);
    line-height: 1;
}

.wc-stat-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--Neutral-600);
    line-height: 1.3;
}

/* Care content */
.wc-care-content > .wc-underline {
    display: block;
    margin: 8px 0 0;
}

.wc-care-steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 28px;
}

.wc-care-step {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 20px;
    background: var(--Neutral-200);
    border-radius: var(--16);
    border: 1px solid var(--Neutral-300);
    transition: all 0.25s ease;
}

.wc-care-step:hover {
    background: var(--Primary-3);
    border-color: var(--Primary-2);
}

.wc-step-num {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background: var(--Primary-primary);
    color: var(--Neutral-100);
    font-size: 15px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wc-step-text h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    color: var(--Neutral-800);
}

.wc-step-text p {
    font-size: 15px;
    line-height: 1.55;
    color: var(--Neutral-600);
}

/* ========================================
   SECTION 5 — MEDICARE / INSURANCE
   ======================================== */
.wc-medicare {
    padding: 100px 0;
    background: var(--Primary-3);
}

.wc-medicare-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 72px;
    align-items: start;
}

.wc-medicare-content > .wc-underline {
    display: block;
    margin: 8px 0 0;
}

/* $0 callout block */
.wc-medicare-zero-callout {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--Primary-primary);
    border: 1px solid var(--Primary-1);
    border-radius: var(--24);
    padding: 24px 28px;
    margin-top: 28px;
}

.wc-mzc-amount {
    font-size: 56px;
    font-weight: 800;
    color: var(--Neutral-100);
    line-height: 1;
    flex-shrink: 0;
}

.wc-mzc-text strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--Neutral-100);
    margin-bottom: 4px;
}

.wc-mzc-text p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.5;
}

/* Qualify chips */
.wc-qualify-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 28px;
}

.wc-qualify-chip {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--Neutral-100);
    border: 1px solid var(--Primary-2);
    border-radius: var(--16);
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--Neutral-700);
}

.wc-qualify-chip svg {
    flex-shrink: 0;
}

.wc-medicare-footnote {
    margin-top: 20px;
    font-size: 14px;
    color: var(--Neutral-600);
    line-height: 1.6;
}

.wc-medicare-footnote a {
    color: var(--Primary-primary);
    font-weight: 600;
    text-decoration: underline;
}

/* Insurance box */
.wc-insurance-box {
    background: var(--Neutral-100);
    border: 1px solid var(--Neutral-300);
    border-radius: var(--24);
    padding: 36px;
    box-shadow: 0 8px 48px rgba(0, 0, 0, 0.12);
    position: sticky;
    top: 20px;
}

.wc-insurance-box-header {
    text-align: center;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--Neutral-300);
    margin-bottom: 24px;
}

.wc-insurance-box-header h3 {
    font-size: 22px;
    font-weight: 800;
    color: var(--Neutral-800);
    margin-bottom: 6px;
}

.wc-insurance-box-header p {
    font-size: 14px;
    color: var(--Neutral-500);
}

.wc-medicare-highlight {
    background: var(--Primary-3);
    border: 2px solid var(--Primary-primary);
    border-radius: var(--16);
    padding: 16px 20px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.wc-mh-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    background: var(--Primary-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wc-mh-text strong {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: var(--Primary-primary);
}

.wc-mh-text span {
    font-size: 13px;
    color: var(--Neutral-600);
    font-weight: 500;
}

.wc-ins-helper {
    font-size: 13px;
    color: var(--Neutral-500);
    margin: 16px 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wc-ins-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
}

.wc-ins-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--Neutral-200);
    border-radius: 10px;
    border: 1px solid var(--Neutral-300);
}

.wc-ins-item svg {
    flex-shrink: 0;
}

.wc-ins-item strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--Neutral-800);
    line-height: 1.2;
}

.wc-ins-item span {
    font-size: 12px;
    color: var(--Neutral-500);
}

.wc-ins-note {
    text-align: center;
    font-size: 13px;
    color: var(--Neutral-500);
    margin-top: 14px;
}

/* ========================================
   SECTION 6 — WHY CHOOSE US
   ======================================== */
.wc-why-us {
    padding: 100px 0;
    background: var(--Neutral-100);
}

.wc-why-us .vp-SH-display-2  span{
    display: block;
}

.wc-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.wc-why-card {
    background: var(--Neutral-200);
    border: 1px solid transparent;
    border-radius: var(--24);
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: all 0.25s ease;
}

.wc-why-card:hover {
    border-color: var(--Primary-2);
    background: var(--Primary-3);
}

.wc-why-icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: var(--Primary-3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wc-why-card:hover .wc-why-icon {
    background: var(--Neutral-100);
}

.wc-why-card h3 {
    font-size: 19px;
    font-weight: 700;
    color: var(--Neutral-800);
}

.wc-why-card p {
    font-size: 15px;
    line-height: 1.6;
    color: var(--Neutral-600);
}

/* ========================================
   SECTION 7 — HOW IT WORKS
   ======================================== */
.wc-how-it-works {
    padding: 100px 0;
    background: var(--Neutral-200);
}

.wc-steps-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    position: relative;
    margin-top: 16px;
}

/* Connecting line */
.wc-steps-row::before {
    content: '';
    position: absolute;
    top: 44px;
    left: 16.6%;
    right: 16.6%;
    height: 2px;
    background: var(--Primary-2);
}

.wc-step-block {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    position: relative;
}

.wc-step-circle {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--Neutral-100);
    border: 3px solid var(--Primary-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 800;
    color: var(--Primary-primary);
    position: relative;
    z-index: 1;
}

.wc-step-block h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--Neutral-800);
}

.wc-step-block p {
    font-size: 15px;
    line-height: 1.6;
    color: var(--Neutral-600);
    max-width: 280px;
}

.wc-steps-microcopy {
    margin-top: 12px;
    font-size: 14px;
    color: var(--Neutral-500);
    font-weight: 500;
}

/* ========================================
   SECTION 8 — REVIEWS SLIDER
   Add these rules to wound-care.css,
   replacing the existing .wc-reviews block
   ======================================== */

   .wc-reviews {
    padding: 100px 0;
    background: var(--Neutral-100);
}

/* Header: title left, arrows right */
.wc-reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 44px;
    gap: 24px;
}

.wc-reviews-rating {
    align-self: center;
    order: -1;
    margin-right: 8px;
}

.wc-reviews-nav-desk {
    margin-left: auto;
}

.wc-reviews-header-left {
    max-width: 640px;
}

.wc-reviews-header-left .wc-underline {
    margin: 8px 0 0;
}

/* Desktop nav arrows */
.wc-reviews-nav {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

/* Mobile nav arrows (below slider) */
.wc-reviews-nav-mob {
    display: none;
    justify-content: center;
    margin-top: 28px;
}

/* Slider wrapper — allow overflow for Swiper */
.wc-reviews-slider {
    width: 100%;
}

.wc-reviews-slider .swiper {
    /* Remove any accidental overflow clip */
    overflow: hidden;
}

/* Review card — same style, now inside swiper-slide */
.wc-review-card {
    background: var(--Neutral-100);
    border: 1px solid var(--Neutral-300);
    border-radius: var(--24);
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;                  /* equal-height slides */
    transition: box-shadow 0.25s ease;
}

.wc-review-card:hover {
    box-shadow: 0 8px 32px rgba(110, 47, 208, 0.1);
}

.wc-review-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;                       /* push reviewer to bottom */
}

.wc-stars {
    display: flex;
    gap: 3px;
}

.wc-review-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--Neutral-800);
    margin-top: 4px;
}

.wc-review-text {
    font-size: 15px;
    line-height: 1.65;
    color: var(--Neutral-600);
}

.wc-reviewer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.wc-avatar {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
}

.wc-reviewer h4 {
    font-size: 15px;
    font-weight: 700;
    color: var(--Neutral-800);
}

.wc-reviewer span {
    font-size: 13px;
    color: var(--Primary-primary);
    font-weight: 500;
}

/* Disabled nav state */
.wc-swiper-prev.swiper-button-disabled,
.wc-swiper-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .wc-reviews {
        padding: 60px 0;
    }

    /* Stack header vertically on tablet/mobile */
    .wc-reviews-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .wc-reviews-rating {
        order: 0;
        margin: 16px 0 0;
        align-self: center;
    }

    /* Hide desktop arrows, show mobile arrows */
    .wc-reviews-nav-desk {
        display: none !important;
    }

    .wc-reviews-nav-mob {
        display: flex;
    }

    .wc-review-card {
        padding: 28px 20px;
    }
    .wc-insurance-box{
        position: unset;
    }
}

/* ========================================
   SECTION 9 — AREAS WE SERVE
   ======================================== */
.wc-areas {
    padding: 100px 0;
    background: var(--Primary-3);
}

.wc-areas-count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--Neutral-100);
    border: 1px solid var(--Neutral-300);
    border-radius: 100px;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    color: var(--Neutral-600);
    margin-top: 16px;
}

.wc-areas-count strong {
    color: var(--Primary-primary);
}

.wc-areas-box {
    background: var(--Neutral-100);
    border: 1px solid var(--Neutral-300);
    border-radius: var(--24);
    padding: 40px;
    margin-top: 16px;
}

.wc-cities-cols {
    column-count: 4;
    column-gap: 24px;
    list-style: none;
}

.wc-city-letter {
    font-size: 12px;
    font-weight: 800;
    color: var(--Primary-primary);
    padding: 10px 10px 4px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-bottom: 1px solid var(--Neutral-300);
    margin-bottom: 4px;
    break-inside: avoid;
    break-after: avoid;
}

.wc-city-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--Neutral-600);
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 8px;
    transition: all 0.2s ease;
    break-inside: avoid;
}

.wc-city-link:hover {
    background: var(--Primary-3);
    color: var(--Primary-primary);
    font-weight: 600;
}

.wc-city-link svg {
    opacity: 0;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
}

.wc-city-link:hover svg {
    opacity: 1;
}

/* ========================================
   SECTION 10 — CTA / FORM
   ======================================== */
.wc-cta {
    padding: 100px 0;
    background: var(--Neutral-200);
}

.wc-cta-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 32px;
}

.wc-cta-header .wc-underline {
    margin: 8px auto 0;
}

.wc-cta-header .wc-section-desc {
    margin: 20px auto 0;
}

.wc-cta-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 36px;
}

.wc-cta-trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--Neutral-100);
    border: 1px solid var(--Neutral-300);
    border-radius: 100px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 600;
    color: var(--Neutral-700);
}

.wc-cta-trust-badge svg {
    flex-shrink: 0;
}

.wc-form-box {
    background: var(--Neutral-100);
    border: 1px solid var(--Neutral-300);
    border-radius: var(--24);
    padding: 48px 56px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.07);
    max-width: 820px;
    margin: 0 auto;
}

.wc-form-box-header {
    text-align: center;
}

.wc-form-box-header h3 {
    font-size: 24px;
    font-weight: 800;
    color: var(--Neutral-800);
    margin-bottom: 8px;
}

.wc-form-helper {
    font-size: 15px;
    color: var(--Neutral-500);
    text-align: center;
}

.wc-form-privacy {
    text-align: center;
    font-size: 13px;
    color: var(--Neutral-500);
    margin-top: 20px;
    line-height: 1.5;
}

.wc-form-privacy a {
    color: var(--Primary-primary);
    text-decoration: underline;
}
 
/* ==========================================================================
   WPForms overrides inside .wc-form-box
   Mirrors HHC form styles for full consistency
   ========================================================================== */
   .wc-form-box .wpforms-required-label {
    color: var(--S-c-red-400, #DC2B2B);
}
 

/* Hide utility elements */
.wc-form-box .wpforms-field-limit-text,
.wc-form-box .wpforms-hidden,
.wc-form-box #wpforms-error-noscript,
.wc-form-box .wpforms-label-hide {
    display: none !important;
}

/* Field labels */
.wc-form-box .wpforms-field-label {
    margin-bottom: 8px;
    display: block;
    font-weight: 700;
    font-size: var(--18);
    line-height: 148%;
    color: var(--Neutral-800);
}

.wc-form-box .wpforms-field-large {
    margin-top: 6px;
}

/* Input / textarea / select base */
.wc-form-box input[type="text"],
.wc-form-box input[type="email"],
.wc-form-box input[type="tel"],
.wc-form-box input[type="number"],
.wc-form-box input[type="url"],
.wc-form-box select,
.wc-form-box textarea {
    border-radius: var(--16);
    border: 1px solid var(--Neutral-400, #D0D0DB);
    background: var(--Neutral-100, #FFF);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.02);
    padding: var(--16);
    width: 100%;
    font-family: var(--font-family-onest);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    outline: none;
    transition: border-color 0.2s ease;
}

/* Textarea */
.wc-form-box textarea {
    min-height: 140px;
    resize: vertical;
}

/* Placeholder */
.wc-form-box input::placeholder,
.wc-form-box textarea::placeholder {
    color: var(--Neutral-500, #626270);
    font-family: var(--font-family-onest);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}

/* Select — custom chevron + reset native arrow */
.wc-form-box select {
    color: var(--Neutral-500, #626270);
    font-weight: 400;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.57086 14.7091L4.98086 10.1191C4.7946 9.93174 4.69006 9.67829 4.69006 9.41411C4.69006 9.14992 4.7946 8.89647 4.98086 8.70911C5.07382 8.61538 5.18442 8.54098 5.30628 8.49021C5.42814 8.43945 5.55884 8.41331 5.69086 8.41331C5.82287 8.41331 5.95357 8.43945 6.07543 8.49021C6.19729 8.54098 6.30789 8.61538 6.40086 8.70911L10.9809 13.3091C11.0738 13.4028 11.1844 13.4772 11.3063 13.528C11.4281 13.5788 11.5588 13.6049 11.6909 13.6049C11.8229 13.6049 11.9536 13.5788 12.0754 13.528C12.1973 13.4772 12.3079 13.4028 12.4009 13.3091L16.9809 8.70911C17.1678 8.5208 17.422 8.41449 17.6873 8.41355C17.9527 8.41261 18.2076 8.51713 18.3959 8.70411C18.5842 8.89108 18.6905 9.14521 18.6914 9.41057C18.6924 9.67593 18.5878 9.9308 18.4009 10.1191L13.8109 14.7091C13.2484 15.2709 12.4859 15.5865 11.6909 15.5865C10.8959 15.5865 10.1334 15.2709 9.57086 14.7091Z' fill='%23626270'/%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 48px;
}

/* Select — show dark text once a value is selected */
.wc-form-box select:valid {
    color: var(--Neutral-800) !important;
    font-weight: 500;
}

/* Focus state */
.wc-form-box input:focus,
.wc-form-box select:focus,
.wc-form-box textarea:focus {
    border-color: var(--Primary-primary) !important;
}

/* Layout rows */
.wc-form-box .wpforms-field-layout-rows .wpforms-layout-row {
    margin-bottom: 20px;
}

/* Submit button */
.wc-form-box .wpforms-submit {
    border: none;
    cursor: pointer;
    display: inline-flex;
    padding: var(--20);
    justify-content: center;
    align-items: center;
    gap: var(--12);
    border-radius: var(--12);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    flex-shrink: 0;
    height: var(--64);
    background: var(--Primary-primary);
    color: var(--Neutral-100);
    transition: background 0.3s ease;
    font-family: var(--font-family-onest);
    font-weight: 700;
    font-size: var(--18);
    line-height: 148%;
    margin-top: 28px;
    width: 100%;
}

.wc-form-box .wpforms-submit:hover {
    background: var(--Secondary-1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}

/* Validation error */
.wc-form-box .wpforms-error {
    color: #DC2B2B;
    font-size: 13px;
    margin-top: 4px;
}

/* Success / confirmation message */
.wc-form-box .wpforms-confirmation-container {
    color: #11845B;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    padding: 24px 0;
}

/* ── Privacy / consent checkbox ─────────────────────────────────────────── */
.wc-form-box .wc-privacy {
    margin-top: 24px;
}

.wc-form-box .wc-privacy fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.wc-form-box .wc-privacy ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wc-form-box .wc-privacy ul li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.wc-form-box .wc-privacy ul li input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 6px;
    border: 1px solid var(--Neutral-500);
    background: var(--Neutral-100);
    appearance: none;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    margin-top: 2px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.wc-form-box .wc-privacy ul li input[type="checkbox"]:checked {
    background-color: var(--Primary-primary);
    border-color: var(--Primary-primary);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8l3 3 5-6' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.wc-form-box .wc-privacy ul li label {
    font-size: 14px;
    line-height: 1.5;
    color: var(--Neutral-600);
    font-weight: 400;
}

.wc-form-box .wc-privacy ul li a {
    text-decoration: underline;
    color: var(--Primary-primary);
}

/* WPForms native checkbox/consent field inside wc-form-box */
.wc-form-box .wpforms-field-checkbox ul,
.wc-form-box .wpforms-field-gdpr ul,
.wc-form-box .wpforms-field-consent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wc-form-box .wpforms-field-checkbox ul li,
.wc-form-box .wpforms-field-gdpr ul li,
.wc-form-box .wpforms-field-consent ul li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.wc-form-box .wpforms-field-checkbox ul li input[type="checkbox"],
.wc-form-box .wpforms-field-gdpr ul li input[type="checkbox"],
.wc-form-box .wpforms-field-consent ul li input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 6px;
    border: 1px solid var(--Neutral-500);
    background: var(--Neutral-100);
    appearance: none;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    margin-top: 2px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.wc-form-box .wpforms-field-checkbox ul li input[type="checkbox"]:checked,
.wc-form-box .wpforms-field-gdpr ul li input[type="checkbox"]:checked,
.wc-form-box .wpforms-field-consent ul li input[type="checkbox"]:checked {
    background-color: var(--Primary-primary);
    border-color: var(--Primary-primary);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8l3 3 5-6' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.wc-form-box .wpforms-field-checkbox ul li label,
.wc-form-box .wpforms-field-gdpr ul li label,
.wc-form-box .wpforms-field-consent ul li label {
    font-size: 16px;
    line-height: 1.5;
    color: var(--Neutral-600);
    font-weight: 400;
}

.wc-form-box .wpforms-field-checkbox ul li a,
.wc-form-box .wpforms-field-gdpr ul li a,
.wc-form-box .wpforms-field-consent ul li a {
    text-decoration: underline;
    color: var(--Primary-primary);
}

.gm-form .gm-privacy fieldset,
.hhc-form-box .gm-privacy fieldset {
    border: none;
}

/* ========================================
   RESPONSIVE — TABLET 998px
   ======================================== */
@media (max-width: 998px) {
    .wc-hero {
        padding: 72px 0 120px;
    }

    .wc-hero-inner {
        flex-direction: column;
        gap: 40px;
    }

    .wc-hero-visual {
        width: 100%;
        flex: none;
    }

    .wc-trust-bar {
        margin-top: 0;
    }

    .wc-trust-bar-card {
        grid-template-columns: 1fr;
        padding: 28px;
        gap: 28px;
    }

    .wc-trust-awards {
        flex-wrap: wrap;
    }

    .wc-qualifier-inner {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 28px 24px;
    }

    .wc-qualifier-divider {
        width: 100%;
        min-height: unset;
        height: 1px;
    }

    .wc-treat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wc-care-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wc-care-visual {
        position: static;
    }

    .wc-stat-cards {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wc-stat-card {
        flex: 1;
        min-width: 160px;
    }

    .wc-medicare-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wc-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wc-steps-row {
        grid-template-columns: repeat(3, 1fr);
    }

    .wc-steps-row::before {
        display: none;
    }

    .wc-reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wc-cities-cols {
        column-count: 3;
    }

    .wc-form-box {
        padding: 36px 32px;
    }

    .wc-hero,
    .wc-treat,
    .wc-care-details,
    .wc-medicare,
    .wc-why-us,
    .wc-how-it-works,
    .wc-reviews,
    .wc-areas,
    .wc-cta {
        padding: 80px 0;
    }
}

/* ========================================
   RESPONSIVE — MOBILE 640px
   ======================================== */
@media (max-width: 640px) {
    .wc-hero .vp-SH-display-1{
        font-size: var(--42);
    }
    /* Hero */
    .wc-hero {
        padding: 40px 0 100px;
    }

    .wc-hero-underline {
        width: 280px;
        height: auto;
    }

    .wc-hero-desc {
        font-size: 16px;
    }

    .wc-hero-img-wrap,
    .wc-hero-img-placeholder {
        height: 280px;
    }

    .wc-zero-badge {
        padding: 12px 18px;
        gap: 10px;
        bottom: -16px;
    }

    .wc-zero-amount {
        font-size: 28px;
    }

    .wc-urgency-badge {
        right: 0;
        top: 16px;
    }

    .wc-trust-bar-card {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
    }

    .wc-trust-items {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .wc-trust-label strong {
        font-size: 14px;
    }

    .wc-trust-label span {
        font-size: 12px;
    }

    /* Qualifier */
    .wc-qualifier-cta-row {
        flex-direction: column;
    }

    /* Sections */
    .wc-treat-grid {
        grid-template-columns: 1fr;
    }

    .wc-qualify-grid {
        grid-template-columns: 1fr;
    }

    .wc-why-grid {
        grid-template-columns: 1fr;
    }

    .wc-steps-row {
        grid-template-columns: 1fr;
    }

    .wc-reviews-grid {
        grid-template-columns: 1fr;
    }

    .wc-cities-cols {
        column-count: 2;
        column-gap: 16px;
    }

    .wc-areas-box {
        padding: 24px 16px;
    }

    .wc-form-box {
        padding: 24px 20px;
    }

    /* Buttons */
    .wc-hero-btns {
        flex-direction: column;
        width: 100%;
    }

    /* Stat cards */
    .wc-stat-cards {
        flex-direction: column;
    }

    /* $0 callout */
    .wc-medicare-zero-callout {
        flex-direction: column;
        gap: 12px;
    }

    .wc-mzc-amount {
        font-size: 44px;
    }

    /* Mini CTA */
    .wc-mini-cta p {
        font-size: 16px;
    }

    /* Show sticky bar 
    .wc-sticky-bar {
        display: block;
    }
    */

    .wc-landing-page {
        padding-bottom: 80px;
    }

    /* Underline SVG */
    .wc-underline {
        width: 240px;
        height: auto;
    }

    .wc-section-header .wc-underline {
        margin: 8px auto 0;
    }

    .wc-hero,
    .wc-treat,
    .wc-care-details,
    .wc-medicare,
    .wc-why-us,
    .wc-how-it-works,
    .wc-reviews,
    .wc-areas,
    .wc-cta {
        padding: 60px 0;
    }

    .wc-qualifier {
        padding: 40px 0;
    }

    .wc-mini-cta {
        padding: 32px 0;
    }
    .wc-form-box .wpforms-field-layout-rows .wpforms-layout-row{
        gap: 20px;
    }
}

/* ========================================
   RESPONSIVE — EXTRA SMALL 400px
   ======================================== */
@media (max-width: 400px) {
    .wc-trust-items {
        grid-template-columns: 1fr;
    }

    .wc-trust-bar-card {
        grid-template-columns: 1fr;
    }

    .wc-cities-cols {
        column-count: 1;
    }

    .wc-zero-amount {
        font-size: 24px;
    }
}