/* =========================================================
   SECTION-3000
   HOMEPAGE CSS LOADER
========================================================= */


/* =========================================================
   CORE SYSTEM
========================================================= */

@import url("./home-core.css");


/* =========================================================
   SECTION FILES
========================================================= */

@import url("./hero.css");
@import url("./services.css");
@import url("./packages.css");
@import url("./branches.css");
@import url("./stories.css");
@import url("./cta.css?v=20261028-v4");

@import url("../../search/live-search.css");


/* =========================================================
   RESPONSIVE SYSTEM
========================================================= */

@import url("./responsive.css");
@import url("./homepage-final.css?v=20261103-homepage-polish2");
@import url("./ukmb-homepage-compatibility-fix.css?v=20261031-services-final1");


/* =========================================================
   SECTION-3999
   HOMEPAGE CSS LOADER END
========================================================= */
/* =========================================================
   HOMEPAGE REFINEMENT — 28 OCT 2026
   Scoped to homepage components only. Signup and other pages
   are intentionally untouched.
========================================================= */

/* Section title strips: full content width, rounded, no cream panel */
.services > .container > .section-header,
.packages > .container > .section-header {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: 1.15rem 1.5rem;
    margin: 0 auto 2rem;
    border-radius: 18px;
    background: transparent !important;
    box-shadow: none !important;
}

.services .section-title,
.packages .section-title {
    color: #d5b25b !important;
    background: transparent !important;
}

.services .section-description,
.packages .section-description {
    color: #69716f !important;
    background: transparent !important;
}

.services .section-badge,
.packages .section-badge {
    background: transparent !important;
    color: #58635f !important;
}

/* Service cards: remove unintended text highlight/panel backgrounds */
.services .service-front h3,
.services .service-front p,
.services .service-front .service-icon,
.services .service-back h3,
.services .service-back p,
.services .service-back li {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none;
}

