/* =============================================
   MTG GLOBAL CSS — v6 (June 2026)
   WHERE: Appearance → Customize → Additional CSS
   Replace ALL existing content with this.

   This file contains only rules that apply
   sitewide. Page-specific rules are in
   WPCode snippets (files 2–5).
   ============================================= */

/* === GLOBAL === */
body, .site {
    background-color: #FAFAF7 !important;
}

/* === HEADER === */
.site-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5E4DF;
    padding: 8px 0;
}
.site-header .custom-logo,
.site-header .site-logo img,
.site-header img.custom-logo {
    max-height: 60px !important;
    height: 60px !important;
    width: auto !important;
}
.site-header .menu-item a {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #6B6B6B;
    padding: 8px 14px;
    transition: color 0.3s;
}
.site-header .menu-item a:hover {
    color: #2A7C6F;
}
.menu-cta-button a {
    display: inline-block !important;
    background-color: #2A7C6F !important;
    color: #FFFFFF !important;
    padding: 10px 24px !important;
    border-radius: 8px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: background-color 0.3s !important;
}
.menu-cta-button a:hover {
    background-color: #1D5A50 !important;
    color: #FFFFFF !important;
}
.hp-menu--user > a,
.hp-nav--user > a {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #2A7C6F;
    background-color: #E8F4F1;
    padding: 8px 16px;
    border-radius: 20px;
}

/* Hide HivePress header buttons */
.hp-page__actions,
.site-header .button,
.site-header .wp-block-button,
.header-widgets .widget a.hp-link,
.header-widgets .widget a.button,
a[href*="listing/submit"],
a[href*="request/submit"] {
    display: none !important;
}
.hp-menu--request a,
a.hp-link--request,
.site-header a[href*="request/submit"],
.site-header a[href*="submit-request"],
a.hp-link[href*="submit-request"] {
    display: none !important;
}

/* === NAV LOGO TEXT === */
.mtg-nav-logo-text {
    display: inline !important;
}
.mtg-nav-logo {
    font-size: 15px !important;
}

/* === MOBILE MENU === */
.header-navbar__burger ul li {
    padding: 8px 0 !important;
    margin-bottom: 4px !important;
}
.header-navbar__burger ul li a {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #2D2D2D !important;
    padding: 10px 16px !important;
    display: block !important;
    line-height: 1.4 !important;
}
.header-navbar__burger ul li a:hover {
    color: #2A7C6F !important;
}
.header-navbar__burger .hp-menu__item--user-login a,
.header-navbar__burger .menu-item--user-login a {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2A7C6F !important;
    padding: 10px 16px !important;
}

/* === PAGE LAYOUT === */
.site-content,
.entry-content,
.page .entry-content,
.hp-page__content {
    padding: 0 !important;
    margin: 0 !important;
}
.page .site-content .entry-content > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.elementor-section,
.elementor-element,
.elementor-widget-wrap,
.elementor-container {
    margin-bottom: 0 !important;
}
.site-content::before,
.site-content::after {
    display: none !important;
}

/* === LISTING CARDS (sitewide — cards appear on browse, search, homepage) === */
.hp-listing {
    border: 1px solid #EFEEE9 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #FFFFFF !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(45, 45, 45, 0.04) !important;
}
.hp-listing:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(45, 45, 45, 0.10) !important;
}
.hp-listing--view-block {
    height: auto !important;
    min-height: auto !important;
}

/* Card image */
.hp-listing__image,
.hp-listing__images {
    width: 160px !important;
    height: 160px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    margin: 16px auto 0 !important;
    display: block !important;
}
.hp-listing__image img,
.hp-listing__images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Category badge */
.hp-listing__category,
.hp-listing .hp-listing__category-name {
    display: inline-block !important;
    background-color: #E8F4F1 !important;
    color: #1D5A50 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
}

/* Card title */
.hp-listing__title,
.hp-listing__title a {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #2D2D2D !important;
    margin: 12px 0 8px !important;
    line-height: 1.3 !important;
}
.hp-listing__title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.hp-listing__title a:hover {
    color: #2A7C6F !important;
}
.hp-listing__title a::after {
    content: " →";
    color: #2A7C6F;
    opacity: 0;
    transition: opacity 0.2s ease;
    display: inline-block;
}
.hp-listing:hover .hp-listing__title a::after {
    opacity: 1;
}

