/**
 * HHC City Landing Pages
 * File: assets/css/hhc-city.css
 * Extends home-health-care.css with city-specific overrides
 *
 * @package WoundCare_At_Home
 * @since 1.0.0
 */

/* ========================================
   WHAT IS SECTION — Sticky comparison box
   ======================================== */

/* Sticky on desktop only */
@media (min-width: 999px) {
    .hhc-city-page .hhc-city-sticky-box {
        position: sticky;
        top: 100px;
    }
}

.vp-site-navigation{
    background: #fff;
}

.hhc-hero{
    padding-top: 0;
}

.hhc-why-choose h2{
    max-width: 800px;
    margin: 0 auto;
}

/* the_content() output styling */
.hhc-city-content p {
    font-size: 18px;
    line-height: 166.7%;
    color: var(--Neutral-600);
    margin-bottom: 20px;
}

.hhc-city-content p:last-child {
    margin-bottom: 0;
}

.hhc-city-content h2,
.hhc-city-content h3,
.hhc-city-content h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--Neutral-800);
    margin: 28px 0 12px;
    line-height: 1.3;
}

.hhc-city-content h2:first-child,
.hhc-city-content h3:first-child {
    margin-top: 0;
}

.hhc-city-content ul,
.hhc-city-content ol {
    padding-left: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hhc-city-content ul li,
.hhc-city-content ol li {
    font-size: 17px;
    line-height: 148%;
    color: var(--Neutral-600);
}

.hhc-city-content a {
    color: var(--Primary-primary);
    font-weight: 600;
    text-decoration: underline;
}

.hhc-city-content strong {
    color: var(--Neutral-800);
    font-weight: 600;
}

/* ========================================
   WHY CHOOSE US — City description
   ======================================== */
.hhc-city-why-desc {
    font-size: 18px;
    line-height: 166.7%;
    color: var(--Neutral-600);
    max-width: 640px;
    margin: 16px auto 0;
    text-align: center;
}

/* ========================================
   RESPONSIVE — Tablet
   ======================================== */
@media (max-width: 998px) {
    .hhc-city-page .hhc-city-sticky-box {
        position: unset;
    }
}