/* ============================================================
   SOUTHSIDE VOICES MEDIA INC.
   GLOBAL SITE HEADER
   ============================================================ */

.svm-global-header {
    width: 100%;
    position: relative;
    z-index: 9999;
    background: #FFFFFF;
    border-bottom: 1px solid #E4E8EE;
}

.svm-global-header-inner {
    width: 100%;
    min-height: 76px;
    margin: 0 auto;
    padding: 7px clamp(18px, 2.4vw, 36px);
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}


/* ============================================================
   BRAND
   ============================================================ */

.svm-global-brand {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    gap: 7px;

    color: #002060 !important;
    text-decoration: none !important;
}

.svm-global-logo {
    width: 62px;
    height: 62px;

    display: block;

    object-fit: contain;
}

.svm-global-brand-text {
    position: relative;

    min-width: 205px;

    display: grid;

    grid-template-columns:
        auto
        auto;

    grid-template-rows:
        auto
        auto;

    align-items: end;

    column-gap: 5px;

    line-height: 1;
}

.svm-global-brand-main {
    grid-column: 1;
    grid-row: 1;

    color: #002060;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;
    line-height: 1;
    font-weight: 500;
}

.svm-global-brand-voices {
    grid-column: 2;
    grid-row: 1 / span 2;

    color: #C63838;

    font-family:
        "Brush Script MT",
        "Segoe Script",
        cursive;

    font-size: 27px;
    line-height: .9;
}

.svm-global-brand-sub {
    grid-column: 1;
    grid-row: 2;

    margin-top: 2px;

    color: #27334A;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 7px;
    line-height: 1;
}


/* ============================================================
   MAIN NAVIGATION
   ============================================================ */

.svm-global-navigation {
    min-width: 0;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: clamp(11px, 1.25vw, 21px);
}

.svm-global-navigation > a,
.svm-global-dropdown-toggle {
    margin: 0;
    padding: 10px 0;

    border: 0;

    background: transparent;

    color: #111827 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: clamp(9px, .74vw, 12px);
    line-height: 1.2;
    font-weight: 600;

    text-decoration: none !important;

    white-space: nowrap;

    cursor: pointer;
}

.svm-global-navigation > a:hover,
.svm-global-dropdown-toggle:hover {
    color: #002060 !important;
}


/* ============================================================
   DROPDOWN BUTTON
   ============================================================ */

.svm-global-dropdown-toggle {
    display: inline-flex;
    align-items: center;

    gap: 4px;
}

