/* =========================================
   1. GLOBAL VARIABLES & RESET
   ========================================= */
:root {
    --color-primary-teal: #64c1af;
    --color-secondary-coral: #ea5959;
    --color-text-gray: #6b7280;
    --color-text-dark: #111827;
    --color-bg-light: #f7fafb;
    --color-bg-white: #ffffff;
    --color-footer-bg: #020617;
    --color-footer-text: #cbd5f5;
    --font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
    font-family: var(--font-family-base);
    color: var(--color-text-dark);
    line-height: 1.5;
}

a {
    transition: all 0.3s ease;
}
/* =========================================
   5. FOOTER
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

.site-footer {
    width: 100%;
}

.site-footer .container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 1.25rem;
    ;
}

/* 4-Column Horizontal Layout FIX */
.footer-top-row .region-footer-first {
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

/* Column block styling */
.site-footer .block,
.region-footer-first .block {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 1;
    min-width: 180px;
}

.footer-top-row .region-footer-first>.block:first-child {
    flex: 1.8;
}

.footer-top-row .region-footer-first>.block:last-child {
    flex: 1.2;
}

/* Headings */
.site-footer h3,
.site-footer h2,
.site-footer .block-title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 25px !important;
    text-transform: none !important;
    letter-spacing: 0.05em !important;
}

/* Lists and Items */
.site-footer ul,
.site-footer li,
.region-footer-first ul,
.region-footer-first li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-top-row li,
.footer-top-row .field__item {
    margin-bottom: 12px !important;
    line-height: 1.6 !important;
    color: #cbd5f5 !important;
}

/* Link Styling */
.site-footer a,
.site-footer .nav-link,
.site-footer .menu a,
.site-footer .field__item a {
    color: #cbd5f5 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    font-size: 14px !important;
}

.site-footer a:hover,
.site-footer .nav-link:hover,
.site-footer .menu a:hover {
    color: #ffffff !important;
}

/* DUPLICATION FIX */
.site-footer .field--label,
.site-footer .field-label,
.footer-top-row .field--label,
.footer-top-row .label {
    display: none !important;
}

/* Bottom Bar */
.footer-bottom-row {
    border-top: 1px solid rgba(203, 213, 245, 0.1) !important;
    margin-top: 60px !important;
    padding-top: 25px !important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 13px;
    color: rgba(203, 213, 245, 0.6);
}

.footer-meta {
    max-width: 500px;
    text-align: right;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .footer-bottom-row {
        flex-direction: column;
        text-align: center;
    }

    .footer-meta {
        text-align: center;
        max-width: 100%;
    }
}

/* bottom footer  */
.region-footer-second {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 1.25rem;
    border-top: 10px;
    margin-top: 1.4rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.78rem;
    color: #9ca3af;
    flex-wrap: wrap;
}

.field--name-field-write-text-footer-end {
    float: inline-end;
}

.field--name-field-left-text-footer-end {
    float: left;
}

/* main container all pages  */
.node__content {
    background-color: #f7fafb;
}

.field--name-field-wound-care-page,
.field--name-field-seek-care-section,
.node__content {
    background: #f7fafb;
    max-width: 1180px;
    margin: 0 auto;
}




/* left right hero sections */
.hero-wound {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
    align-items: center;
}

.field--name-field-wound-items {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    list-style: none;
    font-size: 0.8rem;
}


/* Pre title section for all site  */
.field--name-field-pre-title-location,
.field--name-field-pre-title,
.field--name-field-pre-title-services,
.field--name-field-pre-title-hero-wound-care,
.field--name-field-pre-title-seek-care,
.field--name-field-pre-title-therapies,
.field--name-field-pre-title-pr-hero,
.field--name-field-pre-title-hero-patient-r,
.field--name-field-pre-title-for-providers-r,
.field--name-field-pre-title-hero-blog,
.field--name-field-pre-title-hero-legal-resou,
.field--name-field-pre-title-contact-page {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #64c1af;
    font-weight: 600;
}

.field--name-field-pre-title-uc-left-hero,
.field--name-field-pre-title-diagnostics {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #F65D5D;
    font-weight: 600;
}

/* title section for all pages  */
.paragraph--type--hero-title,
.left-hero-wc,
.field--name-field-title-hero,
.uc-hero-title-section,
.hero-legal-section-left,
.field--name-field-title-black-pr-hero,
.field--name-field-title-green-pr-hero,
.field--name-field-title-black-after-pr-hero,
.field--name-field-title-black-patient-r,
.field--name-field-title-green-hero-patient-r,
.field--name-field-black-after-title-patient,
.field--name-field-black-title-hero-for-provi,
.field--name-field-green-title-hero-for-provi,
.field--name-field-title-black-hero-blog,
.field--name-field-title-black-after-hero-blo,
.hero-title-contact-page,
.field--name-field-title-services,
.field--name-field-title-location,
.field--name-field-title-green-hero-blog {
    font-weight: bold;
    line-height: 1.1;
    /* display: ruby; */
}