/* Card content */
.hp-listing__content {
    padding: 14px 16px !important;
    min-height: 140px !important;
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 8px !important;
}

/* Location */
.hp-listing__location,
.hp-listing .hp-listing__attribute--location {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: #6B6B6B !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Hide date on cards */
.hp-listing__date,
.hp-listing__created-date,
time.hp-listing__created-date,
.hp-listing__date.hp-meta,
time[class*="created-date"],
time[class*="listing__date"],
.hp-listing [class*="created-date"],
.hp-listing [class*="__date"],
.hp-listing time,
.hp-listing__details time,
.hp-listing__content time {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide email on cards */
.hp-listing .hp-listing__attribute--email,
.hp-listing [class*="email"] {
    display: none !important;
}

/* Card attributes */
.hp-listing--view-block .hp-listing__attributes--primary {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    color: #6B6B6B !important;
    padding: 8px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
    align-items: flex-start !important;
}
.hp-listing--view-block .hp-listing__attribute {
    font-size: 11px !important;
    font-family: 'DM Sans', sans-serif !important;
    color: #6B6B6B !important;
    line-height: 1.3 !important;
    padding: 4px 0 !important;
    border: none !important;
}

/* Hide most attributes on cards */
.hp-listing--view-block .hp-listing__attribute--meeting-days,
.hp-listing--view-block .hp-listing__attribute--meeting-times,
.hp-listing--view-block .hp-listing__attribute--grp-length,
.hp-listing--view-block .hp-listing__attribute--grp-size,
.hp-listing--view-block .hp-listing__attribute--grp-ages,
.hp-listing--view-block .hp-listing__attribute--enrollment-type,
.hp-listing--view-block .hp-listing__attribute--how-to-join,
.hp-listing--view-block .hp-listing__attribute--exact-cost,
.hp-listing--view-block .hp-listing__attribute--cost-range,
.hp-listing--view-block .hp-listing__attribute--ss-available,
.hp-listing--view-block .hp-listing__attribute--insurance-accepted,
.hp-listing--view-block .hp-listing__attribute--credentials,
.hp-listing--view-block .hp-listing__attribute--provider-credentials,
.hp-listing--view-block .hp-listing__attribute--service-area {
    display: none !important;
}

/* Format pill on cards */
.hp-listing--view-block .hp-listing__attribute--group-format,
.hp-listing .hp-listing__attribute--format,
.hp-listing .hp-listing__attribute[class*="format"] {
    display: inline-block !important;
    background: #FAFAF7 !important;
    border: 1px solid #E5E4DF !important;
    color: #2A7C6F !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 4px 10px !important;
    border-radius: 100px !important;
    margin: 6px 0 !important;
    width: 100% !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Topics on cards */
.hp-listing--view-block .hp-listing__attribute--group-topics,
.hp-listing .hp-listing__attribute--topics,
.hp-listing .hp-listing__attribute[class*="topic"] {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 13px !important;
    color: #6B6B6B !important;
    margin-top: 6px !important;
    line-height: 1.3 !important;
    max-height: 48px !important;
    width: 100% !important;
}

/* Card footer */
.hp-listing__footer,
footer.hp-listing__footer {
    background-color: #FFFFFF !important;
    padding: 8px 16px !important;
    border-top: 1px solid #E5E4DF !important;
    position: relative !important;
    clear: both !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 40px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    text-align: left !important;
    align-items: flex-start !important;
}
.hp-listing__actions {
    padding: 8px 16px !important;
    border-top: 1px solid #E5E4DF !important;
    font-size: 12px !important;
    background-color: #FFFFFF !important;
    overflow: visible !important;
    height: auto !important;
    text-align: left !important;
    align-items: flex-start !important;
}
.hp-listing__content,
.hp-listing__attributes,
.hp-listing__attribute {
    text-align: left !important;
    align-items: flex-start !important;
}
.hp-listing--view-block .hp-listing__actions--primary {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    padding-top: 8px !important;
    position: relative !important;
    float: none !important;
}
.hp-listing__header,
.hp-listing__details,
.hp-listing__content > * {
    position: relative !important;
    clear: both !important;
    margin-bottom: 6px !important;
    overflow: hidden !important;
}
.hp-listing--view-block .hp-block.hp-listing__attributes {
    padding: 10px 14px !important;
}

/* Verified badge on cards */
.hp-listing--view-block .hp-listing__verified,
.hp-listing--view-block .hp-badge--verified,
.hp-listing--view-block .hp-badge {
    display: inline !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
    font-size: 0 !important;
}
.hp-listing--view-block .hp-listing__verified::after,
.hp-listing--view-block .hp-badge--verified::after,
.hp-listing--view-block .hp-badge::after {
    content: " Verified";
    font-size: 10px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    color: #2A7C6F !important;
    vertical-align: middle !important;
}

/* Featured badge */
.hp-listing--featured .hp-listing__title::before {
    content: "★ Featured";
    display: inline-block;
    background: #D4956A;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 4px;
    margin-right: 8px;
    vertical-align: middle;
}

/* Crisis services logo fix */
.term-crisis-services .hp-listing__image-slider img,
.term-crisis-services .hp-listing__image img {
    object-fit: contain !important;
    background-color: #ffffff;
    padding: 12px;
}

/* === BOOKING — hide globally === */
.hp-form--booking,
.hp-form--booking-make,
form[class*="booking"] {
    display: none !important;
}
.hp-field--booking-slot-duration,
.hp-form__field--booking-slot-duration,
[data-name="booking_slot_duration"],
label[for*="booking_slot"],
.hp-field--booking-note,
.hp-form__field--booking-note {
    display: none !important;
}
.hp-form--vendor-submit .hp-form__field--booking-offset,
.hp-form--vendor-update .hp-form__field--booking-offset,
.hp-form--vendor-submit .hp-form__field--booking-window,
.hp-form--vendor-update .hp-form__field--booking-window,
.hp-form--vendor-submit .hp-form__field--booking-slot-duration,
.hp-form--vendor-update .hp-form__field--booking-slot-duration,
.hp-form--vendor-submit .hp-form__field--booking-min-duration,
.hp-form--vendor-update .hp-form__field--booking-min-duration,
.hp-form--vendor-submit .hp-form__field--booking-max-duration,
.hp-form--vendor-update .hp-form__field--booking-max-duration,
.hp-form--vendor-submit .hp-form__field--booking-import-urls,
.hp-form--vendor-update .hp-form__field--booking-import-urls,
.hp-form--vendor-submit .hp-form__field--booking-export-url,
.hp-form--vendor-update .hp-form__field--booking-export-url,
.hp-form--vendor-submit .hp-form__field--booking-requests,
.hp-form--vendor-update .hp-form__field--booking-requests,
[class*="vendor"] [class*="booking"] {
    display: none !important;
}

/* === VENDOR PROFILE FORM === */
.hp-form--vendor-submit .hp-form__field--categories,
.hp-form--vendor-submit .hp-form__field--category,
.hp-form--vendor-update .hp-form__field--categories,
.hp-form--vendor-update .hp-form__field--category {
    display: none !important;
}
.hp-form--vendor-submit .hp-form__field--name label,
.hp-form--vendor-update .hp-form__field--name label {
    font-size: 0 !important;
}
.hp-form--vendor-submit .hp-form__field--name label::after,
.hp-form--vendor-update .hp-form__field--name label::after {
    content: "NAME";
    font-size: 11px !important;
    font-family: 'DM Sans', sans-serif !important;
    letter-spacing: 1px !important;
}

/* === FOOTER === */
.site-footer {
    margin: 0 !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}
.site-footer,
.site > footer,
.footer-widgets,
.footer-widgets-area {
    background-color: #2D2D2D !important;
}
.site-footer a:hover,
.footer-widgets a:hover {
    color: #2A7C6F !important;
}
.site-footer,
.site-footer .footer-widgets,
.site-footer #mtg-footer,
.site-footer .widget,
.site-footer .widget--footer,
.site-footer #mtg-footer * {
    line-height: 1.55 !important;
}
.site-footer #mtg-footer h1,
.site-footer #mtg-footer h2,
.site-footer #mtg-footer h3,
.site-footer #mtg-footer h4 {
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
}
.site-footer .site-info,
.site-footer .footer-navigation,
.site-info,
.footer-widgets .widget_nav_menu,
.footer-widgets .widget_pages,
.site-footer nav,
.site-footer .lsd-mt-3 {
    display: none !important;
}
.mtg-footer-topics-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px 24px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mtg-footer-topics-list li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.mtg-footer-disclaimer { margin-top: 24px !important; }
.mtg-footer-disclaimer__inner { padding: 16px 0 !important; max-width: 900px !important; }
.mtg-footer-disclaimer__heading { font-size: 12px !important; letter-spacing: 1.5px !important; margin-bottom: 6px !important; opacity: 0.75 !important; }
.mtg-footer-disclaimer__inner p { font-size: 13px !important; line-height: 1.55 !important; margin-bottom: 12px !important; }
.mtg-footer-states-col { padding-bottom: 0 !important; }
.mtg-footer-states-toggle {
    cursor: pointer; display: inline-block; padding: 10px 24px; margin-top: 8px;
    background-color: #2A7C6F; color: #FFFFFF !important; border: none;
    font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600;
    border-radius: 6px; transition: background-color 0.2s;
}
.mtg-footer-states-toggle:hover { background-color: #1F5A52; color: #FFFFFF !important; }
.mtg-footer-states-toggle::after { content: ' \25BE'; display: inline-block; margin-left: 6px; transition: transform 0.2s; }
.mtg-footer-states-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }

/* === STATE LIST TOGGLE === */
.mtg-states-details { margin-top: 16px; text-align: center; }
.mtg-states-summary {
    cursor: pointer; display: inline-block; padding: 12px 28px;
    background-color: #2A7C6F; color: #FFFFFF; font-family: 'DM Sans', sans-serif;
    font-size: 15px; font-weight: 600; border-radius: 8px;
    list-style: none; user-select: none; transition: background-color 0.2s;
}
.mtg-states-summary::-webkit-details-marker { display: none; }
.mtg-states-summary::marker { content: ''; }
.mtg-states-summary:hover { background-color: #1F5A52; }
.mtg-states-summary::after { content: ' \25BE'; display: inline-block; margin-left: 6px; transition: transform 0.2s; }
.mtg-states-details[open] .mtg-states-summary::after { transform: rotate(180deg); }
.mtg-states-details[open] .mtg-states-summary { margin-bottom: 16px; }

/* === HOMEPAGE === */
.home .elementor-element-d331057 { display: none !important; }
.mtg-states-grid > *:nth-child(n+13):not(.mtg-state-chip--all):not(.mtg-states-grid__more) { display: none !important; }

/* === WPFORMS === */
.wpforms-submit {
    background-color: #2A7C6F !important; color: #FFFFFF !important;
    border: none !important; border-radius: 8px !important;
    padding: 14px 32px !important; font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important; font-size: 16px !important;
    cursor: pointer !important; transition: background-color 0.3s !important;
}
.wpforms-submit:hover { background-color: #1D5A50 !important; }
.wpforms-container select,
.wpforms-form select {
    font-family: 'DM Sans', sans-serif !important; font-size: 16px !important;
    letter-spacing: 0 !important; word-spacing: normal !important;
    font-stretch: normal !important; text-transform: none !important;
    width: 100% !important; appearance: auto !important;
    -webkit-appearance: menulist !important;
}

/* === MISC GLOBAL HIDES === */
.hp-form__field--checkbox:has(input[name="_open"]) { display: none !important; }
.wps_sfw_interval { display: none !important; }
.hp-form__field--tag,
.hp-form__field--tags { font-family: 'DM Sans', sans-serif !important; }

/* === MOBILE RESPONSIVE (global) === */
@media (max-width: 768px) {
    .elementor-button::before, .elementor-button::after,
    .elementor-button-text::before, .elementor-button-text::after,
    .elementor-button-content-wrapper::before, .elementor-button-content-wrapper::after {
        display: none !important; content: none !important;
    }
    .elementor-button-text { position: relative !important; display: inline-block !important; transform: none !important; }
    .elementor-button-content-wrapper { transform: none !important; }
    .elementor-button { animation: none !important; transition: none !important; transform: none !important; }
    .elementor-section, .elementor-container, .elementor-column-wrap,
    .elementor-widget-wrap, .elementor-widget { max-width: 100% !important; overflow-x: hidden !important; }
    .elementor-widget-container { max-width: 100% !important; overflow-wrap: break-word !important; word-wrap: break-word !important; }
    .elementor-heading-title { font-size: clamp(28px, 8vw, 48px) !important; overflow-wrap: break-word !important; }
    .elementor-widget-heading .elementor-heading-title { font-size: 36px !important; }
    .elementor-section .elementor-container { padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; }
    .elementor-column { width: 100% !important; max-width: 100% !important; }
    .elementor-widget-container * { max-width: 100% !important; box-sizing: border-box !important; }
    h1, h2, h3 { overflow-wrap: break-word !important; word-wrap: break-word !important; }
    body, html { overflow-x: hidden !important; }
    .sidebar, .widget-area { display: none !important; }
    .content-area, .site-main { width: 100% !important; max-width: 100% !important; }
    .mtg-footer-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 32px 24px !important; }
    .mtg-footer-copyright { font-size: 12px !important; padding: 16px 0 !important; word-wrap: break-word !important; }
    .mtg-faq-title { font-size: 32px !important; margin-bottom: 32px !important; padding: 0 10px !important; }
    .mtg-footer-topics-list { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
    .mtg-footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; }


}

/* === NAV DROPDOWN POSITIONING (desktop) ===
   Hover-delay: WPCode JS snippet #12177.
   Level-1 drops below; level-2 flies RIGHT — no overlap.
============================================= */
@media (min-width: 1200px) {
  .site-header .menu-item-has-children {
    position: relative !important;
  }
  .site-header .menu-item-has-children > .sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    min-width: 200px !important;
    background: #ffffff !important;
    border: 1px solid #E5E4DF !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(45,45,45,0.12) !important;
    padding: 8px 0 !important;
  }
  .site-header .menu-item--user-account > .sub-menu {
    left: auto !important;
    right: 0 !important;
  }
  .site-header .sub-menu .menu-item-has-children {
    position: relative !important;
  }
  .site-header .sub-menu .menu-item-has-children > .sub-menu {
    position: absolute !important;
    top: -8px !important;
    left: 100% !important;
    z-index: 10000 !important;
    min-width: 200px !important;
    max-height: 420px !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    border: 1px solid #E5E4DF !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(45,45,45,0.12) !important;
    padding: 8px 0 !important;
  }
  .site-header .sub-menu .menu-item > a {
    display: block !important;
    padding: 10px 18px !important;
    white-space: nowrap !important;
    color: #2D2D2D !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
  }
  .site-header .sub-menu .menu-item > a:hover {
    color: #2A7C6F !important;
    background-color: #F5FAF9 !important;
  }
  .site-header .sub-menu .menu-item-has-children > a::after {
    content: ' ›' !important;
    float: right !important;
    color: #6B6B6B !important;
  }
}

/* === LOGIN LINK for logged-out visitors ===
   HivePress adds .menu-item--user-login when logged out.
   Show it as a styled pill matching the account icon.
============================================= */
.site-header .menu-item--user-login > a,
.site-header .hp-menu__item--user-login > a {
  display: inline-block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2A7C6F !important;
  background-color: #E8F4F1 !important;
  padding: 8px 16px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
}
.site-header .menu-item--user-login > a:hover {
  background-color: #d0ece7 !important;
  color: #1D5A50 !important;
}

/* === Fix: Browse Groups flyout — only show hovered item's submenu === */
.site-header .sub-menu .menu-item-has-children > .sub-menu {
  display: none !important;
}
.site-header .sub-menu .menu-item-has-children:hover > .sub-menu {
  display: block !important;
}

/* Hero Group Cards */
.hero-group-card {
  background: white;
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  margin-bottom: 12px;
  border-left: 3px solid #2d6a4f;
}
.hero-group-card:nth-child(2) { border-left-color: #5a6fa0; }
.hero-group-card:nth-child(3) { border-left-color: #c8773a; }
@media (max-width: 781px) {
  .hero-group-card { display: none !important; }
}