.svm-global-dropdown-toggle svg {
    width: 10px;
    height: 10px;

    fill: none;

    stroke: currentColor;
    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ============================================================
   DROPDOWNS
   ============================================================ */

.svm-global-nav-dropdown {
    position: relative;
}

.svm-global-dropdown-menu {
    position: absolute;

    top: calc(100% + 1px);
    left: -14px;

    z-index: 10000;

    width: 245px;

    padding: 8px;

    display: none;

    box-sizing: border-box;

    border: 1px solid #DFE4EB;
    border-radius: 8px;

    background: #FFFFFF;

    box-shadow:
        0 12px 30px
        rgba(0, 32, 96, .13);
}

.svm-global-resource-menu {
    width: 305px;
}

.svm-global-nav-dropdown:hover
.svm-global-dropdown-menu,

.svm-global-nav-dropdown:focus-within
.svm-global-dropdown-menu,

.svm-global-nav-dropdown.is-open
.svm-global-dropdown-menu {
    display: block;
}

.svm-global-dropdown-menu a {
    width: 100%;

    padding: 9px 10px;

    box-sizing: border-box;

    display: block;

    border-radius: 5px;

    color: #27334A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 600;

    text-decoration: none !important;
}

.svm-global-dropdown-menu a:hover {
    background: #F4F7FB;

    color: #002060 !important;
}


/* ============================================================
   SEARCH
   ============================================================ */

.svm-global-search {
    position: relative;

    flex: 0 0 auto;

    margin: 0;
    padding: 0;
}

.svm-global-search-field {
    position: absolute;

    top: 50%;
    right: 0;

    width: 0;
    height: 38px;

    margin: 0;
    padding: 0;

    box-sizing: border-box;

    transform: translateY(-50%);

    opacity: 0;

    pointer-events: none;

    border: 1px solid #D8DEE8;
    border-radius: 6px;

    background: #FFFFFF;

    color: #27334A;

    transition:
        width .18s ease,
        opacity .18s ease,
        padding .18s ease;
}

.svm-global-search:focus-within
.svm-global-search-field {
    width: 220px;

    padding:
        0
        42px
        0
        12px;

    opacity: 1;

    pointer-events: auto;
}

.svm-global-search-button {
    position: relative;

    z-index: 2;

    width: 36px;
    height: 36px;

    margin: 0;
    padding: 8px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;

    background: transparent;

    color: #002060;

    cursor: pointer;
}

.svm-global-search-button svg {
    width: 19px;
    height: 19px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ============================================================
   MOBILE MENU BUTTON
   ============================================================ */

.svm-global-menu-toggle {
    display: none;

    width: 42px;
    height: 42px;

    margin: 0;
    padding: 9px;

    box-sizing: border-box;

    border: 1px solid #E1E5EC;
    border-radius: 6px;

    background: #FFFFFF;

    cursor: pointer;
}

.svm-global-menu-toggle span {
    width: 100%;
    height: 2px;

    margin: 4px 0;

    display: block;

    background: #002060;
}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

.svm-screen-reader-text {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* ============================================================
   TABLET / MOBILE
   ============================================================ */

@media (max-width: 1050px) {

    .svm-global-header-inner {
        min-height: 70px;

        padding:
            6px
            18px;
    }


    .svm-global-logo {
        width: 56px;
        height: 56px;
    }


    .svm-global-menu-toggle {
        display: block;
    }


    .svm-global-navigation {
        position: absolute;

        top: 100%;
        left: 0;
        right: 0;

        width: 100%;

        max-height:
            calc(100vh - 70px);

        padding:
            12px
            18px
            18px;

        box-sizing: border-box;

        display: none;

        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;

        gap: 0;

        overflow-y: auto;

        border-top:
            1px solid #E4E8EE;

        background:
            #FFFFFF;

        box-shadow:
            0 12px 24px
            rgba(0, 32, 96, .10);
    }


    .svm-global-navigation.is-open {
        display: flex;
    }


    .svm-global-navigation > a,
    .svm-global-dropdown-toggle {
        width: 100%;

        padding:
            12px
            4px;

        box-sizing: border-box;

        justify-content: space-between;

        border-bottom:
            1px solid #EEF1F5;

        font-size: 13px;

        text-align: left;
    }


    .svm-global-nav-dropdown {
        width: 100%;
    }


    .svm-global-dropdown-menu,
    .svm-global-resource-menu {
        position: static;

        width: 100%;

        margin: 0;

        padding:
            3px
            0
            7px
            14px;

        box-sizing: border-box;

        border: 0;
        border-radius: 0;

        box-shadow: none;
    }


    .svm-global-nav-dropdown:hover
    .svm-global-dropdown-menu {
        display: none;
    }


    .svm-global-nav-dropdown.is-open
    .svm-global-dropdown-menu {
        display: block;
    }


    .svm-global-dropdown-menu a {
        padding:
            9px
            8px;

        font-size: 12px;
    }


    .svm-global-search {
        width: 100%;

        margin-top: 10px;
    }


    .svm-global-search-field {
        position: static;

        width: 100%;
        height: 42px;

        padding:
            0
            44px
            0
            12px;

        transform: none;

        opacity: 1;

        pointer-events: auto;
    }


    .svm-global-search-button {
        position: absolute;

        top: 3px;
        right: 3px;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 500px) {

    .svm-global-brand-main {
        font-size: 18px;
    }


    .svm-global-brand-voices {
        font-size: 23px;
    }


    .svm-global-brand-text {
        min-width: 170px;
    }


    .svm-global-logo {
        width: 51px;
        height: 51px;
    }

}
/* ============================================================
   SVMINC CRD — GLOBAL MODAL VISIBILITY STANDARD
   Added September 2, 2026

   Purpose:
   Prevent WordPress/Astra/theme styles from washing out CRD
   modal titles, subtitles, body text and action buttons.
   ============================================================ */


/* ============================================================
   STANDARD CRD RESOURCE MODALS
   ============================================================ */

.svm-resource-modal .svm-resource-modal-dialog {
    color: #111B3A !important;
    background: #FFFFFF !important;
    opacity: 1 !important;
}


/* Category / top label */

.svm-resource-modal .svm-modal-topbar span {
    color: #5A8A28 !important;
    -webkit-text-fill-color: #5A8A28 !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* Provider / resource title */

.svm-resource-modal .svm-modal-title-grid h2 {
    color: #002060 !important;
    -webkit-text-fill-color: #002060 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}


/* Provider subtitle */

.svm-resource-modal .svm-modal-subtitle {
    color: #536078 !important;
    -webkit-text-fill-color: #536078 !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* Interior section titles */

.svm-resource-modal .svm-modal-box h3 {
    color: #002060 !important;
    -webkit-text-fill-color: #002060 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}


/* Interior body copy */

.svm-resource-modal .svm-modal-box p,
.svm-resource-modal .svm-modal-box li {
    color: #4B556A !important;
    -webkit-text-fill-color: #4B556A !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* Labels inside modal sections */

.svm-resource-modal .svm-modal-box strong {
    color: #1C2A4B !important;
    -webkit-text-fill-color: #1C2A4B !important;
    opacity: 1 !important;
}


/* Close button */

.svm-resource-modal .svm-modal-close {
    color: #002060 !important;
    -webkit-text-fill-color: #002060 !important;
    background: #F3F5F8 !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* Action area */

.svm-resource-modal .svm-modal-footer {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* All modal action buttons */

.svm-resource-modal .svm-modal-action {
    min-height: 42px !important;
    padding: 0 15px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    opacity: 1 !important;
    visibility: visible !important;

    font-weight: 800 !important;
    text-decoration: none !important;
}


/* Primary action */

.svm-resource-modal .svm-modal-action.primary {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    background: #002060 !important;
    border: 1px solid #002060 !important;
}


/* Secondary actions */

.svm-resource-modal .svm-modal-action.secondary {
    color: #002060 !important;
    -webkit-text-fill-color: #002060 !important;

    background: #FFFFFF !important;
    border: 1px solid #002060 !important;
}


/* ============================================================
   SPECIALIZED LEGAL-AID CRD MODAL
   ============================================================ */

.svm-la-profile-modal .svm-la-modal-dialog {
    color: #111B3A !important;
    background: #FFFFFF !important;
    opacity: 1 !important;
}

.svm-la-profile-modal .svm-la-modal-category {
    color: #5A8A28 !important;
    -webkit-text-fill-color: #5A8A28 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.svm-la-profile-modal .svm-la-modal-dialog h2 {
    color: #002060 !important;
    -webkit-text-fill-color: #002060 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

.svm-la-profile-modal .svm-la-modal-summary {
    color: #48546B !important;
    -webkit-text-fill-color: #48546B !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.svm-la-profile-modal .svm-la-profile-section h3 {
    color: #002060 !important;
    -webkit-text-fill-color: #002060 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.svm-la-profile-modal .svm-la-profile-section p,
.svm-la-profile-modal .svm-la-profile-section li,
.svm-la-profile-modal .svm-la-service-notes {
    color: #39465D !important;
    -webkit-text-fill-color: #39465D !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.svm-la-profile-modal .svm-la-profile-section strong {
    color: #1C2A4B !important;
    -webkit-text-fill-color: #1C2A4B !important;
}

.svm-la-profile-modal .svm-la-modal-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.svm-la-profile-modal .svm-la-modal-actions a {
    min-height: 39px !important;
    padding: 0 17px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    opacity: 1 !important;
    visibility: visible !important;

    font-weight: 800 !important;
    text-decoration: none !important;
}

.svm-la-profile-modal .svm-la-modal-lawline {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    background: #002060 !important;
    border: 1px solid #002060 !important;
}

.svm-la-profile-modal .svm-la-modal-office {
    color: #002060 !important;
    -webkit-text-fill-color: #002060 !important;

    background: #FFFFFF !important;
    border: 1px solid #002060 !important;
}

.svm-la-profile-modal .svm-la-modal-site {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    background: #347432 !important;
    border: 1px solid #347432 !important;
}
/* ============================================================
   SVMINC — UNIVERSAL MODAL CONTRAST FALLBACK
   Covers legacy + alternate SVMINC modal templates
   ============================================================ */


/* ---------- ALL SVMINC MODAL CONTENT ---------- */

[class*="svm-"][class*="modal"] {
    opacity: 1 !important;
    visibility: visible !important;
}


/* ---------- MAIN TITLES ---------- */

[class*="svm-"][class*="modal"] h1,
[class*="svm-"][class*="modal"] h2,
[class*="svm-"][class*="modal"] h3,
[class*="svm-"][class*="modal"] [class*="title"] {
    color: #002060 !important;
    -webkit-text-fill-color: #002060 !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-shadow: none !important;
}


/* ---------- SUBTITLES / SUMMARIES ---------- */

[class*="svm-"][class*="modal"] [class*="subtitle"],
[class*="svm-"][class*="modal"] [class*="summary"],
[class*="svm-"][class*="modal"] [class*="description"] {
    color: #48546B !important;
    -webkit-text-fill-color: #48546B !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ---------- BODY TEXT ---------- */

[class*="svm-"][class*="modal"] p,
[class*="svm-"][class*="modal"] li {
    color: #39465D !important;
    -webkit-text-fill-color: #39465D !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ---------- FIELD LABELS / STRONG TEXT ---------- */

[class*="svm-"][class*="modal"] strong {
    color: #1C2A4B !important;
    -webkit-text-fill-color: #1C2A4B !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ---------- CATEGORY / TYPE LABELS ---------- */

[class*="svm-"][class*="modal"] [class*="category"],
[class*="svm-"][class*="modal"] [class*="type"],
[class*="svm-"][class*="modal"] [class*="kicker"] {
    color: #5A8A28 !important;
    -webkit-text-fill-color: #5A8A28 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ============================================================
   UNIVERSAL MODAL ACTION BUTTONS
   ============================================================ */

[class*="svm-"][class*="modal"] a[class*="action"]:not([class*="close"]),
[class*="svm-"][class*="modal"] button[class*="action"]:not([class*="close"]),
[class*="svm-"][class*="modal"] a[class*="button"]:not([class*="close"]),
[class*="svm-"][class*="modal"] button[class*="button"]:not([class*="close"]) {

    min-height: 39px !important;

    padding: 9px 16px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    background: #002060 !important;

    border: 1px solid #002060 !important;
    border-radius: 5px !important;

    opacity: 1 !important;
    visibility: visible !important;

    font-weight: 800 !important;

    text-decoration: none !important;
}


/* Make text inside buttons visible too */

[class*="svm-"][class*="modal"] a[class*="action"] *,
[class*="svm-"][class*="modal"] button[class*="action"] *,
[class*="svm-"][class*="modal"] a[class*="button"] *,
[class*="svm-"][class*="modal"] button[class*="button"] * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    opacity: 1 !important;
}


/* ---------- WEBSITE BUTTONS ---------- */

[class*="svm-"][class*="modal"] a[class*="website"],
[class*="svm-"][class*="modal"] a[class*="site"] {

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    background: #347432 !important;

    border: 1px solid #347432 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ---------- CLOSE CONTROLS ---------- */

[class*="svm-"][class*="modal"] [class*="close"] {
    opacity: 1 !important;
    visibility: visible !important;
}
/* ============================================================
   SVMINC CRD — GLOBAL MODAL CONTROLS STANDARD
   Fixes close X + all footer/action buttons
   ============================================================ */


/* ============================================================
   CLOSE BUTTON / CLOSE LINK
   ============================================================ */

[class*="svm-"][class*="modal"] a[class*="close"],
[class*="svm-"][class*="modal"] button[class*="close"],
[class*="svm-"][class*="modal"] [class*="modal-close"] {

    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;
    min-height: 38px !important;

    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #C9D2DF !important;
    border-radius: 50% !important;

    background: #FFFFFF !important;

    color: #002060 !important;
    -webkit-text-fill-color: #002060 !important;

    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-decoration: none !important;
    text-shadow: none !important;

    cursor: pointer !important;
}


/* Hover/focus state */

[class*="svm-"][class*="modal"] a[class*="close"]:hover,
[class*="svm-"][class*="modal"] button[class*="close"]:hover,
[class*="svm-"][class*="modal"] a[class*="close"]:focus,
[class*="svm-"][class*="modal"] button[class*="close"]:focus {

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    background: #002060 !important;
    border-color: #002060 !important;
}


/* ============================================================
   ACTION AREAS
   ============================================================ */

[class*="svm-"][class*="modal"] [class*="actions"],
[class*="svm-"][class*="modal"] [class*="footer"],
[class*="svm-"][class*="modal"] [class*="buttons"] {

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 9px !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ============================================================
   ALL LINKS/BUTTONS INSIDE MODAL ACTION AREAS

   This catches older CRD templates where the first button
   does not contain "action" or "button" in its own class.
   ============================================================ */

[class*="svm-"][class*="modal"] [class*="actions"] > a,
[class*="svm-"][class*="modal"] [class*="actions"] > button,
[class*="svm-"][class*="modal"] [class*="footer"] > a,
[class*="svm-"][class*="modal"] [class*="footer"] > button,
[class*="svm-"][class*="modal"] [class*="buttons"] > a,
[class*="svm-"][class*="modal"] [class*="buttons"] > button {

    min-height: 40px !important;

    padding: 9px 16px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #002060 !important;
    border-radius: 5px !important;

    background: #002060 !important;

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;
}


/* Keep nested text/icons visible */

[class*="svm-"][class*="modal"] [class*="actions"] > a *,
[class*="svm-"][class*="modal"] [class*="actions"] > button *,
[class*="svm-"][class*="modal"] [class*="footer"] > a *,
[class*="svm-"][class*="modal"] [class*="footer"] > button *,
[class*="svm-"][class*="modal"] [class*="buttons"] > a *,
[class*="svm-"][class*="modal"] [class*="buttons"] > button * {

    color: inherit !important;
    -webkit-text-fill-color: inherit !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ============================================================
   OFFICIAL WEBSITE BUTTON
   Always green
   ============================================================ */

[class*="svm-"][class*="modal"] [class*="actions"] > a[class*="website"],
[class*="svm-"][class*="modal"] [class*="actions"] > a[class*="site"],
[class*="svm-"][class*="modal"] [class*="footer"] > a[class*="website"],
[class*="svm-"][class*="modal"] [class*="footer"] > a[class*="site"],
[class*="svm-"][class*="modal"] a[href^="http"]:not([class*="close"]) {

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    background: #347432 !important;
    border-color: #347432 !important;
}


/* ============================================================
   PHONE / CONTACT / PROGRAM BUTTON
   Always navy
   ============================================================ */

[class*="svm-"][class*="modal"] a[href^="tel:"],
[class*="svm-"][class*="modal"] a[class*="contact"],
[class*="svm-"][class*="modal"] a[class*="program"],
[class*="svm-"][class*="modal"] button[class*="contact"],
[class*="svm-"][class*="modal"] button[class*="program"] {

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    background: #002060 !important;
    border: 1px solid #002060 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 620px) {

    [class*="svm-"][class*="modal"] [class*="actions"] > a,
    [class*="svm-"][class*="modal"] [class*="actions"] > button,
    [class*="svm-"][class*="modal"] [class*="footer"] > a,
    [class*="svm-"][class*="modal"] [class*="footer"] > button {

        min-height: 44px !important;
    }
}
/* =========================================================
   SVMINC GLOBAL TYPOGRAPHY ACCESSIBILITY ENHANCEMENT
   Slightly increases text size sitewide
   ========================================================= */

html {
    font-size: 129.5%;
}

body {
    line-height: 1.6;
}

/* Keep interactive text readable */
button,
input,
select,
textarea {
    font-size: 1rem;
}

/* Improve smaller utility/meta text */
small,
.wp-block-post-date,
.wp-block-post-author,
.entry-meta,
.post-meta {
    font-size: 0.9rem;
}
/* =========================================================
   SVMINC SENTINEL - FRONT-END VISIBILITY FIX
   ========================================================= */

.svm-sentinel-box {
    color: #1f2937 !important;
}

.svm-sentinel-box h1,
.svm-sentinel-box h2,
.svm-sentinel-box h3,
.svm-sentinel-box p,
.svm-sentinel-box label,
.svm-sentinel-box summary,
.svm-sentinel-box strong,
.svm-sentinel-box code {
    color: #1f2937 !important;
}

.svm-sentinel-box input {
    color: #111827 !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
}

.svm-sentinel-box a {
    color: #174ea6 !important;
}

.svm-sentinel-box button {
    color: #ffffff !important;
}