.field--name-field-black-hero-titile,
.field--name-field-title,
.field--name-field-black-title,
.field--name-field-black-title-hero-wound-car,
.field--name-field-black-after-hero-wound-car,
.field--name-field-title-black-uc-left-hero,
.field--name-field-title-black-after-uc-left,
.field--name-field-title-black-hero-legal-res,
.field--name-field-title-black-after-hero-leg,
.field--name-field-title-black-pr-hero,
.field--name-field-title-black-after-pr-hero,
.field--name-field-title-black-patient-r,
.field--name-field-black-after-title-patient,
.field--name-field-black-title-hero-for-provi,
.field--name-field-title-black-hero-blog,
.field--name-field-title-black-after-hero-blo,
.field--name-field-black-title-contact-page,
.field--name-field-black-title-after-contact,
.field--name-field-title-services,
.field--name-field-title-location {
    font-size: 2.1rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    margin-bottom: 0.7rem;
    display: inline;
}

.field--name-field-green-title,
.field--name-field-green-title-hero-wound-car,
.field--name-field-title-green-uc-left-hero,
.field--name-field-green-title-hero-legal-res,
.field--name-field-title-green-pr-hero,
.field--name-field-title-green-hero-patient-r,
.field--name-field-green-title-hero-for-provi,
.field--name-field-title-green-hero-blog,
.field--name-field-green-title-contact-page {
    color: #64c1af;
    font-size: 2.1rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    margin-bottom: 0.7rem;
    display: inline;
}

.field--name-field-orange-title,
.field--name-field-orange-title-contact-page {
    color: #f43f5e !important;
    font-size: 2.1rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    margin-bottom: 0.7rem;
    display: inline;
}

/* title section heading 2  */
.field--name-field-title-seek-care,
.field--name-field-title-therapies-section,
.field--name-field-title-uc-diagnostics {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: -0.02em;
    margin-top: 0.25rem;
}

/* text section for all pages  */
.field--name-field-description-hero-section,
.field--name-field-description-hero-wound-car,
.field--name-field-small-description-seek-car,
.field--name-field-description-uc-left-hero,
.field--name-field-description-diagnositcs,
.field--name-field-description-therapies,
.field--name-field-small-description-seek-car,
.field--name-field-description-pr-hero,
.field--name-field-description-hero-patient-r,
.field--name-field-description-hero-for-provi,
.field--name-field-description-hero-blog,
.field--name-field-description-hero-legal-res,
.field--name-field-description-hero-contact-p,
.field--name-field-contact-form-muted-text,
.field--name-field-description-services,
.field--name-field-description-location {
    font-size: 0.96rem;
    color: var(--text-muted, #6b7280);
    max-width: 34rem;
    margin-bottom: 1.3rem;
    /* margin: 0; */
    padding: 0;
    margin-top: 0.5rem;
}


/* button section  */
.hero-home-button,
.buttons-wc-hero,
.hero-uc-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}

.field--name-field-book-appointment a,
.field--name-field-schedule-wound-evaluation a,
.field--name-field-walk-in-same-day a {
    background: #64c1af;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.55rem 1.2rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all var(--transition-fast);
    text-decoration: none;
}

.field--name-field-call-now a,
.field--name-field-call-now-uc a {
    background-color: #EA5959;
    color: #fff;
    padding: 0.55rem 1.2rem;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.field--name-field-explore-wound-care a,
.field--name-field-new-patient-info a {
    background-color: #fff;
    /* color:; */
    padding: 0.55rem 1.2rem;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    color: #64c1af;
    border: 1px solid rgba(148, 163, 184, 0.6);
}

.node--type-landing-page {
    background: #f7fafb;
    border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    /* padding: 3rem 0 3.3rem; */
}

.block-content-navbar_contact_block {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.88rem;
}

/* contact page forms section  */
.two-sections-contact-form {
    padding: 3rem 0;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr);
    gap: 1.8rem;
}

.field--name-field-left-container-contact-pag {
    background: #ffffff;
    border-radius: 12px;
    padding: 18px 16px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;

}

.js-form-required,
.webform-type-textarea,
.field--name-field-location-contact-form-labe,
label {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

/* abc */