.services .service-front h3 { color: #d5b25b !important; }
.services .service-front p { color: #d5d9d8 !important; }

/* Package cards: reduce border prominence and clear cream text blocks */
.packages .package-card-inner {
    border-width: 1px;
    border-color: rgba(213, 178, 91, .07);
    border-radius: 17px;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .32), 0 1px 0 rgba(255,255,255,.025) inset;
}

.packages .featured-package .package-card-inner {
    border-color: rgba(213, 178, 91, .30);
}

.packages .package-header,
.packages .package-header h3,
.packages .package-header p,
.packages .package-subtitle,
.packages .package-features,
.packages .package-features li {
    background-color: transparent !important;
    background-image: none !important;
}

.packages .package-header h3 { color: #d5b25b !important; }
.packages .package-subtitle,
.packages .package-features li { color: #d3d9dc !important; }

/* Package action buttons: visible 3D separation and persistent gentle pulse */
.packages .btn-package {
    margin: .65rem .25rem .25rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(213, 178, 91, .5);
    border-radius: 12px;
    box-shadow: 0 5px 0 rgba(0, 0, 0, .28), 0 8px 16px rgba(0, 0, 0, .18);
    animation: ukmbPackageButtonGlow 2.8s ease-in-out infinite;
}

.packages .package-card:nth-child(1) .btn-package {
    background: linear-gradient(135deg, #24776e, #15554e) !important;
    color: #fff !important;
}
.packages .package-card:nth-child(2) .btn-package {
    background: linear-gradient(135deg, #d5b25b, #edcf82) !important;
    color: #17352c !important;
}
.packages .package-card:nth-child(3) .btn-package {
    background: linear-gradient(135deg, #8f3d3d, #6f292d) !important;
    color: #fff !important;
}

@keyframes ukmbPackageButtonGlow {
    0%, 100% { box-shadow: 0 5px 0 rgba(0,0,0,.28), 0 7px 14px rgba(0,0,0,.15); }
    50% { box-shadow: 0 5px 0 rgba(0,0,0,.28), 0 9px 20px rgba(213,178,91,.28); }
}

/* Branch cards: subtle dark outline and stronger shadow */
.global-branches .branch-card-premium {
    border: 1px solid rgba(20, 28, 27, .28) !important;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .14) !important;
}
.global-branches .branch-card-premium:hover {
    box-shadow: 0 16px 34px rgba(0, 0, 0, .20) !important;
}

/* Story card CTA buttons sit slightly higher; View All uses readable gold */
.success-stories .btn-story { transform: translateY(-4px); }
.success-stories .btn-stories { color: #d5b25b !important; }

/* Final CTA: remove duplicated stats; dark heading; trust points on a dark strip */
.cta-section .cta-title { color: #173b35 !important; }
.cta-section .cta-stats { display: none !important; }
.cta-section .cta-features {
    background: rgba(14, 55, 45, .88);
    border-radius: 14px;
    padding: .85rem 1rem;
    margin-top: 1.5rem;
    gap: .75rem 1.25rem;
}
.cta-section .cta-feature,
.cta-section .cta-feature .feature-text { color: #edf1ed !important; }
.cta-section .cta-feature .feature-icon { color: #d5b25b !important; }

@media (max-width: 700px) {
    .services > .container > .section-header,
    .packages > .container > .section-header {
        padding: .8rem .5rem;
        border-radius: 14px;
    }
    .cta-section .cta-features { padding: .75rem; }
}


/* =========================================================
   HOMEPAGE TARGETED FIXES — 28 OCT 2026 (REVISION 2)
   Strictly scoped to homepage sections; signup styles untouched.
========================================================= */

/* SERVICES: retain the teal card, remove all cream text plates. */
.services .service-card .service-front h3,
.services .service-card .service-front p,
.services .service-card .service-back h3,
.services .service-card .service-back p,
.services .service-card .service-back li {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
.services .service-card .service-front h3,
.services .service-card .service-back h3 {
    color: #d5b25b !important;
}
.services .service-card .service-front p,
.services .service-card .service-back p,
.services .service-card .service-back li {
    color: #e1e7e4 !important;
}

/* PACKAGES: slightly narrower buttons, raised from the card bottom.
   Dark green and red buttons use white text for contrast. */
.packages .package-card .package-footer {
    padding-top: .35rem !important;
    padding-bottom: .45rem !important;
}
.packages .package-card .btn-package {
    display: flex !important;
    width: 80% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    transform: translateY(-5px);
}
.packages .package-card .btn-package:hover {
    transform: translateY(-7px);
}
.packages .package-card:nth-child(1) .btn-package,
.packages .package-card:nth-child(3) .btn-package {
    color: #ffffff !important;
}

/* SUCCESS STORIES: remove the awkward small badge to the left of the title. */
.success-stories .section-header > .section-badge {
    display: none !important;
}
.success-stories .story-card .btn-story {
    transform: translateY(-5px) !important;
}
.success-stories .btn-stories {
    color: #ffffff !important;
    background-color: #0b3040 !important;
    border-color: rgba(213, 178, 91, .55) !important;
}
.success-stories .btn-stories:hover {
    color: #ffffff !important;
}

/* FINAL CTA: dark, readable heading and no cream panels behind trust labels. */
.cta-section .cta-content .cta-title {
    color: #173b35 !important;
}
.cta-section .cta-features .cta-feature,
.cta-section .cta-features .cta-feature .feature-text,
.cta-section .cta-features .cta-feature .feature-icon {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
.cta-section .cta-features .cta-feature {
    background: rgba(14, 55, 45, .88) !important;
}
.cta-section .cta-features .cta-feature .feature-text {
    color: #f0f2ed !important;
}
.cta-section .cta-features .cta-feature .feature-icon {
    color: #d5b25b !important;
}



/* =========================================================
   UKMB HOMEPAGE POLISH V4 — CONTRAST + TEXT PLATE FIX
   Scope: homepage only. Preserve branch cards, section layout,
   existing package button dimensions/colors, and CTA layout.
========================================================= */

/* A) PREMIUM SERVICES — front face: no cream text plates.
   Force transparency on text elements and any nested markup. */
html body .page-wrapper .services .service-card .service-front h3,
html body .page-wrapper .services .service-card .service-front h3 *,
html body .page-wrapper .services .service-card .service-front p,
html body .page-wrapper .services .service-card .service-front p *,
html body .page-wrapper .services .service-card .service-front h3::before,
html body .page-wrapper .services .service-card .service-front h3::after,
html body .page-wrapper .services .service-card .service-front p::before,
html body .page-wrapper .services .service-card .service-front p::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
html body .page-wrapper .services .service-card .service-front h3,
html body .page-wrapper .services .service-card .service-front h3 * {
    color: #d5b25b !important;
    -webkit-text-fill-color: #d5b25b !important;
}
html body .page-wrapper .services .service-card .service-front p,
html body .page-wrapper .services .service-card .service-front p * {
    color: #e5ece8 !important;
    -webkit-text-fill-color: #e5ece8 !important;
}

/* Service reverse face: transparent teal panel, readable pale copy.
   Keep the light service action button itself intact. */
html body .page-wrapper .services .service-card .service-back,
html body .page-wrapper .services .service-card .service-back-content,
html body .page-wrapper .services .service-card .service-back h3,
html body .page-wrapper .services .service-card .service-back h3 *,
html body .page-wrapper .services .service-card .service-back ul,
html body .page-wrapper .services .service-card .service-back li,
html body .page-wrapper .services .service-card .service-back li * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
html body .page-wrapper .services .service-card .service-back h3,
html body .page-wrapper .services .service-card .service-back h3 * {
    color: #d5b25b !important;
    -webkit-text-fill-color: #d5b25b !important;
}
html body .page-wrapper .services .service-card .service-back li,
html body .page-wrapper .services .service-card .service-back li * {
    color: #e5ece8 !important;
    -webkit-text-fill-color: #e5ece8 !important;
}
html body .page-wrapper .services .service-card .service-back li::before {
    color: #d5b25b !important;
    -webkit-text-fill-color: #d5b25b !important;
    background: transparent !important;
}
html body .page-wrapper .services .service-card .service-back .btn-service,
html body .page-wrapper .services .service-card .service-back .btn-service * {
    background: #eeeDE2 !important;
    background-color: #eeeDE2 !important;
    background-image: none !important;
    color: #173b35 !important;
    -webkit-text-fill-color: #173b35 !important;
}

/* B) PREMIUM PACKAGES — light content panels need dark readable text.
   Do not alter package button styling or sizing. */
html body .page-wrapper .packages .package-card .package-header h3,
html body .page-wrapper .packages .package-card .package-header h3 *,
html body .page-wrapper .packages .package-card .package-subtitle,
html body .page-wrapper .packages .package-card .package-subtitle *,
html body .page-wrapper .packages .package-card .package-features li,
html body .page-wrapper .packages .package-card .package-features li * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    text-shadow: none !important;
}
html body .page-wrapper .packages .package-card .package-header h3,
html body .page-wrapper .packages .package-card .package-header h3 * {
    color: #173b35 !important;
    -webkit-text-fill-color: #173b35 !important;
}
html body .page-wrapper .packages .package-card .package-subtitle,
html body .page-wrapper .packages .package-card .package-subtitle * {
    color: #405b59 !important;
    -webkit-text-fill-color: #405b59 !important;
}
html body .page-wrapper .packages .package-card .package-features li,
html body .page-wrapper .packages .package-card .package-features li * {
    color: #405b68 !important;
    -webkit-text-fill-color: #405b68 !important;
}

/* C) CTA trust strip — remove small pale text backgrounds, retain the
   dark green trust pills and existing CTA card/layout. */
html body .page-wrapper .cta-section .cta-features .cta-feature .feature-text,
html body .page-wrapper .cta-section .cta-features .cta-feature .feature-text *,
html body .page-wrapper .cta-section .cta-features .cta-feature .feature-icon,
html body .page-wrapper .cta-section .cta-features .cta-feature .feature-icon * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
}
html body .page-wrapper .cta-section .cta-features .cta-feature .feature-text {
    color: #f0f2ed !important;
    -webkit-text-fill-color: #f0f2ed !important;
}
html body .page-wrapper .cta-section .cta-features .cta-feature .feature-icon {
    color: #e2c16c !important;
    -webkit-text-fill-color: #e2c16c !important;
}

/* D) Success-story action labels remain white on the dark button. */
html body .page-wrapper .success-stories .stories-action .btn-stories,
html body .page-wrapper .success-stories .stories-action .btn-stories * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* =========================================================
   UKMB TARGETED VISUAL FIX — 29 OCT 2026
   1) Remove cream highlight plates behind service-front text.
      The fourth card's cream reverse/community panel is preserved.
   2) Keep the Premium Packages card structure intact and allow
      the featured "Premium Matchmaking" title to remain on one line.
   No other homepage sections or functionality are changed.
========================================================= */

/* SERVICES: transparent text surfaces on all teal front faces. */
html body .page-wrapper main .services .service-card .service-front h3,
html body .page-wrapper main .services .service-card .service-front h3 *,
html body .page-wrapper main .services .service-card .service-front p,
html body .page-wrapper main .services .service-card .service-front p * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html body .page-wrapper main .services .service-card .service-front h3,
html body .page-wrapper main .services .service-card .service-front h3 * {
    color: #e0bd68 !important;
    -webkit-text-fill-color: #e0bd68 !important;
}

html body .page-wrapper main .services .service-card .service-front p,
html body .page-wrapper main .services .service-card .service-front p * {
    color: #f0f2ed !important;
    -webkit-text-fill-color: #f0f2ed !important;
}

/* PACKAGES: restore the approved single-line featured title.
   The header panel, feature list, card dimensions and buttons remain unchanged. */
html body .page-wrapper main .packages .featured-package .package-header h3 {
    width: 100% !important;
    max-width: none !important;
    margin: .15rem auto .45rem !important;
    font-size: clamp(1.35rem, 1.8vw, 1.8rem) !important;
    line-height: 1.2 !important;
    text-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

@media (max-width: 767px) {
    html body .page-wrapper main .packages .featured-package .package-header h3 {
        font-size: clamp(1.1rem, 4.2vw, 1.5rem) !important;
        white-space: normal !important;
        text-wrap: balance !important;
    }
}


/* ======================================================================
   UKMB HOMEPAGE — ISOLATED LIGHT / DARK THEME OWNER — 03 NOV 2026
   Canonical owner: this file is imported only by /index.php through
   assets/css/pages/home/loader.css. Shared theme CSS deliberately skips
   Homepage component styling; this block owns Homepage section/card colors.
   Scope: color, surface, border and readable text only. No layout, sizing,
   spacing, positioning, animation, markup, routes or actions are changed.
====================================================================== */

/* The shared shell still owns the branded header and footer. Homepage
   content canvas and sections use the selected palette. */
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .page-content {
    background: #f2f0e7 !important;
    color: #183d34 !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .page-content {
    background: #050807 !important;
    color: #f3f5ef !important;
}

html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .services,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .packages,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .global-branches,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .success-stories,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .cta-section {
    background: #f8f6ee !important;
    background-color: #f8f6ee !important;
    color: #183d34 !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .services,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .packages,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .global-branches,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .success-stories,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .page-wrapper main > .cta-section {
    background: #101916 !important;
    background-color: #101916 !important;
    color: #f3f5ef !important;
}

/* SERVICES + PACKAGES section title bands: cream/dark ink in Light;
   deep green/gold + pale copy in Dark. */
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .services > .container > .section-header,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages > .container > .section-header {
    background: #e9e9df !important;
    background-color: #e9e9df !important;
    border: 1px solid #d3d8cd !important;
    box-shadow: 0 5px 16px rgba(20, 45, 37, .07) !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .services > .container > .section-header .section-badge,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages > .container > .section-header .section-badge,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .services > .container > .section-header .section-title,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages > .container > .section-header .section-title {
    color: #173b35 !important;
    -webkit-text-fill-color: #173b35 !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .services > .container > .section-header .section-description,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages > .container > .section-header .section-description {
    color: #53635c !important;
    -webkit-text-fill-color: #53635c !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .services > .container > .section-header,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages > .container > .section-header {
    background: #173a32 !important;
    background-color: #173a32 !important;
    border: 1px solid rgba(224, 189, 104, .32) !important;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .22) !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .services > .container > .section-header .section-badge,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages > .container > .section-header .section-badge,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .services > .container > .section-header .section-title,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages > .container > .section-header .section-title {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .services > .container > .section-header .section-description,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages > .container > .section-header .section-description {
    color: #e7ece7 !important;
    -webkit-text-fill-color: #e7ece7 !important;
}

/* Other section headings remain transparent over their section surface. */
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .section-title,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .section-title {
    color: #183d34 !important;
    -webkit-text-fill-color: #183d34 !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .section-description,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .section-description,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .section-badge,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .section-badge {
    color: #63756d !important;
    -webkit-text-fill-color: #63756d !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .section-title,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .section-title {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .section-description,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .section-description,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .section-badge,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .section-badge {
    color: #bdcbc2 !important;
    -webkit-text-fill-color: #bdcbc2 !important;
}

/* SERVICES: the teal cards are intentional dark accent surfaces in both
   themes; headings stay gold and all supporting copy stays pale. */
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-front,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-back {
    background: linear-gradient(180deg, #0d6168 0%, #063f44 100%) !important;
    background-color: #063f44 !important;
    color: #f4f5ef !important;
    border-color: rgba(224, 189, 104, .24) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-front h3,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-back h3 {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-front p,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-back p,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-back li,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-back li * {
    color: #f4f5ef !important;
    -webkit-text-fill-color: #f4f5ef !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-back li {
    background: rgba(255, 255, 255, .045) !important;
    border-color: rgba(255, 255, 255, .10) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-back li::before {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-back .btn-service,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .services .service-card .service-back .btn-service * {
    background: #eeeDE2 !important;
    background-color: #eeeDE2 !important;
    color: #173b35 !important;
    -webkit-text-fill-color: #173b35 !important;
}

/* PREMIUM PACKAGES: three distinct branded cards. In Dark mode all three
   surfaces become dark; no cream inner plates remain. */
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-card .package-card-inner,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-card .package-header,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-card .package-body,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-card .package-footer {
    background-image: none !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-card .package-header,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-card .package-body,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-card .package-footer,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-card .package-features {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-card-inner {
    background: #eef0e9 !important;
    border-color: #c7d0c6 !important;
    box-shadow: 0 12px 25px rgba(17, 39, 32, .14) !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-header h3,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-header h3 *,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-subtitle,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-subtitle *,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-features li,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-features li * {
    color: #173b35 !important;
    -webkit-text-fill-color: #173b35 !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-features li.feature-disabled,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-features li.feature-disabled * {
    color: #5f6d65 !important;
    -webkit-text-fill-color: #5f6d65 !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-badge {
    color: #17604f !important;
    -webkit-text-fill-color: #17604f !important;
    border-color: rgba(23, 96, 79, .30) !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-card-inner {
    background: linear-gradient(145deg, #1a2b24 0%, #12221d 100%) !important;
    border-color: #52715f !important;
    box-shadow: 0 13px 28px rgba(0, 0, 0, .38) !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-header h3,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-header h3 *,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-subtitle,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-subtitle *,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-features li,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-features li * {
    color: #f4f6f1 !important;
    -webkit-text-fill-color: #f4f6f1 !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-badge {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
    border-color: rgba(224, 189, 104, .40) !important;
}

html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-card-inner {
    background: linear-gradient(145deg, #075f59 0%, #104d49 100%) !important;
    border-color: #c59e45 !important;
    box-shadow: 0 13px 28px rgba(0, 45, 39, .20) !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-card-inner {
    background: linear-gradient(145deg, #124e4a 0%, #0b3936 100%) !important;
    border-color: #9b7b3b !important;
    box-shadow: 0 13px 28px rgba(0, 0, 0, .42) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-header h3,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-header h3 *,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-subtitle,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-subtitle *,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-features li,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-features li * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-badge,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .package-badge * {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
    border-color: rgba(240, 196, 94, .45) !important;
}

html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-card-inner {
    background: linear-gradient(145deg, #17232a 0%, #0b1218 100%) !important;
    border-color: #c59e45 !important;
    box-shadow: 0 13px 28px rgba(0, 0, 0, .22) !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-card-inner {
    background: linear-gradient(145deg, #101820 0%, #070d12 100%) !important;
    border-color: #806b3d !important;
    box-shadow: 0 13px 28px rgba(0, 0, 0, .44) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-header h3,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-header h3 *,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-badge,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-badge * {
    color: #e2bd68 !important;
    -webkit-text-fill-color: #e2bd68 !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-subtitle,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-subtitle *,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-features li,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .vip-package .package-features li * {
    color: #f0f3f2 !important;
    -webkit-text-fill-color: #f0f3f2 !important;
}

/* Feature markers and package actions preserve their established colors. */
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-features li::before {
    background: #087b68 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .starter-package .package-features li.feature-disabled::before {
    background: #b8323b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .package-card .btn-package {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .btn-package {
    color: #17352c !important;
    -webkit-text-fill-color: #17352c !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .packages .featured-package .popular-ribbon {
    color: #10212e !important;
    -webkit-text-fill-color: #10212e !important;
}

/* GLOBAL BRANCHES: card, consultant inset and all text pairs follow theme. */
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-card-premium {
    background: #e8eee8 !important;
    border-color: #cbd5cb !important;
    color: #183d34 !important;
    box-shadow: 0 9px 22px rgba(20, 45, 37, .12) !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-card-premium {
    background: #192720 !important;
    border-color: #40574a !important;
    color: #f3f5ef !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .34) !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-badge {
    color: #76550d !important;
    -webkit-text-fill-color: #76550d !important;
    border-color: rgba(118, 85, 13, .28) !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-badge {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
    border-color: rgba(240, 213, 141, .34) !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-card-title,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .profile-name,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .profile-role,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-card-subtitle,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .info-row-text,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .info-row-text a {
    color: #183d34 !important;
    -webkit-text-fill-color: #183d34 !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-card-title,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .profile-name {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .profile-role,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-card-subtitle,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .info-row-text,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .info-row-text a {
    color: #bdcbc2 !important;
    -webkit-text-fill-color: #bdcbc2 !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-profile-box {
    background: #f8f6ee !important;
    border-color: #d3d9ce !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .global-branches .branch-profile-box {
    background: #101916 !important;
    border-color: #40574a !important;
}

/* SUCCESS STORIES: dark teal branded cards in both themes; all copy is
   deliberately light so the light-mode theme cannot darken the text. */
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .story-card,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .story-card-inner {
    background: linear-gradient(180deg, #17636a 0%, #10484d 100%) !important;
    border-color: rgba(224, 189, 104, .28) !important;
    color: #f4f5ef !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .story-card-header,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .story-content {
    background: transparent !important;
    background-color: transparent !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .story-card-header h3,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .story-couple-name {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .story-card-header p,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .story-subtitle,
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .story-text {
    color: #f4f5ef !important;
    -webkit-text-fill-color: #f4f5ef !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .success-stories .btn-story {
    background: #eeeDE2 !important;
    color: #173b35 !important;
    -webkit-text-fill-color: #173b35 !important;
}

/* FINAL CTA: both outer and inner surfaces switch together. Trust strip
   stays a dark accent with white text and gold icons in both themes. */
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-wrapper {
    background: #e8eee8 !important;
    border-color: #d2d9cf !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-content {
    background: #f1f3ec !important;
    background-color: #f1f3ec !important;
    border-color: #d6ddd2 !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-wrapper {
    background: #192720 !important;
    border-color: #40574a !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-content {
    background: #15231d !important;
    background-color: #15231d !important;
    border-color: #40574a !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-title,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-text,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .section-badge {
    color: #183d34 !important;
    -webkit-text-fill-color: #183d34 !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-title {
    color: #f0d58d !important;
    -webkit-text-fill-color: #f0d58d !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-text,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .section-badge {
    color: #f3f5ef !important;
    -webkit-text-fill-color: #f3f5ef !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-features {
    background: #0e372d !important;
    border-color: rgba(224, 189, 104, .20) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-feature .feature-icon {
    color: #f1d17a !important;
    -webkit-text-fill-color: #f1d17a !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome):has(.hero-section) .cta-section .cta-feature .feature-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* ============================================================
   UKMB 03 NOV 2026 — HOMEPAGE DARK-MODE HEADING POLISH
   Scope: only the two light section canvases whose text was
   still gold/ivory in Dark mode. Do not alter their surfaces,
   cards, spacing, layout, or any other Homepage component.
============================================================ */
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section)
.global-branches > .container > .section-header .section-title,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section)
.success-stories > .container > .section-header .section-title {
    color: #173b35 !important;
    -webkit-text-fill-color: #173b35 !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section)
.global-branches > .container > .section-header .section-description,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome):has(.hero-section)
.success-stories > .container > .section-header .section-description {
    color: #53635c !important;
    -webkit-text-fill-color: #53635c !important;
}