:root {
    --bhsc-navy: #071f45;
    --bhsc-blue: #005eb8;
    --bhsc-light-blue: #eaf4ff;
    --bhsc-gold: #f5b400;
    --bhsc-red: #d71920;
    --bhsc-text: #1f2937;
    --bhsc-muted: #6b7280;
    --bhsc-border: #dbe4f0;
    --bhsc-bg: #f4f8fc;
    --bhsc-card: #ffffff;
    --bhsc-radius: 18px;
    --bhsc-shadow: 0 14px 36px rgba(7, 31, 69, 0.10);
}

body {
    color: var(--bhsc-text);
}

body.bhsc-club-page,
body.bhsc-shortcode-page {
    background: var(--bhsc-bg);
}

.bhsc-page-shell,
.bhsc-portal-wrap,
.bhsc-full-width-wrap,
.bhsc-policy-wrap,
.bhsc-landing-wrap {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 42px 0 56px;
}

.bhsc-full-width-wrap {
    width: min(1320px, calc(100% - 28px));
}

.bhsc-portal-card,
.bhsc-content-card,
.bhsc-policy-card,
.bhsc-hero-card {
    background: var(--bhsc-card);
    border: 1px solid var(--bhsc-border);
    border-radius: var(--bhsc-radius);
    box-shadow: var(--bhsc-shadow);
    padding: clamp(22px, 3vw, 42px);
}

.bhsc-page-title,
.bhsc-portal-title,
.bhsc-policy-title {
    color: var(--bhsc-navy);
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.08;
    margin: 0 0 12px;
    font-weight: 800;
}

.bhsc-page-intro {
    color: var(--bhsc-muted);
    font-size: 18px;
    max-width: 820px;
    margin: 0 0 28px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.bhsc-portal-wrap h1,
.bhsc-portal-wrap h2,
.bhsc-portal-wrap h3,
.bhsc-full-width-wrap h1,
.bhsc-full-width-wrap h2,
.bhsc-full-width-wrap h3 {
    color: var(--bhsc-navy);
}

.entry-content a,
.bhsc-portal-wrap a,
.bhsc-full-width-wrap a {
    color: var(--bhsc-blue);
}

.bhsc-btn,
.entry-content .bhsc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 12px 20px;
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.bhsc-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(7, 31, 69, 0.18);
}

.bhsc-btn-primary {
    background: var(--bhsc-blue);
    color: #fff !important;
}

.bhsc-btn-secondary {
    background: var(--bhsc-gold);
    color: var(--bhsc-navy) !important;
}

.bhsc-btn-outline {
    background: #fff;
    color: var(--bhsc-blue) !important;
    border: 1px solid var(--bhsc-blue);
}

.bhsc-quick-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
    margin: 28px 0;
}

.bhsc-quick-link-card {
    background: #fff;
    border: 1px solid var(--bhsc-border);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 22px rgba(7, 31, 69, 0.08);
}

.bhsc-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 18px 0;
}

.bhsc-table-scroll table {
    min-width: 720px;
}

.bhsc-portal-wrap table,
.bhsc-full-width-wrap table,
.entry-content table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
}

.bhsc-portal-wrap th,
.bhsc-portal-wrap td,
.bhsc-full-width-wrap th,
.bhsc-full-width-wrap td,
.entry-content th,
.entry-content td {
    border: 1px solid var(--bhsc-border);
    padding: 12px 14px;
    vertical-align: middle;
}

.bhsc-portal-wrap th,
.bhsc-full-width-wrap th,
.entry-content th {
    background: var(--bhsc-navy);
    color: #fff;
    font-weight: 700;
}

.bhsc-portal-wrap input,
.bhsc-portal-wrap select,
.bhsc-portal-wrap textarea,
.bhsc-full-width-wrap input,
.bhsc-full-width-wrap select,
.bhsc-full-width-wrap textarea,
.entry-content input,
.entry-content select,
.entry-content textarea {
    border: 1px solid var(--bhsc-border);
    border-radius: 12px;
    padding: 10px 12px;
    max-width: 100%;
}

.bhsc-portal-wrap button,
.bhsc-portal-wrap input[type="submit"],
.bhsc-full-width-wrap button,
.bhsc-full-width-wrap input[type="submit"],
.entry-content button,
.entry-content input[type="submit"] {
    background: var(--bhsc-blue);
    color: #fff;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    font-weight: 700;
    cursor: pointer;
}

.bhsc-notice {
    background: var(--bhsc-light-blue);
    border-left: 5px solid var(--bhsc-blue);
    border-radius: 14px;
    padding: 16px 18px;
    margin: 20px 0;
}

.bhsc-landing-hero {
    background: linear-gradient(135deg, var(--bhsc-navy), var(--bhsc-blue));
    color: #fff;
    border-radius: 24px;
    padding: clamp(28px, 5vw, 64px);
    margin-bottom: 28px;
    box-shadow: var(--bhsc-shadow);
}

.bhsc-landing-hero h1,
.bhsc-landing-hero h2,
.bhsc-landing-hero p {
    color: #fff;
}

.bhsc-policy-card .entry-content {
    font-size: 17px;
    line-height: 1.75;
}

@media (max-width: 768px) {
    .bhsc-page-shell,
    .bhsc-portal-wrap,
    .bhsc-full-width-wrap,
    .bhsc-policy-wrap,
    .bhsc-landing-wrap {
        width: min(100% - 20px, 100%);
        padding: 24px 0 36px;
    }

    .bhsc-portal-card,
    .bhsc-content-card,
    .bhsc-policy-card,
    .bhsc-hero-card {
        padding: 18px;
        border-radius: 14px;
    }

    .bhsc-quick-links {
        grid-template-columns: 1fr;
    }

    .bhsc-btn,
    .entry-content .bhsc-btn {
        width: 100%;
    }
}

/* BHSC Custom Homepage */
.bhsc-home {
    background:
        radial-gradient(circle at top left, rgba(0, 94, 184, 0.14), transparent 32rem),
        linear-gradient(180deg, #f4f8fc 0%, #ffffff 100%);
    padding: clamp(22px, 4vw, 48px) 0 64px;
}

.bhsc-home-hero,
.bhsc-home-section {
    width: min(1180px, calc(100% - 32px));
    margin-inline: auto;
}

.bhsc-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.8fr);
    gap: 26px;
    align-items: stretch;
    background: linear-gradient(135deg, var(--bhsc-navy), #053a7a 58%, var(--bhsc-blue));
    color: #fff;
    border-radius: 30px;
    padding: clamp(28px, 5vw, 66px);
    box-shadow: 0 24px 60px rgba(7, 31, 69, 0.22);
    overflow: hidden;
    position: relative;
}

.bhsc-home-hero:before {
    content: "";
    position: absolute;
    inset: auto -120px -150px auto;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: rgba(245, 180, 0, 0.18);
}

.bhsc-kicker {
    display: inline-flex;
    width: fit-content;
    color: var(--bhsc-gold);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 13px;
    margin-bottom: 12px;
}

.bhsc-home-hero h1 {
    color: #fff;
    font-size: clamp(38px, 6vw, 76px);
    line-height: 0.98;
    margin: 0 0 18px;
    max-width: 780px;
}

.bhsc-home-hero p {
    color: rgba(255, 255, 255, 0.88);
    font-size: clamp(17px, 2vw, 22px);
    max-width: 760px;
    margin: 0 0 28px;
}

.bhsc-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.bhsc-btn-outline-light {
    border: 1px solid rgba(255,255,255,0.72);
    color: #fff !important;
    background: rgba(255,255,255,0.08);
}

.bhsc-home-hero__panel {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 14px;
}

.bhsc-home-hero__panel > div,
.bhsc-feature-list > div {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 18px;
    padding: 18px;
    backdrop-filter: blur(8px);
}

.bhsc-home-hero__panel strong,
.bhsc-feature-list strong {
    display: block;
    color: #fff;
    font-size: 17px;
    margin-bottom: 5px;
}

.bhsc-home-hero__panel span,
.bhsc-feature-list span {
    display: block;
    color: rgba(255,255,255,0.82);
    line-height: 1.45;
}

.bhsc-home-section {
    margin-top: 28px;
}

.bhsc-home-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.bhsc-home-card {
    display: grid;
    gap: 8px;
    background: #fff;
    border: 1px solid var(--bhsc-border);
    border-radius: 22px;
    padding: 24px;
    min-height: 168px;
    text-decoration: none !important;
    box-shadow: 0 12px 30px rgba(7, 31, 69, 0.08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bhsc-home-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 42px rgba(7, 31, 69, 0.14);
    border-color: rgba(0,94,184,0.42);
}

.bhsc-home-card span {
    font-size: 32px;
}

.bhsc-home-card strong {
    color: var(--bhsc-navy);
    font-size: 21px;
}

.bhsc-home-card em {
    color: var(--bhsc-muted);
    font-style: normal;
    line-height: 1.45;
}

.bhsc-split-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
    gap: 24px;
    background: var(--bhsc-navy);
    border-radius: 26px;
    padding: clamp(24px, 4vw, 44px);
    box-shadow: var(--bhsc-shadow);
}

.bhsc-split-section h2 {
    color: #fff;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.05;
    margin: 0 0 14px;
}

.bhsc-split-section p {
    color: rgba(255,255,255,0.84);
    font-size: 18px;
    max-width: 640px;
}

.bhsc-home-content {
    background: #fff;
    border: 1px solid var(--bhsc-border);
    border-radius: 22px;
    padding: clamp(20px, 3vw, 38px);
    box-shadow: var(--bhsc-shadow);
}

/* Portal styling layer for existing BHSC plugins */
.bhsc-entry-content > *:first-child { margin-top: 0; }
.bhsc-entry-content > *:last-child { margin-bottom: 0; }

.bhsc-portal-wrap .tabs,
.bhsc-portal-wrap .nav-tab-wrapper,
.bhsc-portal-wrap .bhsc-tabs,
.bhsc-full-width-wrap .tabs,
.bhsc-full-width-wrap .nav-tab-wrapper,
.bhsc-full-width-wrap .bhsc-tabs,
.entry-content .nav-tab-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid var(--bhsc-border);
    margin: 0 0 22px;
    padding-bottom: 10px;
}

.bhsc-portal-wrap .nav-tab,
.bhsc-portal-wrap .tab,
.bhsc-portal-wrap .bhsc-tab,
.bhsc-full-width-wrap .nav-tab,
.bhsc-full-width-wrap .tab,
.bhsc-full-width-wrap .bhsc-tab,
.entry-content .nav-tab {
    border: 1px solid var(--bhsc-border) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--bhsc-navy) !important;
    padding: 9px 15px !important;
    font-weight: 700;
    text-decoration: none !important;
    margin: 0 !important;
}

.bhsc-portal-wrap .nav-tab-active,
.bhsc-portal-wrap .active,
.bhsc-portal-wrap .bhsc-tab.active,
.bhsc-full-width-wrap .nav-tab-active,
.bhsc-full-width-wrap .active,
.entry-content .nav-tab-active {
    background: var(--bhsc-blue) !important;
    color: #fff !important;
    border-color: var(--bhsc-blue) !important;
}

.bhsc-portal-wrap .notice,
.bhsc-portal-wrap .updated,
.bhsc-portal-wrap .error,
.bhsc-portal-wrap .success,
.bhsc-full-width-wrap .notice,
.entry-content .notice {
    border-radius: 14px;
    border: 1px solid var(--bhsc-border);
    box-shadow: none;
    padding: 14px 16px;
    margin: 16px 0;
}

.bhsc-portal-wrap .updated,
.bhsc-portal-wrap .success {
    border-left: 5px solid #16a34a;
    background: #f0fdf4;
}

.bhsc-portal-wrap .error {
    border-left: 5px solid var(--bhsc-red);
    background: #fff5f5;
}

.bhsc-portal-wrap .card,
.bhsc-portal-wrap .bhsc-card,
.bhsc-portal-wrap .portal-card,
.bhsc-full-width-wrap .card,
.entry-content .bhsc-card {
    border: 1px solid var(--bhsc-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(7,31,69,0.08);
    padding: 18px;
}

.bhsc-portal-wrap label,
.bhsc-full-width-wrap label,
.entry-content label {
    font-weight: 700;
    color: var(--bhsc-navy);
}

.bhsc-portal-wrap input:focus,
.bhsc-portal-wrap select:focus,
.bhsc-portal-wrap textarea:focus,
.bhsc-full-width-wrap input:focus,
.bhsc-full-width-wrap select:focus,
.bhsc-full-width-wrap textarea:focus {
    outline: 3px solid rgba(0, 94, 184, 0.18);
    border-color: var(--bhsc-blue);
}

.bhsc-portal-wrap .status-present,
.bhsc-portal-wrap .present,
.bhsc-portal-wrap .paid,
.bhsc-badge-success {
    background: #dcfce7;
    color: #166534;
    border-radius: 999px;
    padding: 4px 9px;
    font-weight: 800;
}

.bhsc-portal-wrap .status-absent,
.bhsc-portal-wrap .absent,
.bhsc-portal-wrap .unpaid,
.bhsc-badge-danger {
    background: #fee2e2;
    color: #991b1b;
    border-radius: 999px;
    padding: 4px 9px;
    font-weight: 800;
}

.bhsc-portal-wrap .status-late,
.bhsc-portal-wrap .late,
.bhsc-portal-wrap .pending,
.bhsc-badge-warning {
    background: #fef3c7;
    color: #92400e;
    border-radius: 999px;
    padding: 4px 9px;
    font-weight: 800;
}

.bhsc-portal-wrap .status-excused,
.bhsc-portal-wrap .excused,
.bhsc-badge-info {
    background: var(--bhsc-light-blue);
    color: var(--bhsc-blue);
    border-radius: 999px;
    padding: 4px 9px;
    font-weight: 800;
}

.bhsc-table-scroll {
    border: 1px solid var(--bhsc-border);
    border-radius: 16px;
    background: #fff;
}

.bhsc-table-scroll table {
    margin: 0;
}

.bhsc-table-scroll tr:nth-child(even) td {
    background: #f8fbff;
}

@media (max-width: 980px) {
    .bhsc-home-hero,
    .bhsc-split-section {
        grid-template-columns: 1fr;
    }

    .bhsc-home-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bhsc-home-hero,
    .bhsc-home-section {
        width: min(100% - 20px, 100%);
    }

    .bhsc-home-grid {
        grid-template-columns: 1fr;
    }

    .bhsc-home-actions .bhsc-btn {
        width: 100%;
    }

    .bhsc-home-card {
        min-height: auto;
    }

    .bhsc-portal-wrap .tabs,
    .bhsc-portal-wrap .nav-tab-wrapper,
    .bhsc-portal-wrap .bhsc-tabs {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #fff;
        padding-top: 8px;
    }
}

/* =========================================================
   BHSC Theme v2 — Premium UI
   Homepage, navigation refinements and portal design polish
   ========================================================= */
:root {
    --bhsc-v2-navy: #061b3f;
    --bhsc-v2-navy-2: #082a61;
    --bhsc-v2-blue: #0875d1;
    --bhsc-v2-sky: #20b7ff;
    --bhsc-v2-gold: #ffc20a;
    --bhsc-v2-ink: #081a33;
    --bhsc-v2-muted: #64748b;
    --bhsc-v2-soft: #f3f8ff;
    --bhsc-v2-line: rgba(8, 42, 97, .12);
    --bhsc-v2-shadow: 0 24px 70px rgba(6, 27, 63, .16);
    --bhsc-v2-card-shadow: 0 18px 45px rgba(6, 27, 63, .10);
}

body.home,
body.bhsc-club-page,
body.bhsc-shortcode-page {
    background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 46%, #ffffff 100%);
}

/* Prevent the Oxigeno header from visually colliding with the custom hero on many installs. */
body.home .btContentWrap,
body.home .btContent,
body.home .bt_bb_wrapper {
    overflow: visible;
}

.bhsc-home-v2 {
    position: relative;
    isolation: isolate;
    padding: clamp(34px, 5vw, 74px) 0 78px;
    background:
        radial-gradient(circle at 8% 6%, rgba(32, 183, 255, .22), transparent 28rem),
        radial-gradient(circle at 90% 10%, rgba(255, 194, 10, .16), transparent 26rem),
        linear-gradient(180deg, #f7fbff 0%, #eef6ff 50%, #ffffff 100%);
}

.bhsc-home-v2:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .26;
    background-image:
        linear-gradient(135deg, rgba(8,117,209,.10) 25%, transparent 25%),
        linear-gradient(225deg, rgba(8,117,209,.10) 25%, transparent 25%);
    background-size: 48px 48px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 68%);
}

.bhsc-premium-hero,
.bhsc-home-section {
    width: min(1240px, calc(100% - 36px));
    margin-inline: auto;
}

.bhsc-premium-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .72fr);
    gap: clamp(22px, 4vw, 48px);
    align-items: center;
    min-height: 560px;
    padding: clamp(34px, 6vw, 78px);
    border-radius: 34px;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(6, 27, 63, .96) 0%, rgba(8, 42, 97, .98) 48%, rgba(8, 117, 209, .92) 100%),
        radial-gradient(circle at top right, rgba(32, 183, 255, .34), transparent 30rem);
    box-shadow: var(--bhsc-v2-shadow);
    border: 1px solid rgba(255,255,255,.18);
}

.bhsc-premium-hero:after {
    content: "";
    position: absolute;
    left: -8%;
    right: -8%;
    bottom: -115px;
    height: 210px;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(255,255,255,.22), transparent 55%),
        linear-gradient(90deg, rgba(32,183,255,.28), rgba(255,255,255,.10), rgba(255,194,10,.20));
    border-radius: 50% 50% 0 0;
    transform: rotate(-1.6deg);
}

.bhsc-water-orb {
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(.1px);
}

.bhsc-water-orb-one {
    width: 520px;
    height: 520px;
    right: -210px;
    bottom: -190px;
    background: rgba(32, 183, 255, .18);
}

.bhsc-water-orb-two {
    width: 260px;
    height: 260px;
    top: 40px;
    right: 30%;
    background: rgba(255, 194, 10, .10);
}

.bhsc-premium-hero__copy,
.bhsc-command-panel {
    position: relative;
    z-index: 2;
}

.bhsc-premium-hero .bhsc-kicker,
.bhsc-section-heading .bhsc-kicker,
.bhsc-pathway-copy .bhsc-kicker,
.bhsc-portal-showcase .bhsc-kicker {
    color: var(--bhsc-v2-gold);
    letter-spacing: .11em;
    font-size: 12px;
}

.bhsc-premium-hero h1 {
    color: #fff;
    font-size: clamp(44px, 6.7vw, 86px);
    letter-spacing: -0.055em;
    line-height: .92;
    margin: 0 0 20px;
    max-width: 790px;
}

.bhsc-premium-hero p {
    color: rgba(255,255,255,.86);
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.35;
    max-width: 780px;
    margin: 0 0 30px;
}

.bhsc-home-actions {
    gap: 14px;
    align-items: center;
}

.bhsc-home-v2 .bhsc-btn {
    min-height: 50px;
    padding: 13px 22px;
    border-radius: 999px;
    font-weight: 850;
    letter-spacing: -.01em;
}

.bhsc-home-v2 .bhsc-btn-secondary {
    background: var(--bhsc-v2-gold);
    color: var(--bhsc-v2-navy) !important;
    box-shadow: 0 14px 28px rgba(255, 194, 10, .26);
}

.bhsc-home-v2 .bhsc-btn-primary {
    background: linear-gradient(135deg, var(--bhsc-v2-blue), var(--bhsc-v2-sky));
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(8,117,209,.28);
}

.bhsc-home-v2 .bhsc-btn-outline-light {
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.45);
    backdrop-filter: blur(10px);
}

.bhsc-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: clamp(26px, 4vw, 44px);
    max-width: 850px;
}

.bhsc-hero-stats > div {
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    padding: 16px;
    backdrop-filter: blur(10px);
}

.bhsc-hero-stats strong {
    display: block;
    color: #fff;
    font-size: 19px;
    margin-bottom: 5px;
}

.bhsc-hero-stats span {
    display: block;
    color: rgba(255,255,255,.76);
    font-size: 14px;
    line-height: 1.35;
}

.bhsc-command-panel {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 26px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.20);
    backdrop-filter: blur(14px);
    box-shadow: 0 28px 60px rgba(0,0,0,.18);
}

.bhsc-command-panel__header {
    padding: 8px 8px 12px;
}

.bhsc-command-panel__header span {
    display: block;
    color: var(--bhsc-v2-gold);
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.bhsc-command-panel__header strong {
    display: block;
    color: #fff;
    font-size: 28px;
    line-height: 1.05;
}

.bhsc-command-panel a {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border-radius: 18px;
    color: #fff !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.16);
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.bhsc-command-panel a:hover {
    transform: translateX(4px);
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.32);
}

.bhsc-command-panel a > span {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: rgba(255,255,255,.18);
    font-size: 24px;
}

.bhsc-command-panel strong,
.bhsc-command-panel em {
    display: block;
}

.bhsc-command-panel strong {
    color: #fff;
    font-size: 17px;
    margin-bottom: 2px;
}

.bhsc-command-panel em {
    color: rgba(255,255,255,.74);
    font-size: 14px;
    font-style: normal;
    line-height: 1.32;
}

.bhsc-section-heading {
    margin-top: 46px;
    text-align: center;
    max-width: 820px;
}

.bhsc-section-heading h2,
.bhsc-pathway-section h2,
.bhsc-portal-showcase h2 {
    color: var(--bhsc-v2-ink);
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.02;
    letter-spacing: -.04em;
    margin: 0 0 12px;
}

.bhsc-section-heading p,
.bhsc-pathway-section p,
.bhsc-portal-showcase p {
    color: var(--bhsc-v2-muted);
    font-size: 18px;
    line-height: 1.55;
    margin: 0;
}

.bhsc-premium-grid {
    gap: 20px;
    margin-top: 24px;
}

.bhsc-home-v2 .bhsc-home-card {
    position: relative;
    overflow: hidden;
    min-height: 205px;
    padding: 28px;
    border: 1px solid var(--bhsc-v2-line);
    border-radius: 26px;
    box-shadow: var(--bhsc-v2-card-shadow);
    background: linear-gradient(180deg, #ffffff 0%, #fafdff 100%);
}

.bhsc-home-v2 .bhsc-home-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 5px;
    background: linear-gradient(90deg, var(--bhsc-v2-gold), var(--bhsc-v2-sky), var(--bhsc-v2-blue));
    opacity: .95;
}

.bhsc-home-v2 .bhsc-home-card span {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: var(--bhsc-v2-soft);
    font-size: 30px;
    margin-bottom: 10px;
}

.bhsc-home-v2 .bhsc-home-card strong {
    color: var(--bhsc-v2-ink);
    font-size: 23px;
    line-height: 1.12;
}

.bhsc-home-v2 .bhsc-home-card em {
    color: var(--bhsc-v2-muted);
    font-size: 15.5px;
}

.bhsc-pathway-section {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: clamp(22px, 4vw, 48px);
    align-items: center;
    margin-top: 42px;
    padding: clamp(28px, 5vw, 54px);
    border-radius: 30px;
    background: #fff;
    border: 1px solid var(--bhsc-v2-line);
    box-shadow: var(--bhsc-v2-card-shadow);
}

.bhsc-pathway-copy .bhsc-kicker,
.bhsc-portal-showcase .bhsc-kicker,
.bhsc-section-heading .bhsc-kicker {
    color: var(--bhsc-v2-blue);
}

.bhsc-pathway-steps {
    display: grid;
    gap: 14px;
}

.bhsc-pathway-steps > div {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 14px;
    align-items: center;
    padding: 17px;
    border-radius: 20px;
    background: linear-gradient(135deg, #f8fbff, #ffffff);
    border: 1px solid var(--bhsc-v2-line);
}

.bhsc-pathway-steps span {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: var(--bhsc-v2-navy);
    color: #fff;
    font-weight: 900;
}

.bhsc-pathway-steps strong,
.bhsc-pathway-steps em {
    display: block;
}

.bhsc-pathway-steps strong {
    color: var(--bhsc-v2-ink);
    font-size: 18px;
}

.bhsc-pathway-steps em {
    color: var(--bhsc-v2-muted);
    font-style: normal;
}

.bhsc-portal-showcase {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 24px;
    align-items: center;
    margin-top: 42px;
    padding: clamp(28px, 5vw, 54px);
    border-radius: 30px;
    background:
        radial-gradient(circle at right, rgba(32,183,255,.18), transparent 28rem),
        linear-gradient(135deg, var(--bhsc-v2-navy), var(--bhsc-v2-navy-2));
    box-shadow: var(--bhsc-v2-shadow);
}

.bhsc-portal-showcase h2,
.bhsc-portal-showcase p {
    color: #fff;
}

.bhsc-portal-showcase p {
    color: rgba(255,255,255,.78);
}

.bhsc-showcase-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.bhsc-showcase-list span {
    display: block;
    padding: 14px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
    font-weight: 800;
    text-align: center;
}

/* Premium portal styling layer */
.bhsc-portal-wrap,
.bhsc-full-width-wrap,
.bhsc-policy-wrap,
.bhsc-landing-wrap {
    width: min(1280px, calc(100% - 34px));
}

.bhsc-portal-card,
.bhsc-content-card,
.bhsc-policy-card,
.bhsc-hero-card {
    border-radius: 26px;
    border-color: var(--bhsc-v2-line);
    box-shadow: var(--bhsc-v2-card-shadow);
}

.bhsc-portal-wrap table,
.bhsc-full-width-wrap table,
.entry-content table {
    border-radius: 16px;
    overflow: hidden;
}

.bhsc-portal-wrap th,
.bhsc-full-width-wrap th,
.entry-content th {
    background: linear-gradient(135deg, var(--bhsc-v2-navy), var(--bhsc-v2-navy-2));
}

.bhsc-portal-wrap tr:nth-child(even) td,
.bhsc-full-width-wrap tr:nth-child(even) td,
.entry-content tr:nth-child(even) td {
    background: #f8fbff;
}

.bhsc-portal-wrap button,
.bhsc-portal-wrap input[type="submit"],
.bhsc-full-width-wrap button,
.bhsc-full-width-wrap input[type="submit"],
.entry-content button,
.entry-content input[type="submit"] {
    background: linear-gradient(135deg, var(--bhsc-v2-blue), var(--bhsc-v2-sky));
    box-shadow: 0 12px 22px rgba(8,117,209,.18);
}

.bhsc-portal-wrap .nav-tab-active,
.bhsc-portal-wrap .active,
.bhsc-portal-wrap .bhsc-tab.active,
.bhsc-full-width-wrap .nav-tab-active,
.bhsc-full-width-wrap .active,
.entry-content .nav-tab-active {
    background: linear-gradient(135deg, var(--bhsc-v2-blue), var(--bhsc-v2-sky)) !important;
    border-color: transparent !important;
}

/* Header/menu polish for the common Oxigeno header structure. */
body.home .mainHeader,
body.home .btLogoArea,
body.home .menuPort {
    position: relative;
    z-index: 20;
}

body.home .menuPort nav > ul > li > a,
body.home .btMenuHorizontal .menuPort > nav > ul > li > a {
    letter-spacing: .02em;
    font-weight: 800;
}

@media (max-width: 1100px) {
    .bhsc-premium-hero,
    .bhsc-pathway-section,
    .bhsc-portal-showcase {
        grid-template-columns: 1fr;
    }

    .bhsc-premium-hero {
        min-height: auto;
    }
}

@media (max-width: 760px) {
    .bhsc-home-v2 {
        padding-top: 22px;
    }

    .bhsc-premium-hero,
    .bhsc-home-section {
        width: min(100% - 20px, 100%);
    }

    .bhsc-premium-hero {
        padding: 26px 20px;
        border-radius: 24px;
    }

    .bhsc-premium-hero h1 {
        font-size: clamp(36px, 13vw, 54px);
        letter-spacing: -0.045em;
    }

    .bhsc-hero-stats,
    .bhsc-showcase-list {
        grid-template-columns: 1fr;
    }

    .bhsc-command-panel {
        padding: 12px;
        border-radius: 20px;
    }

    .bhsc-command-panel a {
        grid-template-columns: 44px 1fr;
        padding: 12px;
    }

    .bhsc-home-v2 .bhsc-home-card {
        min-height: auto;
        padding: 23px;
    }

    .bhsc-pathway-section,
    .bhsc-portal-showcase {
        padding: 24px 18px;
        border-radius: 24px;
    }

    .bhsc-pathway-steps > div {
        grid-template-columns: 48px 1fr;
        padding: 14px;
    }
}

/* =========================================================
   BHSC Unified Parent Dashboard
   ========================================================= */
.bhsc-parent-dashboard {
    width: min(1180px, calc(100% - 32px));
    margin: 34px auto 60px;
    color: #071b3a;
}

.bhsc-parent-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
    gap: 28px;
    align-items: stretch;
    padding: clamp(28px, 5vw, 58px);
    border-radius: 34px;
    background:
        radial-gradient(circle at 88% 18%, rgba(253,184,19,.32), transparent 26%),
        radial-gradient(circle at 12% 100%, rgba(18,129,230,.35), transparent 30%),
        linear-gradient(135deg, #061f4d 0%, #063f86 48%, #0879d6 100%);
    box-shadow: 0 30px 80px rgba(6, 31, 77, .24);
    overflow: hidden;
    position: relative;
}

.bhsc-parent-hero:after {
    content: "";
    position: absolute;
    inset: auto -10% -48% 45%;
    height: 360px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    transform: rotate(-9deg);
}

.bhsc-parent-hero > * {
    position: relative;
    z-index: 1;
}

.bhsc-parent-hero .bhsc-kicker {
    display: inline-flex;
    margin-bottom: 14px;
    color: #fdb813;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
}

.bhsc-parent-hero h1 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(40px, 6vw, 72px);
    line-height: .95;
    letter-spacing: -.05em;
    max-width: 780px;
}

.bhsc-parent-hero p {
    max-width: 660px;
    margin: 0;
    color: rgba(255,255,255,.88);
    font-size: clamp(17px, 2vw, 23px);
    line-height: 1.28;
}

.bhsc-parent-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.bhsc-parent-status-panel {
    display: grid;
    gap: 12px;
    align-content: center;
}

.bhsc-parent-status-panel div {
    padding: 18px 20px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 20px;
    background: rgba(255,255,255,.13);
    backdrop-filter: blur(10px);
}

.bhsc-parent-status-panel strong,
.bhsc-parent-status-panel span {
    display: block;
}

.bhsc-parent-status-panel strong {
    color: #fff;
    font-size: 18px;
    line-height: 1.1;
}

.bhsc-parent-status-panel span {
    margin-top: 5px;
    color: rgba(255,255,255,.78);
    font-size: 14px;
}

.bhsc-parent-alerts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 22px 0;
}

.bhsc-parent-alert {
    display: grid;
    gap: 4px;
    padding: 18px 20px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(7,27,58,.08);
    border: 1px solid rgba(7,27,58,.08);
}

.bhsc-parent-alert strong {
    font-size: 16px;
    color: #071b3a;
}

.bhsc-parent-alert span {
    color: #647084;
    line-height: 1.4;
}

.bhsc-parent-alert-blue { border-left: 5px solid #0879d6; }
.bhsc-parent-alert-gold { border-left: 5px solid #fdb813; }

.bhsc-parent-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 22px 0;
}

.bhsc-parent-card {
    display: grid;
    gap: 11px;
    min-height: 220px;
    padding: 26px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid rgba(7,27,58,.08);
    box-shadow: 0 22px 60px rgba(7,27,58,.08);
    text-decoration: none !important;
    color: #071b3a !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.bhsc-parent-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 76px rgba(7,27,58,.14);
    border-color: rgba(8,121,214,.26);
}

.bhsc-parent-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: #eef6ff;
    font-size: 27px;
}

.bhsc-parent-card strong {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 900;
}

.bhsc-parent-card em {
    color: #647084;
    font-style: normal;
    line-height: 1.45;
}

.bhsc-parent-card b {
    margin-top: auto;
    color: #0879d6;
    font-size: 14px;
}

.bhsc-parent-section-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 18px;
    margin-top: 22px;
}

.bhsc-parent-panel {
    padding: 28px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid rgba(7,27,58,.08);
    box-shadow: 0 22px 60px rgba(7,27,58,.08);
}

.bhsc-parent-panel h2 {
    margin: 0 0 8px;
    color: #071b3a;
    font-size: 28px;
    line-height: 1.08;
}

.bhsc-parent-panel p {
    margin: 0 0 18px;
    color: #647084;
}

.bhsc-parent-link-list {
    list-style: none;
    padding: 0;
    margin: 16px 0 0;
    display: grid;
    gap: 10px;
}

.bhsc-parent-link-list a {
    display: block;
    padding: 13px 15px;
    border-radius: 15px;
    background: #f4f8fd;
    color: #071b3a !important;
    font-weight: 800;
    text-decoration: none !important;
}

.bhsc-parent-link-list a:hover {
    background: #e8f3ff;
}

.bhsc-parent-embedded-portal {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(7,27,58,.08);
}

.bhsc-parent-dashboard .bhsc-btn {
    text-decoration: none !important;
}

@media (max-width: 980px) {
    .bhsc-parent-hero,
    .bhsc-parent-section-grid {
        grid-template-columns: 1fr;
    }
    .bhsc-parent-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .bhsc-parent-dashboard {
        width: min(100% - 20px, 100%);
        margin-top: 18px;
    }
    .bhsc-parent-hero {
        padding: 28px 20px;
        border-radius: 24px;
    }
    .bhsc-parent-actions,
    .bhsc-parent-alerts,
    .bhsc-parent-grid {
        grid-template-columns: 1fr;
    }
    .bhsc-parent-actions .bhsc-btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    .bhsc-parent-card {
        min-height: auto;
        padding: 22px;
    }
    .bhsc-parent-panel {
        padding: 22px;
        border-radius: 22px;
    }
}

/* =========================================================
   BHSC Meet Centre - Premium UI
   ========================================================= */
.bhsc-meet-centre {
    --bhsc-navy: #062a60;
    --bhsc-blue: #0b72d9;
    --bhsc-gold: #f7b733;
    --bhsc-ice: #f4f8fc;
    --bhsc-ink: #13213a;
    max-width: 1220px;
    margin: 0 auto;
    padding: 34px 18px 56px;
    color: var(--bhsc-ink);
}

.bhsc-meet-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
    gap: 28px;
    align-items: stretch;
    padding: 38px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 84% 18%, rgba(247,183,51,.32), transparent 28%),
        linear-gradient(135deg, #062a60 0%, #064b96 52%, #0b72d9 100%);
    box-shadow: 0 24px 60px rgba(6,42,96,.22);
    overflow: hidden;
    position: relative;
}

.bhsc-meet-hero:after {
    content: "";
    position: absolute;
    inset: auto -8% -34% 38%;
    height: 240px;
    background: repeating-radial-gradient(ellipse at center, rgba(255,255,255,.16) 0 2px, transparent 3px 16px);
    transform: rotate(-7deg);
    opacity: .5;
}

.bhsc-meet-hero > * { position: relative; z-index: 1; }
.bhsc-meet-hero .bhsc-kicker { color: #ffe29a; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; font-size: 12px; }
.bhsc-meet-hero h1 { color: #fff; font-size: clamp(38px, 5vw, 68px); line-height: .95; margin: 12px 0 16px; letter-spacing: -0.055em; }
.bhsc-meet-hero p { color: rgba(255,255,255,.88); max-width: 720px; font-size: 18px; line-height: 1.65; margin: 0 0 24px; }
.bhsc-meet-actions { display: flex; gap: 12px; flex-wrap: wrap; }

.bhsc-meet-summary {
    display: grid;
    gap: 14px;
}
.bhsc-meet-summary div {
    padding: 20px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 24px;
    background: rgba(255,255,255,.13);
    backdrop-filter: blur(12px);
    color: #fff;
}
.bhsc-meet-summary strong { display: block; font-size: 28px; line-height: 1; margin-bottom: 8px; }
.bhsc-meet-summary span { color: rgba(255,255,255,.82); font-size: 14px; }

.bhsc-meet-notice-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 24px 0;
}
.bhsc-meet-notice {
    padding: 18px 20px;
    border-radius: 22px;
    background: #eef6ff;
    border: 1px solid rgba(11,114,217,.12);
    box-shadow: 0 12px 34px rgba(6,42,96,.08);
}
.bhsc-meet-notice-alt { background: #fff7e5; border-color: rgba(247,183,51,.22); }
.bhsc-meet-notice strong { display: block; color: var(--bhsc-navy); margin-bottom: 4px; }
.bhsc-meet-notice span { color: #465875; }

.bhsc-meet-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 24px;
}
.bhsc-meet-card {
    padding: 24px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid rgba(6,42,96,.09);
    box-shadow: 0 16px 42px rgba(6,42,96,.09);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.bhsc-meet-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 58px rgba(6,42,96,.16);
    border-color: rgba(11,114,217,.22);
}
.bhsc-meet-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.bhsc-meet-badge,
.bhsc-meet-countdown {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}
.bhsc-meet-badge { background: #eaf4ff; color: #0757a9; }
.bhsc-meet-countdown { background: #fff3cf; color: #835600; }
.bhsc-meet-card h2 { color: var(--bhsc-navy); margin: 0 0 10px; font-size: 22px; line-height: 1.15; letter-spacing: -0.025em; }
.bhsc-meet-card p { color: #55647d; line-height: 1.58; margin: 0 0 18px; }
.bhsc-meet-meta { display: grid; gap: 10px; margin: auto 0 20px; }
.bhsc-meet-meta div { padding: 12px 14px; border-radius: 16px; background: var(--bhsc-ice); }
.bhsc-meet-meta dt { font-size: 11px; line-height: 1; text-transform: uppercase; letter-spacing: .08em; color: #6d7d96; font-weight: 800; margin-bottom: 5px; }
.bhsc-meet-meta dd { margin: 0; color: var(--bhsc-ink); font-weight: 750; }
.bhsc-meet-card-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; }
.bhsc-btn-light { background: #eef4fb; color: var(--bhsc-navy) !important; border-color: transparent; }

.bhsc-meet-empty {
    margin: 24px 0;
    padding: 36px;
    border-radius: 28px;
    background: #fff;
    border: 1px dashed rgba(6,42,96,.22);
    text-align: center;
    box-shadow: 0 14px 38px rgba(6,42,96,.08);
}
.bhsc-meet-empty h2 { color: var(--bhsc-navy); margin-top: 0; }
.bhsc-meet-empty p { color: #56657b; max-width: 660px; margin: 0 auto 20px; }

.bhsc-meet-info-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 26px;
}
.bhsc-meet-info-panels > div {
    padding: 26px;
    border-radius: 28px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    border: 1px solid rgba(6,42,96,.08);
    box-shadow: 0 14px 38px rgba(6,42,96,.08);
}
.bhsc-meet-info-panels h2 { color: var(--bhsc-navy); margin: 0 0 14px; font-size: 22px; }
.bhsc-meet-info-panels ul { margin: 0; padding-left: 20px; color: #4d5f78; line-height: 1.85; }

@media (max-width: 980px) {
    .bhsc-meet-hero,
    .bhsc-meet-notice-row,
    .bhsc-meet-info-panels { grid-template-columns: 1fr; }
    .bhsc-meet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .bhsc-meet-centre { padding: 18px 12px 42px; }
    .bhsc-meet-hero { padding: 26px 20px; border-radius: 24px; }
    .bhsc-meet-hero h1 { font-size: 40px; }
    .bhsc-meet-hero p { font-size: 16px; }
    .bhsc-meet-grid { grid-template-columns: 1fr; }
    .bhsc-meet-actions,
    .bhsc-meet-card-actions { flex-direction: column; }
    .bhsc-meet-actions .bhsc-btn,
    .bhsc-meet-card-actions .bhsc-btn { width: 100%; text-align: center; justify-content: center; }
}

/* BHSC Meet Centre v2.2.1 patch */
.bhsc-meet-system-note{
  margin:18px 0 10px;
  padding:12px 16px;
  border-radius:16px;
  background:#eef6ff;
  border:1px solid rgba(13,110,253,.16);
  color:#072b61;
  font-weight:700;
  font-size:14px;
}
.bhsc-meet-empty{display:block!important;visibility:visible!important;opacity:1!important;}
.bhsc-meet-centre{display:block!important;visibility:visible!important;opacity:1!important;}

/* BHSC Meet Centre v2.3 live data additions */
.bhsc-meet-data-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:0 0 16px;
}
.bhsc-meet-data-row span{
    background:#f7faff;
    border:1px solid rgba(8,55,112,.08);
    border-radius:14px;
    padding:10px 8px;
    text-align:center;
    color:#53637a;
    font-size:12px;
    line-height:1.25;
}
.bhsc-meet-data-row strong{
    display:block;
    color:var(--bhsc-navy);
    font-size:18px;
    line-height:1;
    margin-bottom:4px;
}
.bhsc-meet-parent-status{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    background:#eef8ff;
    border:1px solid rgba(0,94,184,.12);
    border-radius:14px;
    padding:10px 12px;
    margin:0 0 16px;
    color:#173d6b;
    font-size:13px;
}
.bhsc-meet-parent-status strong{font-weight:800;}
.bhsc-meet-parent-status span{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:5px 9px;
    background:#fff;
    border:1px solid rgba(0,94,184,.14);
    font-weight:800;
}
.bhsc-muted-status{
    background:#f8fafc;
    border-color:#e5edf7;
    color:#64748b;
}
.bhsc-meet-debug{
    background:#061a36;
    color:#dbeafe;
    border-radius:16px;
    padding:16px;
    overflow:auto;
    font-size:12px;
    line-height:1.55;
    margin:16px 0;
}
.bhsc-meet-detected{
    display:block;
    margin-top:12px;
    color:#71829a;
    font-size:11px;
}
@media (max-width:640px){
    .bhsc-meet-data-row{grid-template-columns:1fr;}
}

/* BHSC Meet Centre v2.4 diagnostics */
.bhsc-meet-diagnostic { border-left: 5px solid #fdb813; }
.bhsc-meet-debug { white-space: pre-wrap; overflow:auto; max-height: 240px; padding: 14px; border-radius: 12px; background:#061a3a; color:#eaf3ff; font-size:12px; line-height:1.45; }
.bhsc-meet-audit-list { margin: 12px 0 0; padding-left: 18px; }
.bhsc-meet-audit-list li { margin: 8px 0; }
.bhsc-meet-detected { display:block; margin-top:10px; color:#4b647f; }

/* BHSC Meet Centre v3 */
.bhsc-meet-centre-v3 .bhsc-meet-v3-tabs{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:18px 0 8px;
}
.bhsc-meet-centre-v3 .bhsc-meet-v3-tabs a{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:10px 14px;
    background:#ffffff;
    border:1px solid rgba(7,43,97,.12);
    color:#072b61;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 8px 22px rgba(7,43,97,.06);
}
.bhsc-meet-v3-grid{align-items:start;}
.bhsc-meet-v3-card{overflow:hidden;}
.bhsc-meet-v3-card.is-past-meet{opacity:.92;}
.bhsc-meet-v3-stats{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    margin:0 0 16px;
}
.bhsc-meet-v3-stats span{
    border-radius:14px;
    background:#f6f9ff;
    border:1px solid rgba(7,43,97,.08);
    padding:10px 8px;
    text-align:center;
    color:#5b6980;
    font-size:11px;
    line-height:1.25;
}
.bhsc-meet-v3-stats strong{
    display:block;
    font-size:18px;
    color:#072b61;
    line-height:1;
    margin-bottom:4px;
}
.bhsc-meet-v3-files{
    margin:0 0 16px;
    padding:12px;
    border-radius:16px;
    background:#fffaf0;
    border:1px solid rgba(253,184,19,.28);
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
}
.bhsc-meet-v3-files strong{color:#072b61;margin-right:4px;}
.bhsc-meet-v3-files a,
.bhsc-meet-v3-files span{
    display:inline-flex;
    border-radius:999px;
    padding:6px 10px;
    background:#fff;
    border:1px solid rgba(253,184,19,.28);
    color:#072b61;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}
.bhsc-meet-v3-details{
    margin:0 0 16px;
    border-radius:18px;
    border:1px solid rgba(7,43,97,.1);
    background:#f8fbff;
    overflow:hidden;
}
.bhsc-meet-v3-details summary{
    cursor:pointer;
    list-style:none;
    padding:14px 16px;
    font-weight:900;
    color:#072b61;
}
.bhsc-meet-v3-details summary::-webkit-details-marker{display:none;}
.bhsc-meet-v3-details summary:after{content:'+';float:right;font-size:20px;line-height:1;}
.bhsc-meet-v3-details[open] summary:after{content:'–';}
.bhsc-meet-v3-swimmers{display:grid;gap:14px;padding:0 14px 14px;}
.bhsc-meet-v3-swimmer-card{
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(7,43,97,.1);
    padding:14px;
}
.bhsc-meet-v3-swimmer-card h3{
    margin:0 0 12px;
    color:#072b61;
    font-size:18px;
}
.bhsc-meet-chip-row{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    align-items:center;
    margin:8px 0;
    color:#072b61;
}
.bhsc-meet-chip-row strong{margin-right:2px;}
.bhsc-meet-chip-row span{
    display:inline-flex;
    border-radius:999px;
    padding:6px 9px;
    background:#eef6ff;
    border:1px solid rgba(13,110,253,.14);
    color:#123d68;
    font-size:12px;
    font-weight:800;
}
.bhsc-meet-chip-row.bhsc-suggested span{
    background:#fff8e6;
    border-color:rgba(253,184,19,.32);
}
.bhsc-meet-table-wrap{overflow:auto;margin-top:10px;}
.bhsc-meet-v3-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    min-width:420px;
    font-size:13px;
}
.bhsc-meet-v3-table th{
    background:#072b61;
    color:#fff;
    padding:9px 10px;
    text-align:left;
}
.bhsc-meet-v3-table td{
    padding:9px 10px;
    border-bottom:1px solid #e7edf5;
    color:#34465f;
}
.bhsc-meet-status-pill{
    display:inline-flex;
    border-radius:999px;
    padding:4px 8px;
    background:#eaf7ef;
    color:#126437;
    font-weight:900;
    font-size:12px;
}
.bhsc-meet-login-note{
    margin:0 14px 14px;
    padding:12px 14px;
    border-radius:14px;
    background:#fff;
    border:1px dashed rgba(7,43,97,.18);
    color:#5b6980;
    font-weight:700;
}
.bhsc-meet-v3-hero .bhsc-meet-summary strong{white-space:nowrap;}
@media(max-width:900px){
    .bhsc-meet-v3-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
    .bhsc-meet-v3-stats{grid-template-columns:1fr;}
    .bhsc-meet-centre-v3 .bhsc-meet-v3-tabs a{width:100%;justify-content:center;}
}

/* BHSC Swimmer Profile System */
.bhsc-sps{--bhsc-navy:#062b63;--bhsc-blue:#0b65d8;--bhsc-gold:#f5b72f;--bhsc-soft:#f4f7fb;--bhsc-border:#dfe7f3;max-width:1180px;margin:0 auto;padding:28px 18px;color:#14213d}.bhsc-sps-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;background:linear-gradient(135deg,#062b63,#0b65d8);color:#fff;border-radius:28px;padding:34px;box-shadow:0 18px 45px rgba(6,43,99,.22);margin-bottom:22px}.bhsc-sps-hero h1{margin:6px 0 8px;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1}.bhsc-sps-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.86);font-size:17px}.bhsc-sps-hero .bhsc-kicker{color:#f5b72f}.bhsc-sps-hero-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:24px;text-align:center}.bhsc-sps-hero-card strong{display:block;font-size:48px;line-height:1;color:#fff}.bhsc-sps-hero-card span{color:rgba(255,255,255,.86)}.bhsc-sps-switcher{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.bhsc-sps-switcher a{display:inline-flex;border:1px solid var(--bhsc-border);background:#fff;border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:800;color:var(--bhsc-navy)}.bhsc-sps-switcher a.is-active,.bhsc-sps-switcher a:hover{background:var(--bhsc-navy);color:#fff}.bhsc-sps-profile{background:#fff;border:1px solid var(--bhsc-border);border-radius:26px;padding:24px;box-shadow:0 15px 35px rgba(6,43,99,.08);margin:0 0 22px}.bhsc-sps-header{display:flex;gap:18px;align-items:center;margin-bottom:20px}.bhsc-sps-avatar{width:82px;height:82px;border-radius:24px;background:linear-gradient(135deg,var(--bhsc-gold),#fff3ce);display:grid;place-items:center;overflow:hidden;flex:0 0 82px}.bhsc-sps-avatar img{width:100%;height:100%;object-fit:cover}.bhsc-sps-avatar span{font-size:28px;font-weight:900;color:var(--bhsc-navy)}.bhsc-sps-header h2{margin:0 0 8px;font-size:30px;color:var(--bhsc-navy)}.bhsc-sps-badges{display:flex;gap:8px;flex-wrap:wrap}.bhsc-sps-badges span{background:#eef5ff;color:var(--bhsc-navy);border:1px solid #d7e8ff;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.bhsc-sps-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.bhsc-sps-kpis div{background:var(--bhsc-soft);border:1px solid var(--bhsc-border);border-radius:20px;padding:18px}.bhsc-sps-kpis strong{display:block;font-size:30px;color:var(--bhsc-blue);line-height:1}.bhsc-sps-kpis span{display:block;margin-top:6px;color:#5b667a;font-size:13px;font-weight:800}.bhsc-sps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bhsc-sps-panel,.bhsc-sps-meets,.bhsc-sps-login,.bhsc-sps-empty{background:#fff;border:1px solid var(--bhsc-border);border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(6,43,99,.06)}.bhsc-sps-panel h3,.bhsc-sps-meets h2{margin:0 0 12px;color:var(--bhsc-navy)}.bhsc-sps-panel p{margin:0;color:#4f5e73}.bhsc-sps-progress{height:12px;border-radius:999px;background:#e9eef6;overflow:hidden;margin:8px 0 14px}.bhsc-sps-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--bhsc-blue),var(--bhsc-gold));border-radius:999px}.bhsc-sps-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.bhsc-sps-list li{padding:12px;border-radius:16px;background:var(--bhsc-soft);border:1px solid var(--bhsc-border)}.bhsc-sps-list strong{display:block;color:var(--bhsc-navy);font-size:14px}.bhsc-sps-list span{display:block;color:#516176;margin-top:3px}.bhsc-sps-meets{margin-top:22px}.bhsc-sps-meet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bhsc-sps-meet-card{border:1px solid var(--bhsc-border);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:20px;padding:16px}.bhsc-sps-meet-card strong{display:block;color:var(--bhsc-navy)}.bhsc-sps-meet-card span,.bhsc-sps-meet-card em{display:block;color:#536276;margin-top:6px;font-style:normal}.bhsc-sps-login,.bhsc-sps-empty{text-align:center;margin:30px auto;max-width:680px}.bhsc-sps-login h2,.bhsc-sps-empty h2{color:var(--bhsc-navy);margin-top:0}@media(max-width:850px){.bhsc-sps-hero{grid-template-columns:1fr;padding:24px}.bhsc-sps-kpis,.bhsc-sps-grid,.bhsc-sps-meet-grid{grid-template-columns:1fr}.bhsc-sps-header{align-items:flex-start}.bhsc-sps-avatar{width:66px;height:66px;flex-basis:66px}.bhsc-sps-header h2{font-size:24px}}

/* BHSC Swimmer Hub v2 */
.bhsc-hub-v2{max-width:1180px;margin:0 auto;padding:24px 16px 56px;color:#06285d}.bhsc-hub-v2 *{box-sizing:border-box}.bhsc-hub-v2-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;border-radius:28px;background:linear-gradient(135deg,#06285d,#0969d8);color:#fff;box-shadow:0 20px 55px rgba(6,40,93,.22);overflow:hidden;position:relative}.bhsc-hub-v2-hero:after{content:"";position:absolute;right:-70px;bottom:-90px;width:270px;height:270px;border-radius:999px;background:rgba(255,255,255,.12)}.bhsc-hub-v2-hero h1{margin:4px 0 8px;font-size:clamp(32px,5vw,58px);line-height:.95;color:#fff}.bhsc-hub-v2-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.88);font-size:17px}.bhsc-hub-v2-hero-card{min-width:150px;text-align:center;padding:18px 22px;border-radius:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);position:relative;z-index:1}.bhsc-hub-v2-hero-card strong{display:block;font-size:42px;line-height:1;color:#fff}.bhsc-hub-v2-selector-wrap{margin:22px 0}.bhsc-hub-v2-search{margin-bottom:12px}.bhsc-hub-v2-search input{width:100%;border:1px solid #cfe1fb;border-radius:18px;padding:14px 18px;font-weight:800;background:#fff;box-shadow:0 10px 30px rgba(6,40,93,.08)}.bhsc-hub-v2-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;max-height:330px;overflow:auto;padding:4px 4px 10px}.bhsc-hub-v2-swimmer-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;text-decoration:none;padding:12px;border-radius:20px;background:#fff;border:1px solid #dbe8f9;box-shadow:0 10px 26px rgba(6,40,93,.07);transition:.18s ease}.bhsc-hub-v2-swimmer-card:hover,.bhsc-hub-v2-swimmer-card.is-active{transform:translateY(-2px);border-color:#f6b817;box-shadow:0 16px 36px rgba(6,40,93,.14)}.bhsc-hub-v2-mini-avatar,.bhsc-hub-v2-avatar span{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd978,#f7b718);color:#06285d;font-weight:1000}.bhsc-hub-v2-mini-avatar{width:46px;height:46px;border-radius:16px}.bhsc-hub-v2-swimmer-card strong{display:block;color:#06285d;font-size:14px}.bhsc-hub-v2-swimmer-card em{display:block;color:#6d7890;font-size:12px;font-style:normal;margin-top:2px}.bhsc-hub-v2-swimmer-card b{color:#0969d8;font-size:14px}.bhsc-hub-v2-profile{background:#fff;border:1px solid #dbe8f9;border-radius:28px;margin-top:22px;padding:24px;box-shadow:0 20px 55px rgba(6,40,93,.12)}.bhsc-hub-v2-profile-head{display:grid;grid-template-columns:90px 1fr 150px;gap:20px;align-items:center}.bhsc-hub-v2-avatar{width:86px;height:86px;border-radius:26px;overflow:hidden;background:#fff4d0}.bhsc-hub-v2-avatar img{width:100%;height:100%;object-fit:cover}.bhsc-hub-v2-avatar span{width:100%;height:100%;font-size:26px}.bhsc-hub-v2-title h2{margin:0 0 10px;color:#06285d;font-size:34px}.bhsc-hub-v2-badges,.bhsc-hub-v2-chipline{display:flex;flex-wrap:wrap;gap:8px}.bhsc-hub-v2-badges span,.bhsc-hub-v2-chipline span{background:#eaf3ff;color:#063b80;border:1px solid #cfe1fb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.bhsc-hub-v2-att-ring{width:138px;height:138px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:conic-gradient(#0969d8 calc(var(--bhsc-att)*1%),#e8eef7 0);position:relative}.bhsc-hub-v2-att-ring:before{content:"";position:absolute;inset:12px;background:#fff;border-radius:999px}.bhsc-hub-v2-att-ring strong,.bhsc-hub-v2-att-ring span{position:relative;z-index:1}.bhsc-hub-v2-att-ring strong{font-size:28px;color:#0969d8}.bhsc-hub-v2-att-ring span{max-width:82px;font-size:11px;font-weight:900;color:#59677e}.bhsc-hub-v2-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.bhsc-hub-v2-kpis div{background:#f5f9ff;border:1px solid #dbe8f9;border-radius:18px;padding:16px}.bhsc-hub-v2-kpis strong{display:block;font-size:28px;color:#0969d8}.bhsc-hub-v2-kpis span{font-size:12px;font-weight:900;color:#4c5b73}.bhsc-hub-v2-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid #dbe8f9;padding-bottom:10px;margin-bottom:18px}.bhsc-hub-v2-tabs button{appearance:none;border:0;background:#eef5ff;color:#063b80;border-radius:999px;padding:11px 15px;font-weight:1000;cursor:pointer;white-space:nowrap}.bhsc-hub-v2-tabs button.is-active{background:#f7b718;color:#06285d}.bhsc-hub-v2-panel{display:none}.bhsc-hub-v2-panel.is-active{display:block}.bhsc-hub-v2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.bhsc-hub-v2-box{border:1px solid #dbe8f9;border-radius:22px;background:#fff;padding:18px;min-height:120px}.bhsc-hub-v2-box h3{margin:0 0 12px;color:#06285d;font-size:20px}.bhsc-hub-v2-box p{color:#59677e}.bhsc-hub-v2-progress{height:12px;background:#e8eef7;border-radius:999px;overflow:hidden;margin:12px 0}.bhsc-hub-v2-progress span{display:block;height:100%;background:linear-gradient(90deg,#0969d8,#f7b718);border-radius:999px}.bhsc-hub-v2-event-list,.bhsc-hub-v2-meets,.bhsc-hub-v2-list{display:grid;gap:10px}.bhsc-hub-v2-event-row,.bhsc-hub-v2-meets div,.bhsc-hub-v2-list li{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:#f7fbff;border:1px solid #e0ecfb}.bhsc-hub-v2-event-row strong,.bhsc-hub-v2-meets strong,.bhsc-hub-v2-list strong{display:block;color:#06285d}.bhsc-hub-v2-event-row span,.bhsc-hub-v2-meets span,.bhsc-hub-v2-list span{display:block;color:#68758c;font-size:13px}.bhsc-hub-v2-event-row em{display:block;text-align:right;font-style:normal;font-weight:900;color:#0969d8}.bhsc-hub-v2-event-row small{display:inline-block;margin-top:4px;border-radius:999px;background:#eaf3ff;color:#063b80;font-weight:900;padding:4px 8px}.bhsc-hub-v2-muted{color:#7a879a}.bhsc-hub-v2-login,.bhsc-hub-v2-empty{background:#fff;border:1px solid #dbe8f9;border-radius:24px;padding:28px;box-shadow:0 14px 40px rgba(6,40,93,.1)}@media(max-width:800px){.bhsc-hub-v2{padding:14px 10px 40px}.bhsc-hub-v2-hero{padding:24px;border-radius:22px;display:block}.bhsc-hub-v2-hero-card{margin-top:18px}.bhsc-hub-v2-profile{padding:16px;border-radius:22px}.bhsc-hub-v2-profile-head{grid-template-columns:70px 1fr;align-items:start}.bhsc-hub-v2-avatar{width:66px;height:66px;border-radius:20px}.bhsc-hub-v2-title h2{font-size:26px}.bhsc-hub-v2-att-ring{grid-column:1/-1;width:100%;height:auto;border-radius:20px;padding:18px;background:#f5f9ff}.bhsc-hub-v2-att-ring:before{display:none}.bhsc-hub-v2-kpis{grid-template-columns:repeat(2,1fr)}.bhsc-hub-v2-grid{grid-template-columns:1fr}.bhsc-hub-v2-event-row,.bhsc-hub-v2-meets div,.bhsc-hub-v2-list li{display:block}.bhsc-hub-v2-event-row em{text-align:left;margin-top:6px}}

/* BHSC Swimmer Hub v3 — Live Tabs & Analytics */
.bhsc-hub-v3{max-width:1280px;margin:0 auto 60px;padding:0 18px;color:#062a5f;font-family:inherit}.bhsc-hub-v3 *{box-sizing:border-box}.bhsc-hub-v3-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:34px;border-radius:26px;background:linear-gradient(135deg,#082c64,#0d6efd);color:#fff;box-shadow:0 24px 60px rgba(6,42,95,.18);overflow:hidden;position:relative}.bhsc-hub-v3-hero:after{content:"";position:absolute;right:-90px;bottom:-130px;width:330px;height:330px;border-radius:999px;background:rgba(255,255,255,.12)}.bhsc-hub-v3-hero h1{margin:8px 0 12px;font-size:clamp(42px,6vw,82px);line-height:.95;color:#fff}.bhsc-hub-v3-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.9);font-size:18px}.bhsc-hub-v3-hero-card{position:relative;z-index:1;min-width:150px;text-align:center;padding:24px 18px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28)}.bhsc-hub-v3-hero-card strong{display:block;font-size:46px;line-height:1;color:#fff}.bhsc-hub-v3-hero-card span{color:#fff}.bhsc-hub-v3-selector-wrap{margin:22px 0;padding:14px;border-radius:22px;background:#eaf2fc}.bhsc-hub-v3-selector-wrap input{width:100%;border:1px solid #cfe0f5;border-radius:12px;padding:14px 16px;margin-bottom:14px;background:#fff;color:#062a5f}.bhsc-hub-v3-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:360px;overflow:auto;padding-right:4px}.bhsc-hub-v3-swimmer-card{display:grid;grid-template-columns:54px 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px;border-radius:18px;background:#fff;text-decoration:none;color:#062a5f;border:2px solid transparent;box-shadow:0 10px 24px rgba(6,42,95,.08)}.bhsc-hub-v3-swimmer-card.is-active{border-color:#fdb813}.bhsc-hub-v3-swimmer-card>span{grid-row:1/3;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#ffd96c,#fdb813);display:grid;place-items:center;font-weight:900}.bhsc-hub-v3-swimmer-card strong{font-size:15px}.bhsc-hub-v3-swimmer-card em{font-style:normal;color:#637190;font-size:13px}.bhsc-hub-v3-swimmer-card b{grid-row:1/3;grid-column:3;color:#0d6efd}.bhsc-hub-v3-profile{background:#fff;border-radius:26px;padding:26px;box-shadow:0 24px 70px rgba(6,42,95,.16)}.bhsc-hub-v3-profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.bhsc-hub-v3-avatar{width:96px;height:96px;border-radius:24px;background:linear-gradient(135deg,#ffd96c,#fdb813);display:grid;place-items:center;overflow:hidden;font-size:30px;font-weight:900;color:#062a5f}.bhsc-hub-v3-avatar img{width:100%;height:100%;object-fit:cover}.bhsc-hub-v3-title h2{margin:0 0 12px;color:#062a5f;font-size:36px}.bhsc-hub-v3-badges,.bhsc-hub-v3-chipline,.bhsc-hub-v3-alerts{display:flex;gap:10px;flex-wrap:wrap}.bhsc-hub-v3-badges span,.bhsc-hub-v3-chipline span,.bhsc-hub-v3-alerts span{display:inline-flex;border-radius:999px;background:#eaf4ff;border:1px solid #cfe0f5;padding:7px 11px;font-size:13px;font-weight:800;color:#062a5f}.bhsc-hub-v3-alerts{margin:18px 0}.bhsc-hub-v3-alerts span{background:#fff7df;border-color:#f9d676}.bhsc-hub-v3-ring{width:140px;height:140px;border-radius:999px;background:conic-gradient(#0d6efd calc(var(--bhsc-att)*1%),#e8eef7 0);display:grid;place-items:center;position:relative}.bhsc-hub-v3-ring:before{content:"";position:absolute;inset:14px;border-radius:999px;background:#fff}.bhsc-hub-v3-ring strong,.bhsc-hub-v3-ring span{position:relative;z-index:1;text-align:center}.bhsc-hub-v3-ring strong{display:block;font-size:32px;color:#0d6efd}.bhsc-hub-v3-ring span{font-size:12px;font-weight:900;max-width:80px}.bhsc-hub-v3-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:22px 0}.bhsc-hub-v3-kpis div{border:1px solid #d7e5f7;border-radius:16px;background:#f4f8fd;padding:18px}.bhsc-hub-v3-kpis strong{display:block;font-size:28px;color:#0d6efd;line-height:1}.bhsc-hub-v3-kpis span{font-size:12px;font-weight:800;color:#344869}.bhsc-hub-v3-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #d7e5f7;padding-bottom:12px;margin-bottom:20px;position:sticky;top:0;background:#fff;z-index:3}.bhsc-hub-v3-tabs button{border:0;border-radius:999px;padding:11px 17px;background:#edf5ff;color:#062a5f;font-weight:900;cursor:pointer}.bhsc-hub-v3-tabs button.is-active{background:#fdb813}.bhsc-hub-v3-panel{display:none}.bhsc-hub-v3-panel.is-active{display:block}.bhsc-hub-v3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bhsc-hub-v3-box{border:1px solid #d7e5f7;border-radius:20px;background:#fff;padding:20px}.bhsc-hub-v3-box h3{margin:0 0 14px;color:#062a5f;font-size:22px}.bhsc-hub-v3-wide{grid-column:1/-1}.bhsc-hub-v3-muted{color:#637190}.bhsc-hub-v3-chart{display:flex;align-items:end;gap:10px;height:230px;padding:18px;border-radius:16px;background:#f6f9fd;overflow:auto}.bhsc-hub-v3-chart div{min-width:62px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bhsc-hub-v3-chart span{width:28px;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#0d6efd,#fdb813);min-height:4px}.bhsc-hub-v3-chart em,.bhsc-hub-v3-chart b{font-size:11px;font-style:normal;color:#53637f}.bhsc-hub-v3-att-table,.bhsc-hub-v3-live-list,.bhsc-hub-v3-meets,.bhsc-hub-v3-note-list{display:grid;gap:10px}.bhsc-hub-v3-att-table div,.bhsc-hub-v3-live-row,.bhsc-hub-v3-meets div,.bhsc-hub-v3-note-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e0e9f6;border-radius:14px;background:#f8fbff;padding:12px;list-style:none}.bhsc-hub-v3-live-row strong,.bhsc-hub-v3-meets strong{display:block;color:#062a5f}.bhsc-hub-v3-live-row span,.bhsc-hub-v3-meets span,.bhsc-hub-v3-note-list span,.bhsc-hub-v3-att-table span{color:#637190}.bhsc-hub-v3-live-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.bhsc-hub-v3-live-meta em{font-style:normal;font-weight:900;color:#0d6efd}.bhsc-hub-v3-status{border-radius:999px;padding:5px 8px;font-weight:900;font-size:11px;background:#eaf4ff;color:#062a5f}.bhsc-hub-v3-status.good{background:#e6f8ee;color:#106c39}.bhsc-hub-v3-status.bad{background:#ffe9e9;color:#a12626}.bhsc-hub-v3-status.warn{background:#fff6d8;color:#805700}.bhsc-hub-v3-login,.bhsc-hub-v3-empty{background:#fff;border-radius:24px;padding:34px;box-shadow:0 18px 45px rgba(6,42,95,.12)}@media(max-width:1100px){.bhsc-hub-v3-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.bhsc-hub-v3-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.bhsc-hub-v3{padding:0 10px}.bhsc-hub-v3-hero,.bhsc-hub-v3-profile-head{grid-template-columns:1fr;text-align:left}.bhsc-hub-v3-hero{padding:24px}.bhsc-hub-v3-selector{grid-template-columns:1fr;max-height:330px}.bhsc-hub-v3-profile{padding:16px}.bhsc-hub-v3-kpis,.bhsc-hub-v3-grid{grid-template-columns:1fr}.bhsc-hub-v3-ring{width:116px;height:116px}.bhsc-hub-v3-tabs{overflow:auto;flex-wrap:nowrap}.bhsc-hub-v3-tabs button{white-space:nowrap}.bhsc-hub-v3-att-table div,.bhsc-hub-v3-live-row,.bhsc-hub-v3-meets div,.bhsc-hub-v3-note-list li{align-items:flex-start;flex-direction:column}.bhsc-hub-v3-live-meta{justify-content:flex-start}.bhsc-hub-v3-title h2{font-size:30px}}

/* BHSC Intelligence Layer v1 — Notifications, Analytics & Mobile Polish */
.bhsc-intel-kpis{grid-template-columns:repeat(8,minmax(0,1fr));}
.bhsc-intel-risk strong{font-size:20px!important;line-height:1.15!important;}
.bhsc-intel-risk-low{background:#e9f8ef!important;border-color:#bfe8cf!important;}
.bhsc-intel-risk-medium{background:#fff7df!important;border-color:#f7d575!important;}
.bhsc-intel-risk-high{background:#fff0f0!important;border-color:#f0b9b9!important;}
.bhsc-intel-summary-row{display:grid;grid-template-columns:160px 1fr;gap:16px;margin:18px 0 22px;align-items:stretch;}
.bhsc-intel-score{border-radius:20px;padding:18px;border:1px solid #d7e5f7;background:#f4f8fd;display:flex;flex-direction:column;justify-content:center;text-align:center;}
.bhsc-intel-score strong{font-size:44px;line-height:1;color:#0d6efd;}
.bhsc-intel-score span{font-size:12px;font-weight:900;color:#344869;text-transform:uppercase;letter-spacing:.04em;}
.bhsc-intel-score-low{background:#e9f8ef;border-color:#bfe8cf;}
.bhsc-intel-score-medium{background:#fff7df;border-color:#f7d575;}
.bhsc-intel-score-high{background:#fff0f0;border-color:#f0b9b9;}
.bhsc-intel-notification-centre{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.bhsc-intel-note{border:1px solid #d7e5f7;border-radius:16px;padding:14px 15px;background:#f8fbff;display:flex;flex-direction:column;gap:5px;min-height:92px;}
.bhsc-intel-note strong{color:#062a5f;font-size:15px;}
.bhsc-intel-note span{color:#53637f;font-size:13px;line-height:1.45;}
.bhsc-intel-note-success{background:#e9f8ef;border-color:#bfe8cf;}
.bhsc-intel-note-warning{background:#fff7df;border-color:#f7d575;}
.bhsc-intel-note-urgent{background:#fff0f0;border-color:#f0b9b9;}
.bhsc-intel-note-info{background:#eef6ff;border-color:#cfe0f5;}
.bhsc-intel-deadlines{display:grid;gap:10px;}
.bhsc-intel-deadlines div{border:1px solid #e0e9f6;border-radius:14px;background:#f8fbff;padding:12px;}
.bhsc-intel-deadlines strong{display:block;color:#062a5f;}
.bhsc-intel-deadlines span{display:block;color:#637190;font-size:13px;margin-top:4px;}
.bhsc-hub-v3-tabs{scrollbar-width:thin;}
.bhsc-hub-v3-tabs button:focus-visible{outline:3px solid rgba(253,184,19,.45);outline-offset:2px;}
.bhsc-hub-v3-profile{contain:layout paint;}
@media(max-width:1200px){.bhsc-intel-kpis{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:760px){
    .bhsc-intel-summary-row{grid-template-columns:1fr;}
    .bhsc-intel-notification-centre{grid-template-columns:1fr;}
    .bhsc-intel-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
    .bhsc-intel-score{min-height:110px;}
    .bhsc-hub-v3-chart{height:190px;padding:12px;gap:7px;}
    .bhsc-hub-v3-chart div{min-width:48px;}
    .bhsc-hub-v3-chart span{width:22px;}
}
@media(max-width:480px){
    .bhsc-intel-kpis{grid-template-columns:1fr;}
    .bhsc-hub-v3-hero h1{font-size:38px;}
    .bhsc-hub-v3-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;}
}

/* ==========================================================
   BHSC Swimmer Hub v4 — Premium Analytics Dashboard
   Refinement layer: compact events, premium analytics, mobile polish
   ========================================================== */
.bhsc-hub-v3{--bhsc-blue:#0759d6;--bhsc-blue-2:#0d6efd;--bhsc-navy:#07285c;--bhsc-soft:#f4f8ff;--bhsc-line:#cfe0fb;--bhsc-text:#0b2e66;--bhsc-muted:#5e769c;--bhsc-card:#fff;max-width:1180px;margin:0 auto 40px;padding:0 14px;color:var(--bhsc-text)}
.bhsc-hub-v3-hero{border-radius:24px!important;box-shadow:0 18px 42px rgba(7,89,214,.22);background:linear-gradient(135deg,#0649b8,#1174ee)!important;overflow:hidden;position:relative}
.bhsc-hub-v3-hero:after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border-radius:999px;background:rgba(255,255,255,.11)}
.bhsc-hub-v3-hero h1{letter-spacing:-.045em!important;line-height:.94!important}.bhsc-hub-v3-hero p{max-width:720px!important}
.bhsc-hub-v3-selector-wrap{border-radius:18px!important;background:#eef5ff!important;border:1px solid #d4e4fb!important;box-shadow:0 10px 30px rgba(5,47,104,.08);padding:12px!important}
.bhsc-hub-v3-selector-wrap input{border-radius:12px!important;border:1px solid #c7dcf7!important;background:#fff!important;height:38px!important;padding:0 14px!important;color:#163d77!important}
.bhsc-hub-v3-selector{gap:12px!important;max-height:270px!important;padding:4px 8px 6px 0!important;scrollbar-width:thin;scrollbar-color:#8da6c6 #e9f1fc}
.bhsc-hub-v3-swimmer-card{min-height:78px!important;border-radius:14px!important;border:1px solid #d8e5f8!important;box-shadow:0 6px 16px rgba(8,42,88,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;position:relative;overflow:hidden}
.bhsc-hub-v3-swimmer-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(8,42,88,.12);border-color:#9fc1f6}
.bhsc-hub-v3-swimmer-card.is-active{background:linear-gradient(135deg,#fff,#eef6ff)!important;border:2px solid #0d6efd!important;box-shadow:0 12px 30px rgba(13,110,253,.2)!important}
.bhsc-hub-v3-swimmer-card span{width:42px!important;height:42px!important;border-radius:13px!important;background:linear-gradient(135deg,#ffd14d,#ffb800)!important;color:#062b68!important;font-weight:900!important}
.bhsc-hub-v3-swimmer-card b{font-size:13px!important;color:#0759d6!important;background:#eef5ff;border:1px solid #d6e6fb;border-radius:999px;padding:4px 7px}
.bhsc-hub-v3-profile{border-radius:24px!important;box-shadow:0 18px 48px rgba(4,31,80,.12)!important;background:#fff!important;border:1px solid #dde9fa!important;overflow:hidden}
.bhsc-hub-v3-profile-head{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e0ebfb;padding:28px!important}
.admin-bar .bhsc-hub-v3-profile-head{top:32px}.bhsc-hub-v3-avatar{width:88px!important;height:88px!important;border-radius:22px!important;box-shadow:0 12px 26px rgba(255,184,0,.25)}
.bhsc-hub-v3-title h2{font-size:34px!important;letter-spacing:-.04em!important;line-height:1!important;margin-bottom:10px!important}.bhsc-hub-v3-badges span{border-radius:999px!important;background:#edf5ff!important;border:1px solid #d5e5fb!important;color:#173f79!important;font-weight:800!important}
.bhsc-hub-v3-ring{width:112px!important;height:112px!important;border-radius:999px!important;background:conic-gradient(#0d6efd calc(var(--bhsc-att)*1%),#e7f0fc 0)!important;box-shadow:0 14px 28px rgba(13,110,253,.2)!important}
.bhsc-hub-v3-ring:before{content:"";position:absolute;inset:10px;background:#fff;border-radius:999px;z-index:0}.bhsc-hub-v3-ring strong,.bhsc-hub-v3-ring span{position:relative;z-index:1}.bhsc-hub-v3-ring strong{font-size:25px!important}
.bhsc-hub-v3-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;padding:24px 24px 8px!important}.bhsc-hub-v3-kpis>div{border-radius:15px!important;border:1px solid #d6e6fb!important;background:linear-gradient(180deg,#fbfdff,#f3f8ff)!important;box-shadow:0 8px 18px rgba(8,42,88,.05);padding:18px!important}.bhsc-hub-v3-kpis strong{font-size:25px!important;letter-spacing:-.03em!important;color:#0759d6!important}.bhsc-hub-v3-kpis span{font-size:12px!important;color:#526f98!important;font-weight:800!important;text-transform:none!important}
.bhsc-intel-risk strong{color:#07285c!important}.bhsc-intel-risk-high{border-color:#fecaca!important;background:#fff5f5!important}.bhsc-intel-risk-medium{border-color:#fed7aa!important;background:#fff9ed!important}.bhsc-intel-risk-low{border-color:#bbf7d0!important;background:#f0fdf4!important}
.bhsc-hub-v4-summary-row{display:grid!important;grid-template-columns:150px 1fr!important;gap:16px!important;padding:16px 24px 22px!important;border-bottom:1px solid #e0ebfb}.bhsc-intel-score{border-radius:18px!important;padding:20px!important;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid #d6e6fb;background:#f5f9ff}.bhsc-intel-score strong{font-size:30px!important;color:#0759d6!important}.bhsc-intel-score span{font-size:12px;font-weight:900;color:#5f7697}.bhsc-intel-score-high{background:#fff1f2;border-color:#fecdd3}.bhsc-intel-score-medium{background:#fff7ed;border-color:#fed7aa}.bhsc-intel-score-low{background:#f0fdf4;border-color:#bbf7d0}
.bhsc-hub-v4-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bhsc-hub-v4-insights article{border:1px solid #d8e7fb;background:#f8fbff;border-radius:16px;padding:14px;min-height:92px}.bhsc-hub-v4-insights span{display:block;font-size:12px;font-weight:900;color:#587398;margin-bottom:4px}.bhsc-hub-v4-insights strong{display:block;font-size:25px;line-height:1;color:#0759d6;letter-spacing:-.03em}.bhsc-hub-v4-insights strong.positive{color:#079455}.bhsc-hub-v4-insights strong.negative{color:#d92d20}.bhsc-hub-v4-insights em{display:block;margin-top:8px;font-style:normal;font-size:11px;color:#6b83a5;line-height:1.25}
.bhsc-hub-v3-tabs{position:sticky;top:141px;z-index:4;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid #e3eefc;padding:14px 24px!important;gap:8px!important;overflow-x:auto}.admin-bar .bhsc-hub-v3-tabs{top:173px}.bhsc-hub-v3-tabs button{border-radius:999px!important;background:#f1f6ff!important;border:1px solid #d3e3fa!important;color:#123c76!important;font-weight:900!important;padding:10px 15px!important;white-space:nowrap;transition:all .16s ease}.bhsc-hub-v3-tabs button:hover,.bhsc-hub-v3-tabs button.is-active{background:#0759d6!important;color:#fff!important;border-color:#0759d6!important;box-shadow:0 8px 18px rgba(7,89,214,.24)}
.bhsc-hub-v3-panels{padding:24px!important;background:#f7faff}.bhsc-hub-v3-panel{display:none}.bhsc-hub-v3-panel.is-active{display:block}.bhsc-hub-v3-box{border-radius:18px!important;border:1px solid #d8e6f8!important;box-shadow:0 8px 20px rgba(8,42,88,.055)!important}.bhsc-hub-v3-box h3{font-size:18px!important;letter-spacing:-.025em!important;color:#082d66!important;margin-bottom:14px!important;display:flex;justify-content:space-between;align-items:center}.bhsc-hub-v3-box h3 span{font-size:12px;background:#edf5ff;border:1px solid #d7e8fb;border-radius:999px;padding:5px 9px;color:#0759d6}
.bhsc-hub-v4-dashboard-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:18px}.bhsc-hub-v4-chart-card{background:#fff;border:1px solid #d8e6f8;border-radius:18px;padding:18px;box-shadow:0 8px 20px rgba(8,42,88,.055)}.bhsc-hub-v4-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.bhsc-hub-v4-chart-head h3{margin:0!important}.bhsc-hub-v4-chart-head span{font-size:12px;color:#6682a6;font-weight:900;background:#f2f7ff;border:1px solid #d8e7fb;border-radius:999px;padding:5px 9px}.bhsc-hub-v4-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;height:230px;padding-top:8px}.bhsc-hub-v4-bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.bhsc-hub-v4-bar span{width:100%;max-width:24px;background:linear-gradient(180deg,#0d6efd,#76a9ff);border-radius:999px 999px 6px 6px;box-shadow:0 8px 16px rgba(13,110,253,.18)}.bhsc-hub-v4-bar em{font-style:normal;font-size:10px;color:#6d85a8;white-space:nowrap;transform:rotate(-35deg);transform-origin:center}.bhsc-hub-v4-bar b{font-size:10px;color:#0a3778}.bhsc-hub-v4-profile-summary{min-height:100%}.bhsc-hub-v4-deadline-card{grid-column:1/-1}
.bhsc-hub-v4-meets-layout{display:grid;grid-template-columns:350px 1fr;gap:18px;align-items:start}.bhsc-hub-v4-meet-sidebar{display:grid;gap:18px;position:sticky;top:210px}.bhsc-hub-v4-meet-main{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.bhsc-hub-v4-scroll-panel{max-height:900px;overflow:auto;scrollbar-width:thin;scrollbar-color:#9db5d3 #eef5ff}.bhsc-hub-v4-scroll-panel>h3{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:12px;border-bottom:1px solid #e3eefc}
.bhsc-hub-v4-compact-groups{display:grid;gap:12px}.bhsc-hub-v4-race-group{border:1px solid #d8e7fb;border-radius:16px;background:#fff;overflow:hidden}.bhsc-hub-v4-race-group summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;background:linear-gradient(180deg,#f8fbff,#f2f7ff);list-style:none}.bhsc-hub-v4-race-group summary::-webkit-details-marker{display:none}.bhsc-hub-v4-race-group summary strong{font-size:13px;color:#082d66;line-height:1.25}.bhsc-hub-v4-race-group summary span{font-size:11px;font-weight:900;color:#0759d6;background:#fff;border:1px solid #d7e6fb;border-radius:999px;padding:5px 8px;white-space:nowrap}.bhsc-hub-v4-race-list{display:grid;gap:8px;padding:10px}.bhsc-hub-v4-race-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #e0ebfa;background:#fbfdff;border-radius:12px;padding:10px}.bhsc-hub-v4-race-card strong{display:block;font-size:13px;color:#072d67}.bhsc-hub-v4-race-card span{display:block;font-size:11px;color:#6d84a6;margin-top:2px}.bhsc-hub-v4-race-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.bhsc-hub-v4-race-meta em{font-style:normal;font-size:11px;color:#607da3}.bhsc-hub-v3-status{border-radius:999px!important;padding:5px 8px!important;font-size:10px!important;font-weight:900!important;text-transform:capitalize}.bhsc-hub-v3-status.good{background:#dcfce7!important;color:#067647!important}.bhsc-hub-v3-status.warn{background:#fff3cd!important;color:#8a6100!important}.bhsc-hub-v3-status.bad{background:#fee4e2!important;color:#b42318!important}.bhsc-hub-v3-status.neutral{background:#eef2f7!important;color:#516079!important}
.bhsc-intel-notification-centre{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bhsc-intel-note{border-radius:14px!important;padding:13px 14px!important;border:1px solid #d9e8fb!important;background:#f8fbff!important}.bhsc-intel-note strong{display:block;font-size:13px;color:#082d66;margin-bottom:3px}.bhsc-intel-note span{display:block;font-size:12px;line-height:1.35;color:#5e789f}.bhsc-intel-note-warning,.bhsc-intel-note-urgent{background:#fff7ed!important;border-color:#fed7aa!important}.bhsc-intel-note-success{background:#f0fdf4!important;border-color:#bbf7d0!important}.bhsc-intel-note-info{background:#eef6ff!important;border-color:#bfdbfe!important}
@media (max-width:1050px){.bhsc-hub-v3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bhsc-hub-v4-summary-row,.bhsc-hub-v4-dashboard-grid,.bhsc-hub-v4-meets-layout,.bhsc-hub-v4-meet-main{grid-template-columns:1fr!important}.bhsc-hub-v4-meet-sidebar{position:static}.bhsc-hub-v3-tabs{top:120px}.admin-bar .bhsc-hub-v3-tabs{top:152px}.bhsc-hub-v4-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.bhsc-hub-v3{padding:0 10px}.bhsc-hub-v3-hero{border-radius:18px!important;padding:24px!important}.bhsc-hub-v3-hero h1{font-size:34px!important}.bhsc-hub-v3-hero-card{display:none!important}.bhsc-hub-v3-profile-head{position:relative;top:auto!important;padding:20px!important;display:grid!important;grid-template-columns:68px 1fr!important}.bhsc-hub-v3-avatar{width:62px!important;height:62px!important;border-radius:16px!important}.bhsc-hub-v3-title h2{font-size:27px!important}.bhsc-hub-v3-ring{grid-column:1/-1;width:100%!important;height:auto!important;border-radius:16px!important;background:#eef6ff!important;margin-top:8px;padding:14px!important}.bhsc-hub-v3-ring:before{display:none}.bhsc-hub-v3-kpis{display:flex!important;overflow-x:auto;padding:16px!important;scroll-snap-type:x mandatory}.bhsc-hub-v3-kpis>div{min-width:165px;scroll-snap-align:start}.bhsc-hub-v4-summary-row{padding:14px 16px!important}.bhsc-hub-v4-insights{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.bhsc-hub-v4-insights article{min-width:190px;scroll-snap-align:start}.bhsc-hub-v3-tabs{position:relative;top:auto!important;padding:12px 16px!important}.bhsc-hub-v3-panels{padding:16px!important}.bhsc-intel-notification-centre{grid-template-columns:1fr}.bhsc-hub-v4-bars{height:200px;overflow-x:auto;grid-template-columns:repeat(12,34px)}.bhsc-hub-v4-scroll-panel{max-height:620px}.bhsc-hub-v4-race-card{grid-template-columns:1fr}.bhsc-hub-v4-race-meta{justify-content:flex-start}.bhsc-hub-v3-selector{grid-template-columns:1fr!important;max-height:310px!important}.admin-bar .bhsc-hub-v3-profile-head{top:auto!important}}

/* ==========================================================
   BHSC Dynamic Portal Routing System v1
   Ensures dashboard cards/buttons remain clickable above decorative layers.
   ========================================================== */
.bhsc-parent-dashboard a,
.bhsc-home-grid a,
.bhsc-parent-card,
.bhsc-parent-link-list a,
.bhsc-parent-actions a{
    position:relative;
    z-index:20;
    pointer-events:auto!important;
}
.bhsc-parent-hero:before,
.bhsc-parent-hero:after,
.bhsc-home-hero:before,
.bhsc-home-hero:after{
    pointer-events:none!important;
}
.bhsc-parent-card:hover,
.bhsc-parent-link-list a:hover{
    cursor:pointer;
}

/* =========================================================
   BHSC Portal Shell System v1
   Dedicated app-style portal header/navigation. This prevents
   the public Oxigeno menu from visually appearing inside portal pages.
   ========================================================= */
body.bhsc-portal-shell-page {
    margin: 0;
    background: #eef3f8;
    color: #061b3a;
}

body.bhsc-portal-shell-page .site-header,
body.bhsc-portal-shell-page header.site-header,
body.bhsc-portal-shell-page .main-header,
body.bhsc-portal-shell-page .bt_bb_headline,
body.bhsc-portal-shell-page .btPageHeadline,
body.bhsc-portal-shell-page .btContentWrap > header,
body.bhsc-portal-shell-page .btVerticalHeaderTop,
body.bhsc-portal-shell-page .btMenuHorizontal,
body.bhsc-portal-shell-page .bt_bb_menu,
body.bhsc-portal-shell-page .menu-main-menu-container {
    display: none !important;
}

.bhsc-shell-app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(circle at top right, rgba(0, 119, 255, .10), transparent 34rem),
        linear-gradient(180deg, #f6f9fd 0%, #e9eff6 100%);
}

.bhsc-shell-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(9, 47, 100, .10);
    box-shadow: 0 8px 30px rgba(7, 27, 58, .06);
}

.bhsc-shell-topbar {
    max-width: 1240px;
    margin: 0 auto;
    padding: 16px 24px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.bhsc-shell-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #061b3a;
    text-decoration: none !important;
}

.bhsc-shell-logo-mark {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #073579, #0b7df2);
    color: #ffc400;
    font-weight: 900;
    letter-spacing: -.5px;
    box-shadow: 0 12px 28px rgba(0, 86, 180, .22);
}

.bhsc-shell-brand-text {
    display: grid;
    line-height: 1.05;
}

.bhsc-shell-brand-text strong {
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.bhsc-shell-brand-text em {
    margin-top: 3px;
    font-size: 12px;
    font-style: normal;
    color: #64758d;
    font-weight: 700;
}

.bhsc-shell-user {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px 8px 14px;
    border-radius: 999px;
    background: #f1f6fc;
    border: 1px solid rgba(10, 85, 180, .12);
}

.bhsc-shell-user span {
    font-size: 13px;
    font-weight: 800;
    color: #17375f;
}

.bhsc-shell-user a {
    padding: 8px 12px;
    border-radius: 999px;
    background: #06295e;
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
}

.bhsc-shell-nav {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px 14px;
    display: flex;
    gap: 9px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.bhsc-shell-nav-link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 14px;
    border-radius: 999px;
    background: #eef4fb;
    border: 1px solid rgba(8, 72, 150, .10);
    color: #17375f !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 900;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.bhsc-shell-nav-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(7, 40, 90, .10);
}

.bhsc-shell-nav-link.is-active {
    background: linear-gradient(135deg, #073579, #0b7df2);
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(0, 91, 190, .22);
}

.bhsc-shell-main {
    width: min(1240px, calc(100% - 32px));
    margin: 24px auto 42px;
    flex: 1;
}

.bhsc-shell-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    font-size: 13px;
    font-weight: 800;
    color: #74849a;
}

.bhsc-shell-breadcrumb a {
    color: #0b74db !important;
    text-decoration: none !important;
}

.bhsc-shell-breadcrumb strong {
    color: #061b3a;
}

.bhsc-shell-content {
    width: 100%;
}

.bhsc-shell-content.bhsc-portal-card,
.bhsc-shell-content .bhsc-content-card,
.bhsc-shell-content .bhsc-portal-card {
    box-shadow: none;
}

.bhsc-shell-footer {
    max-width: 1240px;
    width: calc(100% - 48px);
    margin: 0 auto;
    padding: 22px 0 34px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #6b7c92;
    font-size: 13px;
    font-weight: 700;
    border-top: 1px solid rgba(7, 45, 90, .10);
}

.bhsc-shell-footer a {
    color: #0b74db !important;
    text-decoration: none !important;
    font-weight: 900;
}

/* Portal shell compatibility: remove inherited card margins where the app shell is already providing spacing. */
body.bhsc-portal-shell-page .bhsc-parent-dashboard,
body.bhsc-portal-shell-page .bhsc-hub-v4,
body.bhsc-portal-shell-page .bhsc-meet-centre {
    margin-top: 0;
}

@media (max-width: 820px) {
    .bhsc-shell-topbar {
        padding: 12px 14px 8px;
    }

    .bhsc-shell-brand-text strong {
        font-size: 17px;
    }

    .bhsc-shell-logo-mark {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        font-size: 12px;
    }

    .bhsc-shell-user span {
        display: none;
    }

    .bhsc-shell-nav {
        padding: 0 14px 12px;
    }

    .bhsc-shell-nav-link {
        min-height: 39px;
        padding: 8px 12px;
        font-size: 12px;
    }

    .bhsc-shell-main {
        width: min(100% - 20px, 1240px);
        margin-top: 14px;
    }

    .bhsc-shell-breadcrumb {
        display: none;
    }

    .bhsc-shell-footer {
        width: calc(100% - 28px);
        flex-direction: column;
        padding-bottom: 24px;
    }
}


/* =========================================================
   BHSC Portal Shell System v1.2 — safe app shell polish
   ========================================================= */
body.bhsc-safe-portal-shell,
body.bhsc-safe-portal-shell.bhsc-portal-shell-page {
    background: #f4f8fc !important;
}

body.bhsc-safe-portal-shell .bhsc-shell-app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.bhsc-safe-portal-shell .bhsc-shell-main {
    isolation: isolate;
}

body.bhsc-safe-portal-shell .bhsc-shell-header {
    position: sticky;
    top: 0;
}

body.bhsc-portal-content-page .entry-content > .bhsc-parent-dashboard,
body.bhsc-portal-content-page .entry-content > .bhsc-hub-v4,
body.bhsc-portal-content-page .entry-content > .bhsc-meet-centre {
    margin-top: 24px;
}

@media (max-width: 640px) {
    body.bhsc-safe-portal-shell .bhsc-shell-topbar {
        align-items: flex-start;
    }

    body.bhsc-safe-portal-shell .bhsc-shell-user {
        padding: 6px;
    }

    body.bhsc-safe-portal-shell .bhsc-shell-user a {
        padding: 7px 10px;
    }

    body.bhsc-safe-portal-shell .bhsc-shell-nav {
        gap: 7px;
    }

    body.bhsc-safe-portal-shell .bhsc-shell-nav-link strong {
        white-space: nowrap;
    }
}

/* =========================================================
   BHSC Portal Shell v5 — True App Layout
   Safe portal-only app shell. Does not target Oxygen content sections.
   ========================================================= */
body.bhsc-portal-app-v5 {
    --bhsc-shell-navy: #061b3a;
    --bhsc-shell-blue: #096fe8;
    --bhsc-shell-blue-2: #0b83ff;
    --bhsc-shell-gold: #ffc928;
    --bhsc-shell-ink: #10223f;
    --bhsc-shell-muted: #6e7f97;
    --bhsc-shell-line: rgba(9, 47, 100, .12);
    --bhsc-shell-card: rgba(255, 255, 255, .92);
    background: #edf4fb !important;
}

body.bhsc-portal-app-v5 .bhsc-shell-app {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 286px minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "sidebar header"
        "sidebar main"
        "sidebar footer";
    background:
        radial-gradient(circle at 88% 4%, rgba(12, 125, 255, .16), transparent 34rem),
        radial-gradient(circle at 10% 92%, rgba(255, 201, 40, .12), transparent 28rem),
        linear-gradient(180deg, #f7fbff 0%, #e9f1f9 100%);
}

body.bhsc-portal-app-v5 .bhsc-shell-sidebar {
    grid-area: sidebar;
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 22px 18px;
    background: linear-gradient(180deg, #061b3a 0%, #082d67 62%, #0759b9 100%);
    border-right: 1px solid rgba(255,255,255,.12);
    box-shadow: 18px 0 48px rgba(8, 28, 65, .14);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

body.bhsc-portal-app-v5 .bhsc-shell-header {
    grid-area: header;
    position: sticky;
    top: 0;
    z-index: 900;
    min-height: 78px;
    padding: 14px clamp(18px, 3vw, 34px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: rgba(247, 251, 255, .84);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--bhsc-shell-line);
    box-shadow: 0 12px 32px rgba(7, 32, 75, .06);
}

body.bhsc-portal-app-v5 .bhsc-shell-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff !important;
    text-decoration: none !important;
}

body.bhsc-portal-app-v5 .bhsc-shell-logo-mark {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--bhsc-shell-gold), #fff1a6);
    color: var(--bhsc-shell-navy);
    font-weight: 950;
    letter-spacing: -.6px;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
}

body.bhsc-portal-app-v5 .bhsc-shell-brand-text {
    display: grid;
    line-height: 1.08;
}

body.bhsc-portal-app-v5 .bhsc-shell-brand-text strong {
    color: #fff;
    font-size: 20px;
    font-weight: 950;
    letter-spacing: -.5px;
}

body.bhsc-portal-app-v5 .bhsc-shell-brand-text em {
    color: rgba(255,255,255,.68);
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    margin-top: 3px;
}

body.bhsc-portal-app-v5 .bhsc-shell-nav {
    display: grid;
    gap: 8px;
    overflow: visible;
    padding: 0;
    margin: 0;
    max-width: none;
}

body.bhsc-portal-app-v5 .bhsc-shell-nav-link {
    min-height: 54px;
    padding: 10px 12px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,.84) !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.bhsc-portal-app-v5 .bhsc-shell-nav-link:hover {
    transform: translateX(2px);
    background: rgba(255,255,255,.11);
    border-color: rgba(255,255,255,.18);
}

body.bhsc-portal-app-v5 .bhsc-shell-nav-link.is-active {
    background: linear-gradient(135deg, #ffffff 0%, #edf6ff 100%);
    color: var(--bhsc-shell-navy) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
}

body.bhsc-portal-app-v5 .bhsc-shell-nav-icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.13);
    flex: 0 0 auto;
}

body.bhsc-portal-app-v5 .bhsc-shell-nav-link.is-active .bhsc-shell-nav-icon {
    background: var(--bhsc-shell-gold);
}

body.bhsc-portal-app-v5 .bhsc-shell-nav-copy {
    display: grid;
    line-height: 1.12;
}

body.bhsc-portal-app-v5 .bhsc-shell-nav-copy strong {
    font-size: 14px;
    font-weight: 950;
}

body.bhsc-portal-app-v5 .bhsc-shell-nav-copy em {
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    opacity: .68;
    margin-top: 3px;
}

body.bhsc-portal-app-v5 .bhsc-shell-sidebar-card {
    margin-top: auto;
    padding: 16px;
    border-radius: 22px;
    color: #fff;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

body.bhsc-portal-app-v5 .bhsc-shell-sidebar-card strong,
body.bhsc-portal-app-v5 .bhsc-shell-sidebar-card span {
    display: block;
}

body.bhsc-portal-app-v5 .bhsc-shell-sidebar-card strong {
    font-size: 15px;
    font-weight: 950;
    margin-bottom: 6px;
}

body.bhsc-portal-app-v5 .bhsc-shell-sidebar-card span {
    font-size: 12px;
    line-height: 1.45;
    color: rgba(255,255,255,.72);
    font-weight: 700;
}

body.bhsc-portal-app-v5 .bhsc-shell-sidebar-card a {
    display: inline-flex;
    margin-top: 12px;
    padding: 9px 12px;
    border-radius: 999px;
    background: var(--bhsc-shell-gold);
    color: var(--bhsc-shell-navy) !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 950;
}

body.bhsc-portal-app-v5 .bhsc-shell-page-heading {
    display: grid;
    line-height: 1.08;
}

body.bhsc-portal-app-v5 .bhsc-shell-page-heading span {
    font-size: 12px;
    font-weight: 900;
    color: var(--bhsc-shell-blue);
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.bhsc-portal-app-v5 .bhsc-shell-page-heading strong {
    margin-top: 4px;
    color: var(--bhsc-shell-navy);
    font-size: clamp(22px, 2.4vw, 34px);
    font-weight: 950;
    letter-spacing: -.04em;
}

body.bhsc-portal-app-v5 .bhsc-shell-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

body.bhsc-portal-app-v5 .bhsc-shell-action {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--bhsc-shell-navy) !important;
    text-decoration: none !important;
    border: 1px solid var(--bhsc-shell-line);
    box-shadow: 0 10px 24px rgba(7, 32, 75, .07);
}

body.bhsc-portal-app-v5 .bhsc-shell-user {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 8px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--bhsc-shell-line);
    box-shadow: 0 10px 24px rgba(7, 32, 75, .07);
}

body.bhsc-portal-app-v5 .bhsc-shell-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--bhsc-shell-blue), var(--bhsc-shell-blue-2));
    color: #fff;
    font-size: 12px;
    font-weight: 950;
}

body.bhsc-portal-app-v5 .bhsc-shell-user-copy {
    color: var(--bhsc-shell-ink);
    font-size: 13px;
    font-weight: 900;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.bhsc-portal-app-v5 .bhsc-shell-user a {
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--bhsc-shell-navy);
    color: #fff !important;
    font-size: 12px;
    font-weight: 950;
    text-decoration: none !important;
}

body.bhsc-portal-app-v5 .bhsc-shell-main {
    grid-area: main;
    width: min(1320px, calc(100% - 48px));
    margin: 24px auto 42px;
    padding: 0;
    flex: none;
}

body.bhsc-portal-app-v5 .bhsc-shell-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    padding: 10px 14px;
    width: fit-content;
    border-radius: 999px;
    background: rgba(255,255,255,.75);
    border: 1px solid var(--bhsc-shell-line);
    color: var(--bhsc-shell-muted);
    font-size: 12px;
    font-weight: 900;
}

body.bhsc-portal-app-v5 .bhsc-shell-breadcrumb a {
    color: var(--bhsc-shell-blue) !important;
    text-decoration: none !important;
}

body.bhsc-portal-app-v5 .bhsc-shell-content,
body.bhsc-portal-app-v5 .bhsc-entry-content {
    width: 100%;
}

body.bhsc-portal-app-v5 .bhsc-shell-footer {
    grid-area: footer;
    width: min(1320px, calc(100% - 48px));
    margin: 0 auto;
    padding: 18px 0 32px;
    display: flex;
    justify-content: space-between;
    gap: 14px;
    color: var(--bhsc-shell-muted);
    font-size: 13px;
    font-weight: 800;
    border-top: 1px solid var(--bhsc-shell-line);
}

body.bhsc-portal-app-v5 .bhsc-shell-footer a {
    color: var(--bhsc-shell-blue) !important;
    text-decoration: none !important;
}

body.bhsc-portal-app-v5 .bhsc-hub-v4,
body.bhsc-portal-app-v5 .bhsc-parent-dashboard,
body.bhsc-portal-app-v5 .bhsc-meet-centre {
    margin-top: 0 !important;
}

body.bhsc-portal-app-v5 .bhsc-hub-hero,
body.bhsc-portal-app-v5 .bhsc-dashboard-hero,
body.bhsc-portal-app-v5 .bhsc-meet-hero {
    padding: 42px 40px !important;
    border-radius: 28px !important;
}

body.bhsc-portal-app-v5 .bhsc-hub-swimmer-card,
body.bhsc-portal-app-v5 .bhsc-dashboard-card,
body.bhsc-portal-app-v5 .bhsc-meet-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.bhsc-portal-app-v5 .bhsc-hub-swimmer-card:hover,
body.bhsc-portal-app-v5 .bhsc-dashboard-card:hover,
body.bhsc-portal-app-v5 .bhsc-meet-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(7, 32, 75, .10) !important;
}

body.bhsc-portal-app-v5 ::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

body.bhsc-portal-app-v5 ::-webkit-scrollbar-track {
    background: rgba(7, 45, 90, .06);
    border-radius: 999px;
}

body.bhsc-portal-app-v5 ::-webkit-scrollbar-thumb {
    background: rgba(9, 111, 232, .36);
    border-radius: 999px;
}

body.bhsc-portal-app-v5 .bhsc-shell-mobile-toggle,
body.bhsc-portal-app-v5 .bhsc-shell-mobile-panel,
body.bhsc-portal-app-v5 .bhsc-shell-bottom-nav {
    display: none;
}

body.bhsc-shell-menu-open {
    overflow: hidden;
}

@media (max-width: 1080px) {
    body.bhsc-portal-app-v5 .bhsc-shell-app {
        grid-template-columns: 1fr;
        grid-template-areas:
            "header"
            "main"
            "footer";
    }

    body.bhsc-portal-app-v5 .bhsc-shell-sidebar {
        display: none;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-mobile-toggle {
        display: inline-flex;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 10px 24px rgba(7, 32, 75, .07);
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        cursor: pointer;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-mobile-toggle span {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 99px;
        background: var(--bhsc-shell-navy);
    }

    body.bhsc-portal-app-v5 .bhsc-shell-mobile-panel {
        position: fixed;
        inset: 0;
        z-index: 3000;
        background: rgba(4, 14, 34, .55);
        backdrop-filter: blur(8px);
        padding: 16px;
    }

    body.bhsc-portal-app-v5.bhsc-shell-menu-open .bhsc-shell-mobile-panel {
        display: block;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-mobile-panel-inner {
        width: min(390px, 100%);
        height: 100%;
        border-radius: 28px;
        padding: 20px;
        background: linear-gradient(180deg, #061b3a 0%, #082d67 100%);
        box-shadow: 0 30px 80px rgba(0,0,0,.32);
        overflow-y: auto;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-mobile-close {
        margin: 0 0 16px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 0;
        border-radius: 14px;
        background: rgba(255,255,255,.12);
        color: #fff;
        font-size: 28px;
        cursor: pointer;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-mobile-panel nav {
        display: grid;
        gap: 9px;
    }
}

@media (max-width: 720px) {
    body.bhsc-portal-app-v5 .bhsc-shell-header {
        min-height: 68px;
        padding: 10px 12px;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-page-heading span {
        display: none;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-page-heading strong {
        font-size: 18px;
        max-width: 42vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-actions {
        gap: 7px;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-action {
        display: none;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-user {
        padding: 5px;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-user-copy {
        display: none;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-user a {
        padding: 7px 9px;
        font-size: 11px;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-main {
        width: calc(100% - 20px);
        margin: 14px auto 92px;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-breadcrumb {
        display: none;
    }

    body.bhsc-portal-app-v5 .bhsc-hub-hero,
    body.bhsc-portal-app-v5 .bhsc-dashboard-hero,
    body.bhsc-portal-app-v5 .bhsc-meet-hero {
        padding: 30px 22px !important;
        border-radius: 24px !important;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-footer {
        display: none;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-bottom-nav {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 10px;
        z-index: 2200;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 6px;
        padding: 8px;
        border-radius: 24px;
        background: rgba(255,255,255,.94);
        backdrop-filter: blur(18px);
        border: 1px solid rgba(9,47,100,.12);
        box-shadow: 0 18px 45px rgba(7, 32, 75, .18);
    }

    body.bhsc-portal-app-v5 .bhsc-shell-bottom-nav a {
        min-height: 54px;
        border-radius: 18px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        color: var(--bhsc-shell-muted) !important;
        text-decoration: none !important;
        font-size: 10px;
        font-weight: 950;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-bottom-nav a span {
        font-size: 17px;
        line-height: 1;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-bottom-nav a strong {
        font-size: 10px;
        line-height: 1;
        font-weight: 950;
    }

    body.bhsc-portal-app-v5 .bhsc-shell-bottom-nav a.is-active {
        background: linear-gradient(135deg, var(--bhsc-shell-blue), var(--bhsc-shell-blue-2));
        color: #fff !important;
        box-shadow: 0 12px 24px rgba(9,111,232,.22);
    }
}

/* =========================================================
   BHSC Portal v6 — Premium Analytics Platform
   Safe additive layer. Targets only portal app templates.
   ========================================================= */
body.bhsc-portal-app-v6 {
    --bhsc-v6-navy: #061b3a;
    --bhsc-v6-blue: #0876f7;
    --bhsc-v6-blue-2: #0aa4ff;
    --bhsc-v6-gold: #ffc928;
    --bhsc-v6-ink: #0c1f3d;
    --bhsc-v6-muted: #64748b;
    --bhsc-v6-line: rgba(12, 44, 92, .12);
    --bhsc-v6-card: rgba(255,255,255,.94);
    --bhsc-v6-bg: #eef6ff;
    background:
        radial-gradient(circle at top right, rgba(8,118,247,.12), transparent 28%),
        linear-gradient(135deg, #f7fbff, #eaf4ff 55%, #f7fbff) !important;
}

body.bhsc-portal-app-v6 .bhsc-shell-app {
    display: grid;
    grid-template-columns: 282px minmax(0, 1fr);
    min-height: 100vh;
    max-width: none;
    margin: 0;
    background: transparent;
}

body.bhsc-portal-app-v6 .bhsc-shell-sidebar {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    padding: 24px 18px;
    background: linear-gradient(180deg, #071c3f, #09295c 58%, #0a397d);
    box-shadow: 18px 0 45px rgba(4, 23, 52, .18);
    z-index: 50;
}

body.bhsc-portal-app-v6 .bhsc-shell-header {
    grid-column: 2;
    position: sticky;
    top: 0;
    z-index: 45;
    margin: 0;
    min-height: 82px;
    padding: 14px 28px;
    background: rgba(255,255,255,.84);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--bhsc-v6-line);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
}

body.bhsc-portal-app-v6 .bhsc-shell-main {
    grid-column: 2;
    width: 100%;
    max-width: none;
    padding: 24px 28px 76px;
}

body.bhsc-portal-app-v6 .bhsc-shell-content,
body.bhsc-portal-app-v6 .bhsc-parent-dashboard,
body.bhsc-portal-app-v6 .bhsc-hub-v4,
body.bhsc-portal-app-v6 .bhsc-meet-centre {
    width: 100%;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.bhsc-portal-app-v6 .bhsc-shell-brand,
body.bhsc-portal-app-v6 .bhsc-shell-nav-link,
body.bhsc-portal-app-v6 .bhsc-shell-sidebar-card {
    border-radius: 22px;
}

body.bhsc-portal-app-v6 .bhsc-shell-nav-link {
    margin-bottom: 8px;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
body.bhsc-portal-app-v6 .bhsc-shell-nav-link:hover {
    transform: translateX(3px);
}
body.bhsc-portal-app-v6 .bhsc-shell-nav-link.is-active {
    box-shadow: 0 10px 30px rgba(255,201,40,.22);
}

body.bhsc-portal-app-v6 .bhsc-shell-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 260px;
    height: 44px;
    padding: 0 14px;
    background: #f3f8ff;
    border: 1px solid var(--bhsc-v6-line);
    border-radius: 999px;
    color: var(--bhsc-v6-muted);
}
body.bhsc-portal-app-v6 .bhsc-shell-search input {
    width: 100%;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    font-size: 14px;
    color: var(--bhsc-v6-ink);
}
body.bhsc-portal-app-v6 .bhsc-shell-actions {
    position: relative;
    gap: 10px;
}
body.bhsc-portal-app-v6 .bhsc-shell-action {
    position: relative;
    transition: transform .18s ease, box-shadow .18s ease;
}
body.bhsc-portal-app-v6 .bhsc-shell-action:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(8,118,247,.12);
}
body.bhsc-portal-app-v6 .bhsc-shell-notify span {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--bhsc-v6-gold);
    color: var(--bhsc-v6-navy);
    font-size: 11px;
    font-weight: 900;
}
body.bhsc-portal-app-v6 .bhsc-shell-notification-panel {
    position: absolute;
    right: 92px;
    top: 58px;
    width: 330px;
    padding: 14px;
    background: rgba(255,255,255,.98);
    border: 1px solid var(--bhsc-v6-line);
    border-radius: 22px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .18);
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}
body.bhsc-portal-app-v6 .bhsc-shell-notification-panel.is-open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
body.bhsc-portal-app-v6 .bhsc-shell-notification-panel strong {
    display: block;
    margin: 4px 6px 10px;
    color: var(--bhsc-v6-navy);
    font-size: 16px;
}
body.bhsc-portal-app-v6 .bhsc-shell-notification-panel a {
    display: block;
    padding: 12px;
    margin-top: 8px;
    border-radius: 16px;
    background: #f3f8ff;
    color: var(--bhsc-v6-ink) !important;
    text-decoration: none !important;
}
body.bhsc-portal-app-v6 .bhsc-shell-notification-panel b,
body.bhsc-portal-app-v6 .bhsc-shell-notification-panel span {
    display: block;
}
body.bhsc-portal-app-v6 .bhsc-shell-notification-panel span {
    color: var(--bhsc-v6-muted);
    font-size: 12px;
    margin-top: 3px;
}

body.bhsc-portal-app-v6 .bhsc-parent-hero {
    min-height: 0;
    padding: clamp(34px, 4vw, 58px);
    box-shadow: 0 28px 70px rgba(5, 48, 112, .18);
}
body.bhsc-portal-app-v6 .bhsc-parent-card,
body.bhsc-portal-app-v6 .bhsc-parent-panel,
body.bhsc-portal-app-v6 .bhsc-parent-alert,
body.bhsc-portal-app-v6 .bhsc-hub-card,
body.bhsc-portal-app-v6 .bhsc-meet-card,
body.bhsc-portal-app-v6 .bhsc-shell-content .bhsc-content-card,
body.bhsc-portal-app-v6 .bhsc-shell-content .bhsc-portal-card {
    box-shadow: 0 4px 12px rgba(15,23,42,.04), 0 18px 40px rgba(15,23,42,.07) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.bhsc-portal-app-v6 .bhsc-parent-card:hover,
body.bhsc-portal-app-v6 .bhsc-hub-card:hover,
body.bhsc-portal-app-v6 .bhsc-meet-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(15,23,42,.08), 0 24px 55px rgba(15,23,42,.10) !important;
}

body.bhsc-portal-app-v6 .bhsc-v6-analytics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 22px 0 24px;
}
body.bhsc-portal-app-v6 .bhsc-v6-stat-card {
    position: relative;
    overflow: hidden;
    min-height: 140px;
    padding: 22px;
    border-radius: 28px;
    background: var(--bhsc-v6-card);
    border: 1px solid rgba(255,255,255,.8);
    box-shadow: 0 4px 12px rgba(15,23,42,.04), 0 18px 40px rgba(15,23,42,.07);
}
body.bhsc-portal-app-v6 .bhsc-v6-stat-card::after {
    content: '';
    position: absolute;
    right: -32px;
    bottom: -44px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(8,118,247,.10);
}
body.bhsc-portal-app-v6 .bhsc-v6-stat-primary {
    background: linear-gradient(135deg, #063b88, #0876f7);
    color: #fff;
}
body.bhsc-portal-app-v6 .bhsc-v6-stat-card span,
body.bhsc-portal-app-v6 .bhsc-v6-stat-card em {
    display: block;
    position: relative;
    z-index: 1;
    color: inherit;
    opacity: .78;
    font-size: 13px;
    font-style: normal;
}
body.bhsc-portal-app-v6 .bhsc-v6-stat-card strong {
    display: block;
    position: relative;
    z-index: 1;
    margin: 8px 0 4px;
    color: inherit;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1;
    letter-spacing: -0.05em;
}
body.bhsc-portal-app-v6 .bhsc-v6-stat-card i {
    display: block;
    position: relative;
    z-index: 2;
    margin-top: 16px;
    height: 8px;
    border-radius: 999px;
    background: #e7eef8;
}
body.bhsc-portal-app-v6 .bhsc-v6-stat-card i::before {
    content: '';
    display: block;
    width: var(--bhsc-v6-bar, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--bhsc-v6-blue), var(--bhsc-v6-gold));
}

body.bhsc-portal-app-v6 .bhsc-parent-link-list a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
body.bhsc-portal-app-v6 .bhsc-parent-link-list a::after {
    content: '↗';
    opacity: .5;
}

body.bhsc-portal-app-v6 .bhsc-parent-embedded-portal .bhsc-tab,
body.bhsc-portal-app-v6 .bhsc-parent-embedded-portal button,
body.bhsc-portal-app-v6 .bhsc-swimmer-tabs button,
body.bhsc-portal-app-v6 .bhsc-swimmer-tabs a {
    border-radius: 12px !important;
}

body.bhsc-portal-app-v6 .bhsc-portal-search-hidden {
    display: none !important;
}
body.bhsc-portal-app-v6 mark.bhsc-portal-search-mark {
    background: rgba(255,201,40,.45);
    color: inherit;
    padding: 0 .15em;
    border-radius: .25em;
}

body.bhsc-v6-dark.bhsc-portal-app-v6 {
    --bhsc-v6-ink: #edf6ff;
    --bhsc-v6-muted: #a8b7cc;
    --bhsc-v6-card: rgba(11, 28, 58, .92);
    --bhsc-v6-line: rgba(255,255,255,.12);
    background: linear-gradient(135deg, #061224, #071d3e 60%, #08162a) !important;
    color: #edf6ff;
}
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-shell-header,
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-parent-panel,
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-parent-card,
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-parent-alert,
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-v6-stat-card,
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-shell-notification-panel {
    background: rgba(8, 24, 52, .92) !important;
    color: #edf6ff !important;
    border-color: rgba(255,255,255,.12) !important;
}
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-shell-search,
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-shell-user,
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-shell-action,
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-shell-notification-panel a,
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-parent-link-list a {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #edf6ff !important;
}
body.bhsc-v6-dark.bhsc-portal-app-v6 .bhsc-shell-page-heading strong,
body.bhsc-v6-dark.bhsc-portal-app-v6 h1,
body.bhsc-v6-dark.bhsc-portal-app-v6 h2,
body.bhsc-v6-dark.bhsc-portal-app-v6 h3,
body.bhsc-v6-dark.bhsc-portal-app-v6 strong,
body.bhsc-v6-dark.bhsc-portal-app-v6 b {
    color: #fff !important;
}

@media (max-width: 1180px) {
    body.bhsc-portal-app-v6 .bhsc-shell-app {
        grid-template-columns: 1fr;
    }
    body.bhsc-portal-app-v6 .bhsc-shell-sidebar {
        display: none;
    }
    body.bhsc-portal-app-v6 .bhsc-shell-header,
    body.bhsc-portal-app-v6 .bhsc-shell-main {
        grid-column: 1;
    }
    body.bhsc-portal-app-v6 .bhsc-v6-analytics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    body.bhsc-portal-app-v6 .bhsc-shell-header {
        min-height: 70px;
        padding: 10px 14px;
    }
    body.bhsc-portal-app-v6 .bhsc-shell-main {
        padding: 16px 12px 92px;
    }
    body.bhsc-portal-app-v6 .bhsc-shell-search {
        display: none;
    }
    body.bhsc-portal-app-v6 .bhsc-shell-user-copy {
        display: none !important;
    }
    body.bhsc-portal-app-v6 .bhsc-shell-notification-panel {
        position: fixed;
        left: 12px;
        right: 12px;
        top: 78px;
        width: auto;
    }
    body.bhsc-portal-app-v6 .bhsc-v6-analytics,
    body.bhsc-portal-app-v6 .bhsc-parent-grid,
    body.bhsc-portal-app-v6 .bhsc-parent-section-grid {
        grid-template-columns: 1fr !important;
    }
    body.bhsc-portal-app-v6 .bhsc-v6-stat-card {
        min-height: 118px;
    }
    body.bhsc-portal-app-v6 .bhsc-parent-hero {
        padding: 28px 20px;
        border-radius: 26px;
    }
}


/* =========================================================
   BHSC Portal v7 — Unified Content + Premium Shell
   Child theme is now the visual layer. Plugin/main-theme shortcodes keep ownership of live content.
   ========================================================= */
body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal,
body.bhsc-portal-app-v7 .bhsc-shell-content > section,
body.bhsc-portal-app-v7 .bhsc-shell-content > div {
    max-width: 100%;
}

body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal {
    margin-top: 18px;
    padding: 0;
    border: 0;
    background: transparent;
}

body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal > *:first-child {
    margin-top: 0 !important;
}

body.bhsc-portal-app-v7 .bhsc-parent-panel .bhsc-parent-embedded-portal h1,
body.bhsc-portal-app-v7 .bhsc-parent-panel .bhsc-parent-embedded-portal h2,
body.bhsc-portal-app-v7 .bhsc-parent-panel .bhsc-parent-embedded-portal h3 {
    letter-spacing: -0.02em;
}

body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal table,
body.bhsc-portal-app-v7 .bhsc-shell-content table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fff;
    border: 1px solid rgba(15, 52, 96, .10);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}

body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal th,
body.bhsc-portal-app-v7 .bhsc-shell-content th {
    background: #f4f8ff !important;
    color: #062a58 !important;
    font-weight: 800 !important;
}

body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal td,
body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal th,
body.bhsc-portal-app-v7 .bhsc-shell-content td,
body.bhsc-portal-app-v7 .bhsc-shell-content th {
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(15, 52, 96, .08) !important;
}

body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal input,
body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal select,
body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal textarea,
body.bhsc-portal-app-v7 .bhsc-shell-content input,
body.bhsc-portal-app-v7 .bhsc-shell-content select,
body.bhsc-portal-app-v7 .bhsc-shell-content textarea {
    border-radius: 12px !important;
    border: 1px solid rgba(15, 52, 96, .16) !important;
    box-shadow: 0 4px 14px rgba(15,23,42,.04) !important;
}

body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal a.button,
body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal button,
body.bhsc-portal-app-v7 .bhsc-parent-embedded-portal input[type="submit"],
body.bhsc-portal-app-v7 .bhsc-shell-content a.button,
body.bhsc-portal-app-v7 .bhsc-shell-content button,
body.bhsc-portal-app-v7 .bhsc-shell-content input[type="submit"] {
    border-radius: 12px !important;
    font-weight: 800 !important;
}

body.bhsc-portal-app-v7 .bhsc-shell-content .bhsc-unified-content-card {
    background: #fff;
    border-radius: 28px;
    border: 1px solid rgba(15, 52, 96, .10);
    box-shadow: 0 14px 40px rgba(15, 23, 42, .08);
    padding: 24px;
}

body.bhsc-v6-dark.bhsc-portal-app-v7 .bhsc-parent-embedded-portal table,
body.bhsc-v6-dark.bhsc-portal-app-v7 .bhsc-shell-content table,
body.bhsc-v6-dark.bhsc-portal-app-v7 .bhsc-shell-content .bhsc-unified-content-card {
    background: rgba(8, 24, 52, .92) !important;
    color: #edf6ff !important;
    border-color: rgba(255,255,255,.12) !important;
}
body.bhsc-v6-dark.bhsc-portal-app-v7 .bhsc-parent-embedded-portal th,
body.bhsc-v6-dark.bhsc-portal-app-v7 .bhsc-shell-content th {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
}


/* =========================================================
   BHSC Portal v7.1 — Unified Live Content + Premium Shell
   Live plugin content is the source of truth. The child theme only wraps and improves visibility.
   ========================================================= */
body.bhsc-portal-app-v7 .bhsc-shell-main,
body.bhsc-portal-app-v7 .bhsc-shell-content{
    max-width: 100% !important;
}
.bhsc-v71-live-dashboard{
    --v71-blue:#075fca;
    --v71-navy:#061b3a;
    --v71-gold:#ffc21a;
    --v71-border:rgba(10,36,75,.11);
    --v71-soft:#f4f8ff;
}
.bhsc-v71-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:30px 34px;
    border-radius:28px;
    background:linear-gradient(135deg,#06357f 0%,#0867d8 72%,#1998ff 100%);
    color:#fff;
    box-shadow:0 18px 45px rgba(7,54,130,.22);
    margin-bottom:22px;
    position:relative;
    overflow:hidden;
}
.bhsc-v71-hero:after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-130px;
    width:330px;
    height:330px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
}
.bhsc-v71-hero > *{position:relative;z-index:1;}
.bhsc-v71-hero h1{font-size:clamp(34px,5vw,62px);line-height:.96;margin:8px 0 14px;color:#fff;font-weight:900;letter-spacing:-.055em;}
.bhsc-v71-hero p{max-width:720px;color:rgba(255,255,255,.9);font-size:18px;line-height:1.45;margin:0;}
.bhsc-v71-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.bhsc-v71-live-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;}
.bhsc-v71-panel{background:#fff;border:1px solid var(--v71-border);border-radius:26px;padding:22px;box-shadow:0 8px 22px rgba(15,23,42,.045),0 20px 48px rgba(15,23,42,.07);margin-bottom:22px;}
.bhsc-v71-panel-primary{padding:26px;}
.bhsc-v71-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;border-bottom:1px solid rgba(10,36,75,.08);padding-bottom:14px;}
.bhsc-v71-panel-head span{display:block;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--v71-blue);margin-bottom:4px;}
.bhsc-v71-panel-head h2{margin:0;color:var(--v71-navy);font-size:24px;line-height:1.05;font-weight:900;letter-spacing:-.03em;}
.bhsc-v71-panel-head a{font-weight:900;color:var(--v71-blue);text-decoration:none;font-size:13px;white-space:nowrap;}
.bhsc-v71-live-shortcode{max-width:100%;overflow:auto;}
.bhsc-v71-swimmer-portal-embed{padding:0;background:transparent;border:0;}
.bhsc-v71-empty{display:grid;gap:6px;background:#f8fbff;border:1px dashed rgba(7,95,202,.35);border-radius:18px;padding:18px;color:#17365f;}
.bhsc-v71-empty strong{font-size:17px;color:#061b3a;}
.bhsc-v71-empty span,.bhsc-v71-muted{font-size:14px;color:#62708a;line-height:1.45;}
.bhsc-v71-quick-links{display:grid;gap:10px;}
.bhsc-v71-quick-links a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#061b3a;background:#f3f7fd;border:1px solid rgba(10,36,75,.07);border-radius:14px;padding:12px 14px;font-weight:900;font-size:13px;transition:.18s ease;}
.bhsc-v71-quick-links a:after{content:'›';color:var(--v71-blue);font-size:18px;line-height:1;}
.bhsc-v71-quick-links a:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.08);background:#fff;}

/* Visibility bridge for live plugin/main-theme portal content */
.bhsc-v71-live-shortcode .bhsc-swimmer-portal,
.bhsc-v71-live-shortcode .bhsc-portal,
.bhsc-v71-live-shortcode .swimmer-portal,
.bhsc-v71-live-shortcode .lts-parent-portal,
.bhsc-v71-live-shortcode .bhsc-meet-centre{
    font-family:inherit !important;
    color:#061b3a;
}
.bhsc-v71-live-shortcode table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(10,36,75,.09);border-radius:16px;overflow:hidden;background:#fff;}
.bhsc-v71-live-shortcode th{background:#f3f7fd;color:#061b3a;font-weight:900;text-align:left;font-size:13px;padding:12px;}
.bhsc-v71-live-shortcode td{padding:12px;border-top:1px solid rgba(10,36,75,.07);font-size:14px;}
.bhsc-v71-live-shortcode input,
.bhsc-v71-live-shortcode select,
.bhsc-v71-live-shortcode textarea{border:1px solid rgba(10,36,75,.16)!important;border-radius:12px!important;padding:10px 12px!important;box-shadow:none!important;}
.bhsc-v71-live-shortcode button,
.bhsc-v71-live-shortcode .button,
.bhsc-v71-live-shortcode a.button{border-radius:12px!important;font-weight:900!important;text-decoration:none!important;}
.bhsc-v71-live-shortcode .nav-tab,
.bhsc-v71-live-shortcode .bhsc-tab,
.bhsc-v71-live-shortcode [role="tab"]{border-radius:12px!important;font-weight:900!important;}

@media (max-width:1100px){
    .bhsc-v71-live-grid{grid-template-columns:1fr;}
    .bhsc-v71-live-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
    .bhsc-v71-live-side .bhsc-v71-panel{margin-bottom:0;}
    .bhsc-v71-live-side .bhsc-v71-panel:last-child{grid-column:1/-1;}
}
@media (max-width:760px){
    .bhsc-v71-hero{align-items:flex-start;flex-direction:column;padding:24px 20px;border-radius:22px;}
    .bhsc-v71-hero-actions{justify-content:flex-start;width:100%;}
    .bhsc-v71-hero-actions .bhsc-btn{flex:1;text-align:center;}
    .bhsc-v71-panel,.bhsc-v71-panel-primary{padding:16px;border-radius:20px;}
    .bhsc-v71-live-side{display:block;}
    .bhsc-v71-panel-head{flex-direction:column;gap:8px;}
    .bhsc-v71-live-shortcode{overflow-x:auto;-webkit-overflow-scrolling:touch;}
}


/* =========================================================
   BHSC Portal v8 — Routed App Architecture
   Dashboard cards route to full live shortcode pages instead
   of embedding heavy plugin systems inside dashboard panels.
   ========================================================= */
body.bhsc-portal-app-v8 .bhsc-shell-content,
body.bhsc-portal-app-v8 .bhsc-entry-content {
    max-width: 1400px;
    margin-inline: auto;
}

.bhsc-v8-routed-dashboard {
    width: 100%;
}

.bhsc-v8-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 28px;
    align-items: stretch;
    padding: clamp(32px, 5vw, 64px);
    border-radius: 32px;
    background: linear-gradient(135deg, #06347a 0%, #075fd1 62%, #33a8ff 100%);
    color: #fff;
    box-shadow: 0 24px 60px rgba(6,52,122,.20);
}

.bhsc-v8-hero:after {
    content: '';
    position: absolute;
    width: 360px;
    height: 360px;
    right: -110px;
    bottom: -170px;
    border-radius: 999px;
    background: rgba(255,255,255,.13);
}

.bhsc-v8-hero-copy,
.bhsc-v8-hero-metrics { position: relative; z-index: 1; }

.bhsc-v8-hero h1 {
    margin: 10px 0 18px;
    max-width: 760px;
    font-size: clamp(42px, 6vw, 78px);
    line-height: .94;
    letter-spacing: -.05em;
    color: #fff;
}

.bhsc-v8-hero p {
    max-width: 760px;
    margin: 0 0 26px;
    font-size: clamp(17px, 2vw, 22px);
    line-height: 1.35;
    color: rgba(255,255,255,.92);
}

.bhsc-v8-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.bhsc-v8-hero-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.bhsc-v8-hero-metrics div {
    min-height: 128px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 22px;
    background: rgba(255,255,255,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
    backdrop-filter: blur(8px);
}

.bhsc-v8-hero-metrics strong {
    display: block;
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1;
    color: #fff;
}

.bhsc-v8-hero-metrics span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 800;
    color: rgba(255,255,255,.88);
}

.bhsc-v8-alert-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 24px 0;
}

.bhsc-v8-alert {
    padding: 18px 22px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15,23,42,.07);
}

.bhsc-v8-alert strong,
.bhsc-v8-alert span { display: block; }
.bhsc-v8-alert strong { color: #071b4d; font-size: 16px; }
.bhsc-v8-alert span { color: #667085; margin-top: 4px; }
.bhsc-v8-alert-blue { border-left: 5px solid #1477d4; }
.bhsc-v8-alert-gold { border-left: 5px solid #ffc20e; }

.bhsc-v8-route-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.bhsc-v8-route-card {
    display: flex;
    flex-direction: column;
    min-height: 220px;
    padding: 28px;
    border-radius: 26px;
    text-decoration: none !important;
    background: #fff;
    color: #071b4d;
    box-shadow: 0 4px 12px rgba(15,23,42,.04), 0 16px 38px rgba(15,23,42,.08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    border: 1px solid rgba(9,30,66,.06);
}

.bhsc-v8-route-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(15,23,42,.06), 0 24px 54px rgba(15,23,42,.13);
}

.bhsc-v8-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 20px;
    border-radius: 16px;
    background: #eef6ff;
    font-size: 24px;
}

.bhsc-v8-route-card strong {
    font-size: 25px;
    line-height: 1.08;
    letter-spacing: -.03em;
    color: #061947;
}

.bhsc-v8-route-card em {
    flex: 1;
    margin: 12px 0 20px;
    color: #667085;
    font-style: normal;
    line-height: 1.45;
}

.bhsc-v8-route-card b { color: #006fd6; }

.bhsc-v8-route-primary {
    border-color: rgba(0,111,214,.20);
    background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
}

.bhsc-v8-layout-note {
    margin-top: 24px;
    padding: 18px 22px;
    border: 1px dashed rgba(0,111,214,.25);
    border-radius: 20px;
    background: rgba(255,255,255,.72);
}
.bhsc-v8-layout-note strong,
.bhsc-v8-layout-note span { display: block; }
.bhsc-v8-layout-note strong { color: #061947; }
.bhsc-v8-layout-note span { margin-top: 4px; color: #667085; }

/* Full routed live shortcode pages: give plugin output room to breathe. */
body.bhsc-portal-app-v8 .bhsc-general-portal-shell .bhsc-shell-content,
body.bhsc-portal-app-v8 .bhsc-meet-centre-template .bhsc-shell-content,
body.bhsc-portal-app-v8 .bhsc-portal-wrap .bhsc-shell-content {
    max-width: 1500px;
}

body.bhsc-portal-app-v8 .bhsc-shell-content > .entry-content > [class*="bhsc"],
body.bhsc-portal-app-v8 .bhsc-shell-content > [class*="bhsc"] {
    max-width: 100%;
}

/* Do not force full live systems into small dashboard columns anymore. */
body.bhsc-portal-app-v8 .bhsc-v71-live-grid,
body.bhsc-portal-app-v8 .bhsc-v71-live-shortcode,
body.bhsc-portal-app-v8 .bhsc-v71-meet-embed,
body.bhsc-portal-app-v8 .bhsc-v71-swimmer-portal-embed {
    max-height: none !important;
    overflow: visible !important;
}

@media (max-width: 1180px) {
    .bhsc-v8-hero,
    .bhsc-v8-alert-row,
    .bhsc-v8-route-grid {
        grid-template-columns: 1fr;
    }
    .bhsc-v8-route-grid { gap: 16px; }
}

@media (max-width: 760px) {
    .bhsc-v8-hero {
        border-radius: 24px;
        padding: 30px 22px;
    }
    .bhsc-v8-hero-metrics { grid-template-columns: 1fr; }
    .bhsc-v8-hero-metrics div { min-height: 96px; }
    .bhsc-v8-route-card { min-height: auto; padding: 22px; border-radius: 22px; }
    .bhsc-v8-route-card strong { font-size: 21px; }
}


/* =========================================================
   BHSC Child Theme v9 — True SaaS Portal UI
   Presentation layer only: plugin data and shortcode logic remain untouched.
   ========================================================= */
:root {
    --bhsc-v9-navy:#061947;
    --bhsc-v9-blue:#006fd6;
    --bhsc-v9-blue-2:#0a84ff;
    --bhsc-v9-sky:#eaf5ff;
    --bhsc-v9-gold:#ffc425;
    --bhsc-v9-muted:#667085;
    --bhsc-v9-border:rgba(15,23,42,.10);
    --bhsc-v9-shadow:0 12px 32px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.05);
    --bhsc-v9-shadow-lg:0 24px 70px rgba(0,58,120,.16),0 8px 20px rgba(15,23,42,.08);
}

body.bhsc-portal-app-v9 {
    background:
        radial-gradient(circle at 0% 0%, rgba(0,111,214,.10), transparent 34%),
        linear-gradient(135deg,#f7fbff 0%,#eef6ff 45%,#f9fbff 100%) !important;
    color:var(--bhsc-v9-navy);
}

body.bhsc-portal-app-v9 .bhsc-shell-app {
    min-height:100vh;
    background:transparent;
}

body.bhsc-portal-app-v9 .bhsc-shell-main {
    padding-top:104px;
}

body.bhsc-portal-app-v9 .bhsc-shell-content,
body.bhsc-portal-app-v9 .bhsc-entry-content,
body.bhsc-portal-app-v9 .entry-content {
    width:100%;
}

body.bhsc-portal-app-v9 .bhsc-shell-content {
    background:rgba(255,255,255,.76);
    border:1px solid rgba(15,23,42,.08);
    border-radius:30px;
    box-shadow:var(--bhsc-v9-shadow);
    backdrop-filter:blur(18px);
}

body.bhsc-portal-app-v9 .bhsc-portal-card {
    padding:clamp(22px,3vw,42px) !important;
}

/* App shell refinements */
body.bhsc-portal-app-v9 .bhsc-shell-sidebar {
    background:linear-gradient(180deg,#061947 0%,#073a80 54%,#006fd6 100%);
    border-right:1px solid rgba(255,255,255,.14);
    box-shadow:14px 0 40px rgba(6,25,71,.18);
}
body.bhsc-portal-app-v9 .bhsc-shell-brand { color:#fff; }
body.bhsc-portal-app-v9 .bhsc-shell-logo-mark {
    background:var(--bhsc-v9-gold);
    color:#061947;
    box-shadow:0 12px 28px rgba(255,196,37,.24);
}
body.bhsc-portal-app-v9 .bhsc-shell-nav-link {
    border:1px solid rgba(255,255,255,.10);
    color:rgba(255,255,255,.82);
}
body.bhsc-portal-app-v9 .bhsc-shell-nav-link:hover,
body.bhsc-portal-app-v9 .bhsc-shell-nav-link.is-active {
    background:rgba(255,255,255,.16);
    color:#fff;
    transform:translateX(3px);
}
body.bhsc-portal-app-v9 .bhsc-shell-nav-link.is-active {
    box-shadow:inset 4px 0 0 var(--bhsc-v9-gold),0 10px 24px rgba(0,0,0,.14);
}
body.bhsc-portal-app-v9 .bhsc-shell-header {
    background:rgba(255,255,255,.84);
    backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(15,23,42,.08);
    box-shadow:0 12px 34px rgba(15,23,42,.06);
}
body.bhsc-portal-app-v9 .bhsc-shell-search input {
    min-width:260px;
    border-radius:999px;
    background:#f5faff;
    border:1px solid rgba(0,111,214,.14);
}
body.bhsc-portal-app-v9 .bhsc-shell-action,
body.bhsc-portal-app-v9 .bhsc-shell-avatar {
    box-shadow:0 8px 20px rgba(15,23,42,.08);
}

/* Dashboard v9 polish */
body.bhsc-portal-app-v9 .bhsc-v8-hero {
    position:relative;
    overflow:hidden;
    border:0;
    border-radius:34px;
    box-shadow:var(--bhsc-v9-shadow-lg);
}
body.bhsc-portal-app-v9 .bhsc-v8-hero::after {
    content:"";
    position:absolute;
    right:-120px;
    bottom:-160px;
    width:420px;
    height:420px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    pointer-events:none;
}
body.bhsc-portal-app-v9 .bhsc-v8-hero h1 { letter-spacing:-.055em; }
body.bhsc-portal-app-v9 .bhsc-v8-hero-metrics div {
    backdrop-filter:blur(16px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 32px rgba(0,0,0,.10);
}
body.bhsc-portal-app-v9 .bhsc-v8-route-card {
    border-radius:28px;
    box-shadow:var(--bhsc-v9-shadow);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.bhsc-portal-app-v9 .bhsc-v8-route-card:hover {
    transform:translateY(-4px);
    box-shadow:0 26px 58px rgba(15,23,42,.13);
    border-color:rgba(0,111,214,.26);
}
body.bhsc-portal-app-v9 .bhsc-v8-alert {
    border-radius:22px;
    box-shadow:0 10px 28px rgba(15,23,42,.06);
}

/* Plugin portal wrapper: keep data untouched, upgrade presentation */
body.bhsc-portal-app-v9 .bhsc-swimmer-portal-premium,
body.bhsc-portal-app-v9 .bhsc-swimmer-portal,
body.bhsc-portal-app-v9 .bhsc-coach-portal,
body.bhsc-portal-app-v9 .bhsc-meet-centre,
body.bhsc-portal-app-v9 .bhsc-meet-centre-wrap {
    max-width:100% !important;
    margin:0 auto !important;
    color:var(--bhsc-v9-navy) !important;
    font-family:inherit !important;
}
body.bhsc-portal-app-v9 .bhsc-swimmer-portal-premium h1,
body.bhsc-portal-app-v9 .bhsc-swimmer-portal-premium h2,
body.bhsc-portal-app-v9 .bhsc-swimmer-portal-premium h3,
body.bhsc-portal-app-v9 .bhsc-meet-centre h1,
body.bhsc-portal-app-v9 .bhsc-meet-centre h2,
body.bhsc-portal-app-v9 .bhsc-meet-centre h3,
body.bhsc-portal-app-v9 .entry-content h1,
body.bhsc-portal-app-v9 .entry-content h2,
body.bhsc-portal-app-v9 .entry-content h3 {
    color:var(--bhsc-v9-navy) !important;
    letter-spacing:-.035em;
}
body.bhsc-portal-app-v9 .bhsc-swimmer-portal-premium > h2:first-child,
body.bhsc-portal-app-v9 .entry-content > h1:first-child,
body.bhsc-portal-app-v9 .entry-content > h2:first-child {
    font-size:clamp(34px,4vw,58px) !important;
    line-height:.98 !important;
    margin:0 0 14px !important;
}
body.bhsc-portal-app-v9 .bhsc-swimmer-portal-premium p,
body.bhsc-portal-app-v9 .entry-content p {
    color:var(--bhsc-v9-muted);
}

/* v9 premium dropdown selector: child theme owns visual styling */
body.bhsc-portal-app-v9 .bhsc-selector-dropdown,
body.bhsc-portal-app-v9 .bhsc-swimmer-portal-premium .bhsc-selector-dropdown,
body.bhsc-portal-app-v9 .bhsc-swimmer-switch {
    width:100% !important;
    max-width:100% !important;
    margin:24px 0 28px !important;
    padding:26px !important;
    background:linear-gradient(135deg,#eef7ff 0%,#f8fbff 100%) !important;
    border:1px solid rgba(0,111,214,.16) !important;
    border-radius:28px !important;
    box-shadow:0 18px 44px rgba(0,58,120,.08) !important;
    min-height:auto !important;
    height:auto !important;
    overflow:visible !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__header {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    margin:0 0 18px !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__eyebrow,
body.bhsc-portal-app-v9 .bhsc-portal-eyebrow,
body.bhsc-portal-app-v9 .bhsc-kicker {
    display:block;
    color:#006fd6 !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.16em !important;
    margin-bottom:8px !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__header h3 {
    margin:0 !important;
    font-size:clamp(24px,3vw,36px) !important;
    line-height:1 !important;
    color:var(--bhsc-v9-navy) !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__count {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:10px 18px !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#006fd6 !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 10px 26px rgba(15,23,42,.06) !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__control,
body.bhsc-portal-app-v9 .bhsc-swimmer-switch {
    display:block !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__control label,
body.bhsc-portal-app-v9 .bhsc-swimmer-switch label {
    display:block !important;
    margin:0 0 10px !important;
    color:var(--bhsc-v9-navy) !important;
    font-weight:900 !important;
    font-size:14px !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__select-wrap { position:relative !important; }
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__select-wrap::after {
    content:"⌄" !important;
    position:absolute !important;
    right:22px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    color:#006fd6 !important;
    font-weight:900 !important;
    pointer-events:none !important;
}
body.bhsc-portal-app-v9 select.bhsc-selector-dropdown__select,
body.bhsc-portal-app-v9 .bhsc-swimmer-switch select,
body.bhsc-portal-app-v9 .bhsc-swimmer-portal-premium select,
body.bhsc-portal-app-v9 .entry-content select {
    width:100% !important;
    min-height:62px !important;
    padding:0 54px 0 22px !important;
    border:1px solid rgba(15,23,42,.12) !important;
    border-radius:18px !important;
    background:#fff !important;
    color:var(--bhsc-v9-navy) !important;
    font-size:18px !important;
    font-weight:800 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 22px rgba(15,23,42,.05) !important;
    outline:none !important;
    appearance:none !important;
}
body.bhsc-portal-app-v9 select.bhsc-selector-dropdown__select:focus,
body.bhsc-portal-app-v9 .entry-content select:focus {
    border-color:#006fd6 !important;
    box-shadow:0 0 0 4px rgba(0,111,214,.12),0 12px 30px rgba(15,23,42,.08) !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__selected {
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:18px !important;
    margin-top:16px !important;
    padding:18px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(15,23,42,.08) !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__avatar,
body.bhsc-portal-app-v9 .bhsc-avatar,
body.bhsc-portal-app-v9 .bhsc-swimmer-initials {
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    border-radius:17px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#ffc425,#ffb400) !important;
    color:#061947 !important;
    font-weight:950 !important;
    font-size:18px !important;
    box-shadow:0 10px 22px rgba(255,196,37,.22) !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__details strong {
    display:block !important;
    color:var(--bhsc-v9-navy) !important;
    font-size:20px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
}
body.bhsc-portal-app-v9 .bhsc-selector-dropdown__details em {
    display:block !important;
    margin-top:4px !important;
    color:var(--bhsc-v9-muted) !important;
    font-size:14px !important;
    font-style:normal !important;
    font-weight:800 !important;
}

/* Portal action buttons */
body.bhsc-portal-app-v9 .bhsc-portal-action-btn,
body.bhsc-portal-app-v9 .bhsc-swimmer-portal-premium .bhsc-portal-action-btn,
body.bhsc-portal-app-v9 .entry-content a.button,
body.bhsc-portal-app-v9 .entry-content button,
body.bhsc-portal-app-v9 .bhsc-btn {
    border-radius:14px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}
body.bhsc-portal-app-v9 .bhsc-portal-action-btn:hover,
body.bhsc-portal-app-v9 .entry-content a.button:hover,
body.bhsc-portal-app-v9 .entry-content button:hover {
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(15,23,42,.11) !important;
}

/* Tabs: SaaS pill navigation */
body.bhsc-portal-app-v9 .bhsc-portal-nav,
body.bhsc-portal-app-v9 .bhsc-tabs-links,
body.bhsc-portal-app-v9 .bhsc-tabs,
body.bhsc-portal-app-v9 [class*="tab"]:has(.bhsc-tab-btn) {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    padding:14px !important;
    margin:22px 0 !important;
    border-radius:20px !important;
    background:#f4f8ff !important;
    border:1px solid rgba(15,23,42,.08) !important;
}
body.bhsc-portal-app-v9 .bhsc-tab-btn,
body.bhsc-portal-app-v9 .bhsc-tabs-links a,
body.bhsc-portal-app-v9 .bhsc-portal-nav a {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:10px 16px !important;
    border-radius:12px !important;
    background:#fff !important;
    border:1px solid rgba(15,23,42,.12) !important;
    color:var(--bhsc-v9-navy) !important;
    font-size:14px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    line-height:1.05 !important;
}
body.bhsc-portal-app-v9 .bhsc-tab-btn:hover,
body.bhsc-portal-app-v9 .bhsc-tabs-links a:hover,
body.bhsc-portal-app-v9 .bhsc-portal-nav a:hover {
    border-color:rgba(0,111,214,.35) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.07) !important;
}
body.bhsc-portal-app-v9 .bhsc-tab-btn.is-active,
body.bhsc-portal-app-v9 .bhsc-tab-btn.active,
body.bhsc-portal-app-v9 .bhsc-tabs-links a.active,
body.bhsc-portal-app-v9 .bhsc-portal-nav a.active {
    background:linear-gradient(135deg,#006fd6,#0a84ff) !important;
    color:#fff !important;
    border-color:transparent !important;
    box-shadow:0 10px 22px rgba(0,111,214,.22) !important;
}

/* Cards, panels and live data blocks */
body.bhsc-portal-app-v9 .bhsc-card,
body.bhsc-portal-app-v9 .bhsc-swimmer-header,
body.bhsc-portal-app-v9 .bhsc-swimmer-content,
body.bhsc-portal-app-v9 .bhsc-note,
body.bhsc-portal-app-v9 .bhsc-panel,
body.bhsc-portal-app-v9 .bhsc-meet-card,
body.bhsc-portal-app-v9 .entry-content > .bhsc-card,
body.bhsc-portal-app-v9 .entry-content .card {
    background:#fff !important;
    border:1px solid rgba(15,23,42,.09) !important;
    border-radius:22px !important;
    box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}
body.bhsc-portal-app-v9 .bhsc-card,
body.bhsc-portal-app-v9 .bhsc-swimmer-header,
body.bhsc-portal-app-v9 .bhsc-swimmer-content,
body.bhsc-portal-app-v9 .bhsc-note,
body.bhsc-portal-app-v9 .bhsc-panel {
    padding:22px !important;
    margin:18px 0 !important;
}
body.bhsc-portal-app-v9 .bhsc-swimmer-name,
body.bhsc-portal-app-v9 .bhsc-card__title {
    color:var(--bhsc-v9-navy) !important;
    font-weight:950 !important;
}
body.bhsc-portal-app-v9 .bhsc-swimmer-meta,
body.bhsc-portal-app-v9 .bhsc-card p,
body.bhsc-portal-app-v9 .bhsc-note p {
    color:var(--bhsc-v9-muted) !important;
}
body.bhsc-portal-app-v9 .bhsc-badge,
body.bhsc-portal-app-v9 .badge {
    border-radius:999px !important;
    padding:6px 10px !important;
    font-weight:900 !important;
    background:#eef6ff !important;
    color:#006fd6 !important;
}

/* Tables */
body.bhsc-portal-app-v9 .bhsc-table-scroll,
body.bhsc-portal-app-v9 .bhsc-table-wrap {
    border-radius:18px !important;
    border:1px solid rgba(15,23,42,.08) !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(15,23,42,.05) !important;
    overflow:auto !important;
}
body.bhsc-portal-app-v9 table {
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    overflow:hidden !important;
}
body.bhsc-portal-app-v9 table th {
    background:#f4f8ff !important;
    color:#061947 !important;
    font-size:13px !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
    font-weight:950 !important;
}
body.bhsc-portal-app-v9 table th,
body.bhsc-portal-app-v9 table td {
    padding:14px 16px !important;
    border-bottom:1px solid rgba(15,23,42,.07) !important;
}
body.bhsc-portal-app-v9 table tr:hover td { background:#fbfdff !important; }

/* Meet centre polish */
body.bhsc-portal-app-v9 .bhsc-meet-centre,
body.bhsc-portal-app-v9 .bhsc-meet-centre-wrap {
    display:block !important;
}
body.bhsc-portal-app-v9 .bhsc-meet-centre .bhsc-meet-card,
body.bhsc-portal-app-v9 .bhsc-meet-card {
    padding:24px !important;
    margin:18px 0 !important;
}
body.bhsc-portal-app-v9 .bhsc-meet-centre a,
body.bhsc-portal-app-v9 .bhsc-meet-card a {
    color:#006fd6;
    font-weight:900;
}

/* Search hidden state */
body.bhsc-portal-app-v9 .bhsc-portal-search-hidden { display:none !important; }

/* Dark mode v9 */
body.bhsc-portal-app-v9.bhsc-v6-dark {
    background:linear-gradient(135deg,#020817 0%,#061947 55%,#082f64 100%) !important;
    color:#eaf5ff;
}
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-shell-header,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-shell-content,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-card,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-panel,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-note,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-selector-dropdown,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-swimmer-switch {
    background:rgba(7,18,45,.86) !important;
    border-color:rgba(255,255,255,.12) !important;
    color:#eaf5ff !important;
}
body.bhsc-portal-app-v9.bhsc-v6-dark h1,
body.bhsc-portal-app-v9.bhsc-v6-dark h2,
body.bhsc-portal-app-v9.bhsc-v6-dark h3,
body.bhsc-portal-app-v9.bhsc-v6-dark strong,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-swimmer-name,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-card__title {
    color:#fff !important;
}
body.bhsc-portal-app-v9.bhsc-v6-dark p,
body.bhsc-portal-app-v9.bhsc-v6-dark em,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-swimmer-meta {
    color:#b7c7df !important;
}
body.bhsc-portal-app-v9.bhsc-v6-dark select,
body.bhsc-portal-app-v9.bhsc-v6-dark input,
body.bhsc-portal-app-v9.bhsc-v6-dark textarea,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-tab-btn,
body.bhsc-portal-app-v9.bhsc-v6-dark .bhsc-portal-nav a {
    background:#0b1837 !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
}

/* Responsive v9 */
@media (max-width: 1180px) {
    body.bhsc-portal-app-v9 .bhsc-shell-main { padding-top:88px; }
    body.bhsc-portal-app-v9 .bhsc-shell-search input { min-width:180px; }
}
@media (max-width: 820px) {
    body.bhsc-portal-app-v9 .bhsc-shell-content { border-radius:24px; }
    body.bhsc-portal-app-v9 .bhsc-portal-card { padding:18px !important; }
    body.bhsc-portal-app-v9 .bhsc-selector-dropdown,
    body.bhsc-portal-app-v9 .bhsc-swimmer-switch { padding:18px !important; border-radius:22px !important; }
    body.bhsc-portal-app-v9 .bhsc-selector-dropdown__header { align-items:flex-start !important; flex-direction:column !important; }
    body.bhsc-portal-app-v9 select.bhsc-selector-dropdown__select,
    body.bhsc-portal-app-v9 .entry-content select { min-height:56px !important; font-size:16px !important; }
    body.bhsc-portal-app-v9 .bhsc-selector-dropdown__selected { grid-template-columns:auto 1fr !important; }
    body.bhsc-portal-app-v9 .bhsc-portal-nav,
    body.bhsc-portal-app-v9 .bhsc-tabs-links { overflow-x:auto !important; flex-wrap:nowrap !important; -webkit-overflow-scrolling:touch; }
    body.bhsc-portal-app-v9 .bhsc-tab-btn,
    body.bhsc-portal-app-v9 .bhsc-tabs-links a,
    body.bhsc-portal-app-v9 .bhsc-portal-nav a { white-space:nowrap !important; }
    body.bhsc-portal-app-v9 table th,
    body.bhsc-portal-app-v9 table td { padding:12px !important; font-size:13px !important; }
}
@media (max-width: 560px) {
    body.bhsc-portal-app-v9 .bhsc-shell-main { padding-left:12px; padding-right:12px; }
    body.bhsc-portal-app-v9 .bhsc-shell-content { border-radius:20px; }
    body.bhsc-portal-app-v9 .bhsc-selector-dropdown__count { min-height:34px !important; padding:7px 12px !important; font-size:12px !important; }
    body.bhsc-portal-app-v9 .bhsc-selector-dropdown__selected { padding:14px !important; gap:12px !important; }
    body.bhsc-portal-app-v9 .bhsc-selector-dropdown__avatar { width:46px !important; height:46px !important; min-width:46px !important; border-radius:14px !important; }
    body.bhsc-portal-app-v9 .bhsc-selector-dropdown__details strong { font-size:17px !important; }
}


/* BHSC Child Theme v10 — Incremental SaaS Portal Polish */
body.bhsc-portal-app-v9 .bhsc-shell-app,
body.bhsc-portal-shell-page .bhsc-shell-app {
    background:
        radial-gradient(circle at 25% 0%, rgba(0, 94, 184, .10), transparent 28%),
        radial-gradient(circle at 85% 20%, rgba(245, 180, 0, .10), transparent 22%),
        linear-gradient(135deg, #f6fbff 0%, #eaf4ff 100%);
}

.bhsc-v10-command-strip {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:22px 0;
}
.bhsc-v10-command-strip a {
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px 12px;
    align-items:center;
    padding:16px 18px;
    border-radius:22px;
    background:rgba(255,255,255,.86);
    border:1px solid rgba(191,219,254,.82);
    box-shadow:0 12px 30px rgba(7,31,69,.07);
    text-decoration:none!important;
    color:#071f45!important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.bhsc-v10-command-strip a:hover { transform:translateY(-2px); box-shadow:0 18px 42px rgba(7,31,69,.12); border-color:#7db8ff; }
.bhsc-v10-command-strip span { width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#eef6ff;font-size:19px;grid-row:span 2; }
.bhsc-v10-command-strip strong { font-size:15px;line-height:1.05; }
.bhsc-v10-command-strip em { color:#64748b;font-style:normal;font-size:12px;margin-top:-4px; }

.bhsc-v10-insight-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin:22px 0 24px;
}
.bhsc-v10-insight-card {
    background:rgba(255,255,255,.92);
    border:1px solid rgba(219,228,240,.95);
    border-radius:24px;
    padding:18px;
    box-shadow:0 8px 20px rgba(15,23,42,.04),0 18px 46px rgba(15,23,42,.07);
    min-height:132px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    overflow:hidden;
    position:relative;
}
.bhsc-v10-insight-card:after{content:"";position:absolute;right:-34px;bottom:-42px;width:110px;height:110px;border-radius:999px;background:rgba(0,94,184,.08);}
.bhsc-v10-insight-icon { width:42px;height:42px;border-radius:16px;background:#eef6ff;display:grid;place-items:center;font-size:19px; }
.bhsc-v10-insight-card strong{display:block;color:#071f45;font-size:clamp(26px,3vw,36px);line-height:1;font-weight:900;letter-spacing:-.04em;}
.bhsc-v10-insight-card em{display:block;color:#64748b;font-style:normal;font-size:13px;margin-top:5px;font-weight:700;}
.bhsc-v10-sparkline{height:34px;display:flex;align-items:end;gap:5px;margin-top:10px;position:relative;z-index:1;}
.bhsc-v10-sparkline i{display:block;width:100%;border-radius:999px;background:linear-gradient(180deg,#1d78e8,#93c5fd);min-height:8px;}
.bhsc-v10-sparkline i:nth-child(1){height:15px}.bhsc-v10-sparkline i:nth-child(2){height:23px}.bhsc-v10-sparkline i:nth-child(3){height:18px}.bhsc-v10-sparkline i:nth-child(4){height:30px}.bhsc-v10-sparkline i:nth-child(5){height:24px}.bhsc-v10-sparkline i:nth-child(6){height:32px}
.bhsc-v10-progress{height:10px;background:#eaf2ff;border-radius:999px;overflow:hidden;margin-top:16px;position:relative;z-index:1;}
.bhsc-v10-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#005eb8,#53a8ff);}
.bhsc-v10-avatar-stack{display:flex;margin-top:14px;position:relative;z-index:1;}
.bhsc-v10-avatar-stack b{width:30px;height:30px;border-radius:50%;background:#ffc526;border:3px solid #fff;margin-right:-8px;box-shadow:0 4px 10px rgba(7,31,69,.10)}
.bhsc-v10-avatar-stack b:nth-child(2){background:#1d78e8}.bhsc-v10-avatar-stack b:nth-child(3){background:#15b881}

.bhsc-v10-dashboard-split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:0 0 24px;}
.bhsc-v10-panel{background:rgba(255,255,255,.92);border:1px solid rgba(219,228,240,.95);border-radius:26px;padding:20px;box-shadow:0 10px 28px rgba(15,23,42,.06);}
.bhsc-v10-panel-accent{background:linear-gradient(135deg,#07346f,#0b72da);color:#fff;border-color:rgba(255,255,255,.22);}
.bhsc-v10-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;}
.bhsc-v10-panel-head span{font-weight:900;color:#071f45;font-size:18px;}
.bhsc-v10-panel-accent .bhsc-v10-panel-head span{color:#fff;}
.bhsc-v10-panel-head a{font-size:12px;font-weight:900;text-decoration:none!important;color:#005eb8!important;}
.bhsc-v10-panel-accent .bhsc-v10-panel-head a{color:#fff!important;opacity:.9;}
.bhsc-v10-feed{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.bhsc-v10-feed li{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding:12px;border-radius:18px;background:#f8fbff;border:1px solid #e3eefb;}
.bhsc-v10-feed li:before{content:"";width:10px;height:10px;border-radius:50%;background:#1d78e8;margin-top:6px;grid-row:span 2;}
.bhsc-v10-feed b{color:#071f45;font-size:14px}.bhsc-v10-feed span{color:#64748b;font-size:13px;line-height:1.45;}
.bhsc-v10-shortcuts{display:grid;gap:10px;}
.bhsc-v10-shortcuts a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff!important;text-decoration:none!important;font-weight:900;}
.bhsc-v10-shortcuts a:after{content:"→";opacity:.78;}

.bhsc-shell-user{position:relative;}
.bhsc-shell-user-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;font:inherit;}
.bhsc-shell-user-button i{font-style:normal;opacity:.65;}
.bhsc-shell-profile-panel{position:absolute;right:0;top:calc(100% + 12px);width:220px;background:#fff;border:1px solid #dbe4f0;border-radius:20px;box-shadow:0 18px 46px rgba(7,31,69,.16);padding:12px;display:none;z-index:80;}
.bhsc-shell-profile-panel.is-open{display:grid;gap:6px;}
.bhsc-shell-profile-panel strong{color:#071f45;padding:8px 10px;border-bottom:1px solid #edf3fb;margin-bottom:4px;}
.bhsc-shell-profile-panel a{display:block;padding:10px;border-radius:12px;color:#071f45!important;text-decoration:none!important;font-weight:800;}
.bhsc-shell-profile-panel a:hover{background:#eef6ff;}

/* Better styling for live plugin content without touching plugin logic */
body.bhsc-safe-portal-shell .bhsc-entry-content > .bhsc-swimmer-portal,
body.bhsc-safe-portal-shell .bhsc-entry-content > [class*="swimmer"],
body.bhsc-safe-portal-shell .bhsc-entry-content > [class*="portal"]{max-width:100%;}
body.bhsc-safe-portal-shell .bhsc-entry-content select{min-height:52px;border-radius:16px!important;border:1px solid #dbe4f0!important;padding:0 16px!important;font-weight:800;color:#071f45;background:#fff;box-shadow:0 8px 18px rgba(7,31,69,.04);}
body.bhsc-safe-portal-shell .bhsc-entry-content button,
body.bhsc-safe-portal-shell .bhsc-entry-content .button,
body.bhsc-safe-portal-shell .bhsc-entry-content input[type="submit"]{border-radius:14px!important;font-weight:900!important;}
body.bhsc-safe-portal-shell .bhsc-entry-content [role="tab"],
body.bhsc-safe-portal-shell .bhsc-entry-content .bhsc-tab,
body.bhsc-safe-portal-shell .bhsc-entry-content .tab-button{transition:transform .16s ease,box-shadow .16s ease;}
body.bhsc-safe-portal-shell .bhsc-entry-content [role="tab"]:hover,
body.bhsc-safe-portal-shell .bhsc-entry-content .bhsc-tab:hover,
body.bhsc-safe-portal-shell .bhsc-entry-content .tab-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(7,31,69,.08);}

.bhsc-portal-search-hidden{display:none!important;}
.bhsc-v10-loading{position:relative;overflow:hidden;}
.bhsc-v10-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:bhscV10Shimmer 1.1s ease-out 1;transform:translateX(-100%);}
@keyframes bhscV10Shimmer{to{transform:translateX(100%);}}

@media (max-width:1100px){
    .bhsc-v10-command-strip,.bhsc-v10-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .bhsc-v10-dashboard-split{grid-template-columns:1fr;}
}
@media (max-width:720px){
    .bhsc-v10-command-strip{grid-template-columns:1fr 1fr;gap:10px;}
    .bhsc-v10-command-strip a{padding:13px;border-radius:18px;}
    .bhsc-v10-command-strip span{width:36px;height:36px;border-radius:14px;}
    .bhsc-v10-insight-grid{grid-template-columns:1fr;}
    .bhsc-v10-insight-card{min-height:112px;}
    .bhsc-shell-profile-panel{right:-12px;}
}
@media (max-width:520px){
    .bhsc-v10-command-strip{grid-template-columns:1fr;}
}


/* ==========================================================
   BHSC Child Theme v11 — Portal Production Polish
   Additive presentation layer only. No plugin data or shortcode
   logic is replaced here.
   ========================================================== */

:root {
    --bhsc-v11-ink: #0f172a;
    --bhsc-v11-muted: #64748b;
    --bhsc-v11-soft: #f8fafc;
    --bhsc-v11-line: rgba(148, 163, 184, .24);
    --bhsc-v11-card: rgba(255,255,255,.94);
    --bhsc-v11-blue: #0f4c81;
    --bhsc-v11-blue-2: #1767ad;
    --bhsc-v11-gold: #f4b400;
    --bhsc-v11-green: #16a34a;
    --bhsc-v11-red: #dc2626;
    --bhsc-v11-shadow: 0 12px 32px rgba(15,23,42,.08), 0 3px 10px rgba(15,23,42,.04);
    --bhsc-v11-radius: 22px;
}

body.bhsc-portal-page,
body.bhsc-shortcode-page,
body.page-template-template-bhsc-portal,
body.page-template-template-bhsc-parent-dashboard,
body.page-template-template-bhsc-meet-centre {
    background:
        radial-gradient(circle at top left, rgba(23,103,173,.13), transparent 34rem),
        linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%) !important;
}

/* Safer portal-only public chrome isolation. Keep selectors narrow. */
body.bhsc-portal-page .oxy-header-wrapper,
body.bhsc-portal-page header.ct-header,
body.page-template-template-bhsc-portal .oxy-header-wrapper,
body.page-template-template-bhsc-parent-dashboard .oxy-header-wrapper,
body.page-template-template-bhsc-meet-centre .oxy-header-wrapper {
    display: none !important;
}

/* Shell refinement */
.bhsc-shell-layout {
    min-height: 100vh;
}

.bhsc-shell-sidebar {
    box-shadow: 12px 0 36px rgba(15, 23, 42, .08);
}

.bhsc-shell-topbar {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--bhsc-v11-line);
    box-shadow: 0 10px 26px rgba(15,23,42,.045);
}

.bhsc-shell-main {
    width: 100%;
    max-width: 1480px;
    margin-inline: auto;
}

.bhsc-shell-breadcrumb {
    color: var(--bhsc-v11-muted);
    font-size: 13px;
    margin-bottom: 16px;
}

.bhsc-shell-breadcrumb strong {
    color: var(--bhsc-v11-ink);
}

/* Dashboard hierarchy */
.bhsc-v8-hero {
    box-shadow: 0 28px 70px rgba(15, 76, 129, .22);
    border: 1px solid rgba(255,255,255,.18);
    overflow: hidden;
    position: relative;
}

.bhsc-v8-hero:after {
    content: '';
    position: absolute;
    inset: auto -80px -90px auto;
    width: 280px;
    height: 280px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    pointer-events: none;
}

.bhsc-v8-hero-copy h1 {
    letter-spacing: -.035em;
}

.bhsc-v8-hero-metrics div,
.bhsc-v10-insight-card,
.bhsc-v10-panel,
.bhsc-v8-route-card,
.bhsc-parent-panel,
.bhsc-parent-card,
.bhsc-hub-card,
.bhsc-meet-card,
.bhsc-portal-card,
.bhsc-portal-wrap .card,
.bhsc-portal-wrap .bhsc-card,
.bhsc-portal-wrap .portal-card {
    border: 1px solid var(--bhsc-v11-line) !important;
    box-shadow: var(--bhsc-v11-shadow) !important;
}

.bhsc-v10-insight-card,
.bhsc-v10-panel,
.bhsc-v8-route-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bhsc-v10-insight-card:hover,
.bhsc-v10-panel:hover,
.bhsc-v8-route-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 44px rgba(15,23,42,.12), 0 4px 14px rgba(15,23,42,.06) !important;
    border-color: rgba(23, 103, 173, .25) !important;
}

.bhsc-v10-command-strip a {
    min-height: 82px;
    border: 1px solid var(--bhsc-v11-line);
    box-shadow: 0 8px 22px rgba(15,23,42,.045);
}

.bhsc-v10-command-strip a:hover {
    border-color: rgba(23,103,173,.25);
    transform: translateY(-1px);
}

/* Live plugin shortcode presentation: dropdowns, tabs and tables */
.bhsc-entry-content select,
.bhsc-portal-wrap select,
.bhsc-full-width-wrap select {
    min-height: 46px;
    border-radius: 14px !important;
    border: 1px solid rgba(148,163,184,.35) !important;
    background-color: #fff !important;
    color: var(--bhsc-v11-ink) !important;
    padding: 0 44px 0 14px !important;
    box-shadow: 0 6px 18px rgba(15,23,42,.04) !important;
}

.bhsc-entry-content input[type="search"],
.bhsc-entry-content input[type="text"],
.bhsc-entry-content input[type="email"],
.bhsc-entry-content input[type="date"],
.bhsc-portal-wrap input[type="search"],
.bhsc-portal-wrap input[type="text"],
.bhsc-portal-wrap input[type="email"],
.bhsc-portal-wrap input[type="date"] {
    border-radius: 14px !important;
    border: 1px solid rgba(148,163,184,.35) !important;
    min-height: 44px;
    box-shadow: 0 5px 18px rgba(15,23,42,.035) !important;
}

.bhsc-entry-content .nav-tab-wrapper,
.bhsc-entry-content .tabs,
.bhsc-entry-content .bhsc-tabs,
.bhsc-portal-wrap .nav-tab-wrapper,
.bhsc-portal-wrap .tabs,
.bhsc-portal-wrap .bhsc-tabs {
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: rgba(241,245,249,.9) !important;
    border: 1px solid var(--bhsc-v11-line) !important;
    overflow-x: auto;
    scrollbar-width: thin;
}

.bhsc-entry-content .nav-tab,
.bhsc-entry-content .tab,
.bhsc-entry-content .bhsc-tab,
.bhsc-portal-wrap .nav-tab,
.bhsc-portal-wrap .tab,
.bhsc-portal-wrap .bhsc-tab {
    border-radius: 13px !important;
    border: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    font-weight: 800 !important;
    white-space: nowrap;
    padding: 10px 14px !important;
}

.bhsc-entry-content .nav-tab-active,
.bhsc-entry-content .active,
.bhsc-entry-content .bhsc-tab.active,
.bhsc-portal-wrap .nav-tab-active,
.bhsc-portal-wrap .active,
.bhsc-portal-wrap .bhsc-tab.active {
    background: linear-gradient(135deg, var(--bhsc-v11-blue), var(--bhsc-v11-blue-2)) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(23,103,173,.24) !important;
}

.bhsc-table-scroll {
    border-radius: 18px;
    border: 1px solid var(--bhsc-v11-line);
    background: #fff;
    box-shadow: 0 10px 28px rgba(15,23,42,.05);
}

.bhsc-table-scroll table {
    margin: 0 !important;
}

.bhsc-table-scroll th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.bhsc-entry-content table th,
.bhsc-portal-wrap table th {
    background: #f8fafc !important;
    color: #334155 !important;
    text-transform: uppercase;
    letter-spacing: .045em;
    font-size: 12px !important;
}

.bhsc-entry-content table td,
.bhsc-portal-wrap table td {
    vertical-align: middle !important;
}

/* Status badges: works with common plugin status text/classes without changing PHP. */
.bhsc-entry-content .status-present,
.bhsc-entry-content .present,
.bhsc-entry-content .paid,
.bhsc-entry-content .approved,
.bhsc-entry-content .published,
.bhsc-portal-wrap .status-present,
.bhsc-portal-wrap .present,
.bhsc-portal-wrap .paid,
.bhsc-portal-wrap .approved,
.bhsc-portal-wrap .published {
    background: #dcfce7 !important;
    color: #166534 !important;
    border-color: rgba(22,101,52,.14) !important;
}

.bhsc-entry-content .status-absent,
.bhsc-entry-content .absent,
.bhsc-entry-content .unpaid,
.bhsc-entry-content .error,
.bhsc-portal-wrap .status-absent,
.bhsc-portal-wrap .absent,
.bhsc-portal-wrap .unpaid,
.bhsc-portal-wrap .error {
    background: #fee2e2 !important;
    color: #991b1b !important;
    border-color: rgba(153,27,27,.14) !important;
}

.bhsc-entry-content .status-late,
.bhsc-entry-content .late,
.bhsc-entry-content .pending,
.bhsc-entry-content .draft,
.bhsc-portal-wrap .status-late,
.bhsc-portal-wrap .late,
.bhsc-portal-wrap .pending,
.bhsc-portal-wrap .draft {
    background: #fef3c7 !important;
    color: #92400e !important;
    border-color: rgba(146,64,14,.16) !important;
}

/* Empty and notice states */
.bhsc-v11-empty-state,
.bhsc-entry-content .bhsc-empty-state,
.bhsc-portal-wrap .bhsc-empty-state {
    display: grid;
    place-items: center;
    text-align: center;
    padding: 32px 20px;
    border-radius: var(--bhsc-v11-radius);
    border: 1px dashed rgba(148,163,184,.55);
    background: rgba(255,255,255,.72);
    color: var(--bhsc-v11-muted);
    margin: 18px 0;
}

.bhsc-v11-empty-state strong {
    color: var(--bhsc-v11-ink);
    display: block;
    margin-bottom: 4px;
}

.bhsc-entry-content .notice,
.bhsc-entry-content .updated,
.bhsc-entry-content .error,
.bhsc-portal-wrap .notice,
.bhsc-portal-wrap .updated,
.bhsc-portal-wrap .error,
.bhsc-portal-wrap .success {
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(15,23,42,.05) !important;
    padding: 14px 16px !important;
}

/* Buttons */
.bhsc-entry-content button,
.bhsc-entry-content input[type="submit"],
.bhsc-entry-content .button,
.bhsc-portal-wrap button,
.bhsc-portal-wrap input[type="submit"],
.bhsc-portal-wrap .button,
.bhsc-btn {
    border-radius: 999px !important;
    font-weight: 800 !important;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}

.bhsc-entry-content button:hover,
.bhsc-entry-content input[type="submit"]:hover,
.bhsc-entry-content .button:hover,
.bhsc-portal-wrap button:hover,
.bhsc-portal-wrap input[type="submit"]:hover,
.bhsc-portal-wrap .button:hover,
.bhsc-btn:hover {
    transform: translateY(-1px);
}

/* Notification/profile dropdown production polish */
.bhsc-shell-notification-panel,
.bhsc-shell-profile-panel {
    border: 1px solid var(--bhsc-v11-line) !important;
    box-shadow: 0 24px 60px rgba(15,23,42,.18) !important;
    border-radius: 20px !important;
    overflow: hidden;
}

.bhsc-shell-notification-panel a,
.bhsc-shell-profile-panel a {
    border-radius: 14px;
}

/* Meet Centre full-page polish */
.bhsc-meet-card,
.bhsc-meet-centre-card,
.bhsc-competition-card {
    border-radius: 22px !important;
    overflow: hidden;
}

.bhsc-meet-card:has(a:hover),
.bhsc-meet-centre-card:has(a:hover),
.bhsc-competition-card:has(a:hover) {
    border-color: rgba(23,103,173,.28) !important;
}

/* Mobile production pass */
@media (max-width: 1100px) {
    .bhsc-shell-main {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .bhsc-v8-hero {
        grid-template-columns: 1fr !important;
    }

    .bhsc-v8-hero-metrics {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}

@media (max-width: 780px) {
    body.bhsc-portal-page,
    body.bhsc-shortcode-page,
    body.page-template-template-bhsc-portal,
    body.page-template-template-bhsc-parent-dashboard,
    body.page-template-template-bhsc-meet-centre {
        padding-bottom: 76px;
    }

    .bhsc-shell-main {
        padding: 14px 12px 92px !important;
    }

    .bhsc-shell-breadcrumb {
        display: none;
    }

    .bhsc-v8-hero {
        border-radius: 22px !important;
        padding: 24px 18px !important;
    }

    .bhsc-v8-hero-copy h1 {
        font-size: clamp(28px, 9vw, 42px) !important;
        line-height: .98 !important;
    }

    .bhsc-v8-hero-actions,
    .bhsc-v10-command-strip,
    .bhsc-v8-alert-row,
    .bhsc-v10-dashboard-split {
        grid-template-columns: 1fr !important;
    }

    .bhsc-v10-command-strip a,
    .bhsc-v8-alert,
    .bhsc-v10-panel,
    .bhsc-v8-route-card,
    .bhsc-v10-insight-card {
        border-radius: 18px !important;
    }

    .bhsc-v10-insight-grid,
    .bhsc-v8-route-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .bhsc-v8-hero-metrics {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .bhsc-v8-hero-metrics div {
        padding: 14px 12px !important;
    }

    .bhsc-entry-content .nav-tab-wrapper,
    .bhsc-entry-content .tabs,
    .bhsc-entry-content .bhsc-tabs,
    .bhsc-portal-wrap .nav-tab-wrapper,
    .bhsc-portal-wrap .tabs,
    .bhsc-portal-wrap .bhsc-tabs {
        margin-left: -2px !important;
        margin-right: -2px !important;
        padding: 6px !important;
    }

    .bhsc-entry-content .nav-tab,
    .bhsc-entry-content .tab,
    .bhsc-entry-content .bhsc-tab,
    .bhsc-portal-wrap .nav-tab,
    .bhsc-portal-wrap .tab,
    .bhsc-portal-wrap .bhsc-tab {
        font-size: 13px !important;
        padding: 9px 11px !important;
    }

    .bhsc-table-scroll {
        margin-left: -4px;
        margin-right: -4px;
        border-radius: 14px;
    }

    .bhsc-entry-content table,
    .bhsc-portal-wrap table {
        min-width: 680px;
    }

    .bhsc-shell-bottom-nav {
        box-shadow: 0 -18px 42px rgba(15,23,42,.14) !important;
        border-top: 1px solid rgba(148,163,184,.25) !important;
    }

    .bhsc-shell-notification-panel,
    .bhsc-shell-profile-panel {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: 72px !important;
        width: auto !important;
        max-width: none !important;
    }
}

@media (max-width: 520px) {
    .bhsc-shell-main {
        padding-inline: 10px !important;
    }

    .bhsc-v8-hero-metrics {
        grid-template-columns: 1fr !important;
    }

    .bhsc-v10-command-strip a {
        grid-template-columns: 44px 1fr !important;
    }

    .bhsc-v10-command-strip a span {
        grid-row: span 2;
    }

    .bhsc-v8-route-card {
        padding: 18px !important;
    }

    .bhsc-shell-bottom-nav a strong {
        font-size: 10px !important;
    }
}

/* Dark mode polish */
body.bhsc-v6-dark .bhsc-v11-empty-state,
body.bhsc-v6-dark .bhsc-table-scroll,
body.bhsc-v6-dark .bhsc-entry-content select,
body.bhsc-v6-dark .bhsc-portal-wrap select {
    background: rgba(15,23,42,.72) !important;
    border-color: rgba(148,163,184,.22) !important;
    color: #e5eefb !important;
}

body.bhsc-v6-dark .bhsc-entry-content .nav-tab-wrapper,
body.bhsc-v6-dark .bhsc-entry-content .tabs,
body.bhsc-v6-dark .bhsc-entry-content .bhsc-tabs,
body.bhsc-v6-dark .bhsc-portal-wrap .nav-tab-wrapper,
body.bhsc-v6-dark .bhsc-portal-wrap .tabs,
body.bhsc-v6-dark .bhsc-portal-wrap .bhsc-tabs {
    background: rgba(15,23,42,.58) !important;
    border-color: rgba(148,163,184,.18) !important;
}

body.bhsc-v6-dark .bhsc-entry-content table th,
body.bhsc-v6-dark .bhsc-portal-wrap table th {
    background: rgba(15,23,42,.92) !important;
    color: #cbd5e1 !important;
}


/* BHSC Child Theme v12 — Live Plugin Analytics Bridge */
.bhsc-v12-live-dashboard{display:flex;flex-direction:column;gap:24px}.bhsc-v12-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;padding:34px;border-radius:30px;background:linear-gradient(135deg,#06245f 0%,#0b66d8 62%,#28a5ff 100%);color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.16);overflow:hidden;position:relative}.bhsc-v12-hero:before{content:"";position:absolute;inset:auto -90px -140px auto;width:360px;height:360px;border-radius:999px;background:rgba(255,255,255,.12)}.bhsc-v12-hero>*{position:relative;z-index:1}.bhsc-v12-hero h1{margin:8px 0 10px!important;color:#fff!important;font-size:clamp(30px,4vw,48px)!important;line-height:1.02!important;letter-spacing:-.04em}.bhsc-v12-hero p{max-width:760px;margin:0!important;color:rgba(255,255,255,.86)!important;font-size:16px!important;line-height:1.7!important}.bhsc-v12-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.bhsc-v12-live-card{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.14);backdrop-filter:blur(12px);border-radius:26px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.bhsc-v12-live-card span{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.72);font-weight:900}.bhsc-v12-live-card strong{font-size:64px;line-height:.95;letter-spacing:-.08em;color:#fff}.bhsc-v12-live-card em{font-style:normal;color:rgba(255,255,255,.8);font-size:13px}.bhsc-v12-ring{height:10px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden}.bhsc-v12-ring:before{content:"";display:block;width:var(--bhsc-ring);height:100%;border-radius:999px;background:#fff}.bhsc-v12-live-card.is-good .bhsc-v12-ring:before{background:#86efac}.bhsc-v12-live-card.is-warn .bhsc-v12-ring:before{background:#fde68a}.bhsc-v12-live-card.is-risk .bhsc-v12-ring:before{background:#fecaca}.bhsc-v12-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.bhsc-v12-metric-grid article,.bhsc-v12-panel{background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:24px;box-shadow:0 16px 45px rgba(15,23,42,.07);padding:20px}.bhsc-v12-metric-grid article{min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.bhsc-v12-metric-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:900}.bhsc-v12-metric-grid strong{font-size:34px;line-height:1;color:#0f172a;letter-spacing:-.05em}.bhsc-v12-metric-grid em{font-style:normal;color:#64748b;font-size:13px}.bhsc-v12-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bhsc-v12-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.bhsc-v12-panel-head strong{font-size:18px;color:#0f172a}.bhsc-v12-panel-head a,.bhsc-v12-panel-head span{font-size:13px;color:#2563eb;text-decoration:none;font-weight:800}.bhsc-v12-swimmer-list,.bhsc-v12-meet-list{display:flex;flex-direction:column;gap:12px}.bhsc-v12-swimmer-row,.bhsc-v12-meet-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:#f8fafc;border:1px solid rgba(226,232,240,.9)}.bhsc-v12-avatar{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#0f4fb3,#38bdf8);color:#fff;display:grid;place-items:center;font-weight:950;letter-spacing:-.04em;flex:0 0 auto}.bhsc-v12-swimmer-row div,.bhsc-v12-meet-row div{min-width:0;flex:1}.bhsc-v12-swimmer-row strong,.bhsc-v12-meet-row strong{display:block;color:#0f172a;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bhsc-v12-swimmer-row em,.bhsc-v12-meet-row em{display:block;font-style:normal;color:#64748b;font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bhsc-v12-swimmer-row a{font-size:12px;font-weight:900;text-decoration:none;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px}.bhsc-v12-meet-row span{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}.bhsc-v12-meet-row b{font-size:13px;color:#0f172a}.bhsc-v12-meet-row small{font-size:12px;color:#64748b}.bhsc-v12-empty{padding:18px;border-radius:18px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b}.bhsc-v12-empty strong{display:block;color:#0f172a;margin-bottom:5px}.bhsc-v12-trend-panel{padding-bottom:24px}.bhsc-v12-trend-bars{height:210px;display:flex;align-items:end;gap:12px;padding:20px;border-radius:20px;background:linear-gradient(180deg,#f8fafc,#eef5ff);border:1px solid rgba(226,232,240,.85)}.bhsc-v12-trend-bars i{flex:1;min-width:18px;height:var(--h);border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#2563eb,#38bdf8);position:relative;box-shadow:0 10px 24px rgba(37,99,235,.18)}.bhsc-v12-trend-bars i span{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:900;color:#334155;opacity:.82}.bhsc-v12-live-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#64748b;font-size:13px}.bhsc-v12-live-footer a{color:#2563eb;font-weight:900;text-decoration:none}.bhsc-v12-debug{white-space:pre-wrap;background:#0f172a;color:#dbeafe;border-radius:16px;padding:18px;overflow:auto}.bhsc-dark .bhsc-v12-metric-grid article,.bhsc-dark .bhsc-v12-panel{background:#0f172a;border-color:rgba(148,163,184,.22);box-shadow:none}.bhsc-dark .bhsc-v12-panel-head strong,.bhsc-dark .bhsc-v12-metric-grid strong,.bhsc-dark .bhsc-v12-swimmer-row strong,.bhsc-dark .bhsc-v12-meet-row strong,.bhsc-dark .bhsc-v12-meet-row b,.bhsc-dark .bhsc-v12-empty strong{color:#f8fafc}.bhsc-dark .bhsc-v12-swimmer-row,.bhsc-dark .bhsc-v12-meet-row,.bhsc-dark .bhsc-v12-empty,.bhsc-dark .bhsc-v12-trend-bars{background:#111827;border-color:rgba(148,163,184,.2)}@media(max-width:1100px){.bhsc-v12-hero{grid-template-columns:1fr}.bhsc-v12-metric-grid{grid-template-columns:repeat(3,1fr)}.bhsc-v12-grid-two{grid-template-columns:1fr}}@media(max-width:760px){.bhsc-v12-live-dashboard{gap:16px}.bhsc-v12-hero{padding:24px;border-radius:24px}.bhsc-v12-live-card{min-height:180px}.bhsc-v12-live-card strong{font-size:48px}.bhsc-v12-metric-grid{grid-template-columns:1fr 1fr;gap:12px}.bhsc-v12-metric-grid article{min-height:118px;padding:16px;border-radius:20px}.bhsc-v12-grid-two{gap:14px}.bhsc-v12-panel{padding:16px;border-radius:20px}.bhsc-v12-panel-head{align-items:flex-start;flex-direction:column;gap:6px}.bhsc-v12-meet-row,.bhsc-v12-swimmer-row{align-items:flex-start}.bhsc-v12-meet-row span{align-items:flex-start}.bhsc-v12-live-footer{flex-direction:column;align-items:flex-start}.bhsc-v12-trend-bars{height:160px;gap:7px;padding:16px 12px}.bhsc-v12-trend-bars i span{display:none}}@media(max-width:480px){.bhsc-v12-metric-grid{grid-template-columns:1fr}.bhsc-v12-actions .bhsc-btn{width:100%;justify-content:center}.bhsc-v12-swimmer-row,.bhsc-v12-meet-row{padding:12px}.bhsc-v12-avatar{width:40px;height:40px;border-radius:14px}}


/* BHSC v12.1 — Exclusive Homepage Replacement
   Prevents original Oxygen/front-page content from appearing underneath the custom BHSC SaaS homepage. */
body.home .bhsc-home-v2 + .ct-section,
body.home .bhsc-home-v2 + .oxy-section,
body.home .bhsc-home-v2 ~ .ct-section,
body.home .bhsc-home-v2 ~ .oxy-section {
    display: none !important;
}

body.home .bhsc-home-v2 .bhsc-home-content {
    display: none !important;
}

/* =========================================================
   BHSC Child Theme v12.2 — Premium Glass Header
   Darkens the public Oxygen/Oxigeno header so the logo and menu
   remain visible above the new BHSC homepage hero.
   ========================================================= */
:root {
    --bhsc-glass-header-bg: rgba(4, 17, 45, .78);
    --bhsc-glass-header-bg-strong: rgba(4, 17, 45, .92);
    --bhsc-glass-header-border: rgba(255,255,255,.14);
    --bhsc-glass-header-text: rgba(255,255,255,.92);
    --bhsc-glass-header-muted: rgba(255,255,255,.72);
    --bhsc-glass-header-accent: #19d4ff;
    --bhsc-glass-header-gold: #ffc20a;
}

body.home .mainHeader,
body.home header.mainHeader,
body.home .btVerticalHeaderTop,
body.home .btHeader,
body.home .btHeaderHolder,
body.home .btLogoArea,
body.home .btMenuHorizontal .menuPort,
body.home .menuPort,
body.bhsc-home-exclusive .mainHeader,
body.bhsc-home-exclusive header.mainHeader,
body.bhsc-home-exclusive .btVerticalHeaderTop,
body.bhsc-home-exclusive .btHeader,
body.bhsc-home-exclusive .btHeaderHolder,
body.bhsc-home-exclusive .btLogoArea,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort,
body.bhsc-home-exclusive .menuPort {
    background: var(--bhsc-glass-header-bg) !important;
    -webkit-backdrop-filter: blur(16px) saturate(135%);
    backdrop-filter: blur(16px) saturate(135%);
    border-bottom: 1px solid var(--bhsc-glass-header-border) !important;
    box-shadow: 0 18px 42px rgba(2, 10, 28, .18) !important;
}

/* Keep the top contact strip visible instead of white-on-white. */
body.home .topBar,
body.home .btTopBox,
body.home .btTopTools,
body.home .btBelowLogoArea,
body.home .btLogoArea .port,
body.bhsc-home-exclusive .topBar,
body.bhsc-home-exclusive .btTopBox,
body.bhsc-home-exclusive .btTopTools,
body.bhsc-home-exclusive .btBelowLogoArea,
body.bhsc-home-exclusive .btLogoArea .port {
    background: transparent !important;
    color: var(--bhsc-glass-header-muted) !important;
}

body.home .mainHeader *,
body.home .btHeader *,
body.home .btLogoArea *,
body.home .menuPort *,
body.home .btTopBox *,
body.bhsc-home-exclusive .mainHeader *,
body.bhsc-home-exclusive .btHeader *,
body.bhsc-home-exclusive .btLogoArea *,
body.bhsc-home-exclusive .menuPort *,
body.bhsc-home-exclusive .btTopBox * {
    color: var(--bhsc-glass-header-text) !important;
}

body.home .menuPort nav > ul > li > a,
body.home .btMenuHorizontal .menuPort > nav > ul > li > a,
body.home .btMenuHorizontal .menuPort nav ul li a,
body.bhsc-home-exclusive .menuPort nav > ul > li > a,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort > nav > ul > li > a,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort nav ul li a {
    color: var(--bhsc-glass-header-text) !important;
    opacity: .92 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.18);
    font-weight: 850 !important;
    letter-spacing: .04em !important;
    transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

body.home .menuPort nav > ul > li.current-menu-item > a,
body.home .menuPort nav > ul > li.current_page_item > a,
body.home .menuPort nav > ul > li > a:hover,
body.home .btMenuHorizontal .menuPort nav ul li a:hover,
body.bhsc-home-exclusive .menuPort nav > ul > li.current-menu-item > a,
body.bhsc-home-exclusive .menuPort nav > ul > li.current_page_item > a,
body.bhsc-home-exclusive .menuPort nav > ul > li > a:hover,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort nav ul li a:hover {
    color: var(--bhsc-glass-header-accent) !important;
    opacity: 1 !important;
    transform: translateY(-1px);
}

/* Improve logo contrast on the dark glass bar. */
body.home .btLogoArea img,
body.home .mainHeader img,
body.bhsc-home-exclusive .btLogoArea img,
body.bhsc-home-exclusive .mainHeader img {
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.28));
    opacity: 1 !important;
}

body.home .btLogoArea .logo,
body.home .btLogoArea .btLogo,
body.home .btLogoArea a,
body.bhsc-home-exclusive .btLogoArea .logo,
body.bhsc-home-exclusive .btLogoArea .btLogo,
body.bhsc-home-exclusive .btLogoArea a {
    opacity: 1 !important;
}

/* Sticky premium header where the parent theme supports normal positioning. */
@media (min-width: 1025px) {
    body.home .mainHeader,
    body.home header.mainHeader,
    body.bhsc-home-exclusive .mainHeader,
    body.bhsc-home-exclusive header.mainHeader {
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
    }
}

/* Mobile menu/header contrast. */
@media (max-width: 1024px) {
    body.home .mainHeader,
    body.home header.mainHeader,
    body.home .btMobileMenu,
    body.home .btMobileMenuTrigger,
    body.home .btVerticalMenuTrigger,
    body.bhsc-home-exclusive .mainHeader,
    body.bhsc-home-exclusive header.mainHeader,
    body.bhsc-home-exclusive .btMobileMenu,
    body.bhsc-home-exclusive .btMobileMenuTrigger,
    body.bhsc-home-exclusive .btVerticalMenuTrigger {
        background: var(--bhsc-glass-header-bg-strong) !important;
        color: #fff !important;
    }

    body.home .btVerticalMenuTrigger .bt_bb_icon:before,
    body.home .btVerticalMenuTrigger span,
    body.home .btMobileMenuTrigger span,
    body.bhsc-home-exclusive .btVerticalMenuTrigger .bt_bb_icon:before,
    body.bhsc-home-exclusive .btVerticalMenuTrigger span,
    body.bhsc-home-exclusive .btMobileMenuTrigger span {
        color: #fff !important;
        background-color: #fff !important;
    }
}

/* If the homepage uses the exclusive replacement template, give the hero a slightly cleaner offset below the glass header. */
body.bhsc-home-exclusive .bhsc-home-v2,
body.home .bhsc-home-v2 {
    padding-top: clamp(48px, 6vw, 92px) !important;
}

/* =========================================================
   BHSC Child Theme v12.3 — Unified Navigation System
   Completes the premium glass header by styling dropdowns,
   submenus and mobile navigation so white text never appears
   on a white dropdown background.
   ========================================================= */
:root {
    --bhsc-nav-dropdown-bg: rgba(5, 16, 45, .97);
    --bhsc-nav-dropdown-bg-hover: rgba(25, 212, 255, .13);
    --bhsc-nav-dropdown-border: rgba(255,255,255,.14);
    --bhsc-nav-dropdown-shadow: 0 24px 60px rgba(2, 10, 28, .34);
}

body.home .menuPort nav ul ul,
body.home .menuPort nav ul li ul,
body.home .menuPort .sub-menu,
body.home .menuPort .children,
body.home .btMenuHorizontal .menuPort nav ul ul,
body.home .btMenuHorizontal .menuPort nav ul li ul,
body.home .bt_bb_menu .sub-menu,
body.bhsc-home-exclusive .menuPort nav ul ul,
body.bhsc-home-exclusive .menuPort nav ul li ul,
body.bhsc-home-exclusive .menuPort .sub-menu,
body.bhsc-home-exclusive .menuPort .children,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort nav ul ul,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort nav ul li ul,
body.bhsc-home-exclusive .bt_bb_menu .sub-menu {
    background: var(--bhsc-nav-dropdown-bg) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%);
    backdrop-filter: blur(18px) saturate(135%);
    border: 1px solid var(--bhsc-nav-dropdown-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--bhsc-nav-dropdown-shadow) !important;
    padding: 10px !important;
    min-width: 220px !important;
    overflow: visible !important;
}

body.home .menuPort nav ul ul li,
body.home .menuPort .sub-menu li,
body.home .menuPort .children li,
body.bhsc-home-exclusive .menuPort nav ul ul li,
body.bhsc-home-exclusive .menuPort .sub-menu li,
body.bhsc-home-exclusive .menuPort .children li {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.home .menuPort nav ul ul li a,
body.home .menuPort .sub-menu li a,
body.home .menuPort .children li a,
body.home .btMenuHorizontal .menuPort nav ul ul li a,
body.home .bt_bb_menu .sub-menu li a,
body.bhsc-home-exclusive .menuPort nav ul ul li a,
body.bhsc-home-exclusive .menuPort .sub-menu li a,
body.bhsc-home-exclusive .menuPort .children li a,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort nav ul ul li a,
body.bhsc-home-exclusive .bt_bb_menu .sub-menu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 42px !important;
    padding: 11px 14px !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: rgba(255,255,255,.94) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    letter-spacing: .025em !important;
    text-shadow: none !important;
    opacity: 1 !important;
    white-space: nowrap !important;
}

body.home .menuPort nav ul ul li a:hover,
body.home .menuPort .sub-menu li a:hover,
body.home .menuPort .children li a:hover,
body.home .btMenuHorizontal .menuPort nav ul ul li a:hover,
body.home .bt_bb_menu .sub-menu li a:hover,
body.bhsc-home-exclusive .menuPort nav ul ul li a:hover,
body.bhsc-home-exclusive .menuPort .sub-menu li a:hover,
body.bhsc-home-exclusive .menuPort .children li a:hover,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort nav ul ul li a:hover,
body.bhsc-home-exclusive .bt_bb_menu .sub-menu li a:hover,
body.home .menuPort nav ul ul li.current-menu-item > a,
body.home .menuPort .sub-menu li.current-menu-item > a,
body.bhsc-home-exclusive .menuPort nav ul ul li.current-menu-item > a,
body.bhsc-home-exclusive .menuPort .sub-menu li.current-menu-item > a {
    background: var(--bhsc-nav-dropdown-bg-hover) !important;
    color: var(--bhsc-glass-header-accent) !important;
    transform: translateX(2px) !important;
}

/* Parent menu item with dropdown indicator: keep the arrow visible on dark header. */
body.home .menuPort nav ul li.menu-item-has-children > a:after,
body.home .menuPort nav ul li.page_item_has_children > a:after,
body.bhsc-home-exclusive .menuPort nav ul li.menu-item-has-children > a:after,
body.bhsc-home-exclusive .menuPort nav ul li.page_item_has_children > a:after {
    color: rgba(255,255,255,.72) !important;
    border-color: rgba(255,255,255,.72) !important;
}

body.home .menuPort nav ul li.menu-item-has-children:hover > a:after,
body.home .menuPort nav ul li.page_item_has_children:hover > a:after,
body.bhsc-home-exclusive .menuPort nav ul li.menu-item-has-children:hover > a:after,
body.bhsc-home-exclusive .menuPort nav ul li.page_item_has_children:hover > a:after {
    color: var(--bhsc-glass-header-accent) !important;
    border-color: var(--bhsc-glass-header-accent) !important;
}

/* Third-level dropdowns need the same treatment and a small offset from the parent menu. */
body.home .menuPort nav ul ul ul,
body.home .menuPort .sub-menu .sub-menu,
body.bhsc-home-exclusive .menuPort nav ul ul ul,
body.bhsc-home-exclusive .menuPort .sub-menu .sub-menu {
    margin-top: -10px !important;
    margin-left: 10px !important;
}

/* Mobile/vertical menu: dark panels, readable dropdowns and touch-friendly spacing. */
@media (max-width: 1024px) {
    body.home .btVerticalMenuTrigger,
    body.home .btMobileMenuTrigger,
    body.home .btMenuVertical,
    body.home .btVerticalMenu,
    body.home .menuPort,
    body.home .menuPort nav,
    body.bhsc-home-exclusive .btVerticalMenuTrigger,
    body.bhsc-home-exclusive .btMobileMenuTrigger,
    body.bhsc-home-exclusive .btMenuVertical,
    body.bhsc-home-exclusive .btVerticalMenu,
    body.bhsc-home-exclusive .menuPort,
    body.bhsc-home-exclusive .menuPort nav {
        background: var(--bhsc-glass-header-bg-strong) !important;
    }

    body.home .menuPort nav ul,
    body.home .menuPort nav ul ul,
    body.home .menuPort .sub-menu,
    body.home .menuPort .children,
    body.bhsc-home-exclusive .menuPort nav ul,
    body.bhsc-home-exclusive .menuPort nav ul ul,
    body.bhsc-home-exclusive .menuPort .sub-menu,
    body.bhsc-home-exclusive .menuPort .children {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
    }

    body.home .menuPort nav ul li a,
    body.home .menuPort nav ul ul li a,
    body.home .menuPort .sub-menu li a,
    body.bhsc-home-exclusive .menuPort nav ul li a,
    body.bhsc-home-exclusive .menuPort nav ul ul li a,
    body.bhsc-home-exclusive .menuPort .sub-menu li a {
        color: rgba(255,255,255,.94) !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        border-radius: 0 !important;
        min-height: 48px !important;
        padding: 14px 20px !important;
        white-space: normal !important;
    }

    body.home .menuPort nav ul ul li a,
    body.home .menuPort .sub-menu li a,
    body.bhsc-home-exclusive .menuPort nav ul ul li a,
    body.bhsc-home-exclusive .menuPort .sub-menu li a {
        padding-left: 34px !important;
        color: rgba(255,255,255,.82) !important;
    }

    body.home .menuPort nav ul li a:hover,
    body.home .menuPort nav ul ul li a:hover,
    body.bhsc-home-exclusive .menuPort nav ul li a:hover,
    body.bhsc-home-exclusive .menuPort nav ul ul li a:hover {
        color: var(--bhsc-glass-header-accent) !important;
        background: rgba(25,212,255,.10) !important;
        transform: none !important;
    }
}

/* =========================================================
   BHSC Child Theme v12.4 — Header Logo Visibility Fix
   Keeps the Harrow Swimming logo visible above the menu bar
   when the premium glass header is active.
   ========================================================= */
body.home .mainHeader,
body.home header.mainHeader,
body.home .btHeader,
body.home .btHeaderHolder,
body.home .btLogoArea,
body.home .btLogoArea .port,
body.home .btVerticalHeaderTop,
body.bhsc-home-exclusive .mainHeader,
body.bhsc-home-exclusive header.mainHeader,
body.bhsc-home-exclusive .btHeader,
body.bhsc-home-exclusive .btHeaderHolder,
body.bhsc-home-exclusive .btLogoArea,
body.bhsc-home-exclusive .btLogoArea .port,
body.bhsc-home-exclusive .btVerticalHeaderTop {
    overflow: visible !important;
}

body.home .btLogoArea,
body.bhsc-home-exclusive .btLogoArea {
    position: relative !important;
    z-index: 10002 !important;
    min-height: 86px !important;
    padding: 8px 0 10px !important;
}

body.home .btLogoArea .port,
body.bhsc-home-exclusive .btLogoArea .port {
    min-height: 78px !important;
    display: flex !important;
    align-items: center !important;
}

body.home .btLogoArea .logo,
body.home .btLogoArea .btLogo,
body.home .btLogoArea .btLogoInner,
body.home .btLogoArea a,
body.bhsc-home-exclusive .btLogoArea .logo,
body.bhsc-home-exclusive .btLogoArea .btLogo,
body.bhsc-home-exclusive .btLogoArea .btLogoInner,
body.bhsc-home-exclusive .btLogoArea a {
    position: relative !important;
    z-index: 10003 !important;
    display: inline-flex !important;
    align-items: center !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

body.home .btLogoArea img,
body.home .mainHeader .btLogoArea img,
body.bhsc-home-exclusive .btLogoArea img,
body.bhsc-home-exclusive .mainHeader .btLogoArea img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 76px !important;
    max-width: min(360px, 72vw) !important;
    object-fit: contain !important;
    object-position: left center !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.home .btMenuHorizontal .menuPort,
body.home .menuPort,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort,
body.bhsc-home-exclusive .menuPort {
    position: relative !important;
    z-index: 10001 !important;
    overflow: visible !important;
}

body.home .btMenuHorizontal .menuPort > nav,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort > nav {
    position: relative !important;
    z-index: 10004 !important;
}

@media (max-width: 1024px) {
    body.home .btLogoArea,
    body.bhsc-home-exclusive .btLogoArea {
        min-height: 72px !important;
        padding: 8px 18px !important;
    }

    body.home .btLogoArea .port,
    body.bhsc-home-exclusive .btLogoArea .port {
        min-height: 58px !important;
    }

    body.home .btLogoArea img,
    body.bhsc-home-exclusive .btLogoArea img {
        max-height: 56px !important;
        max-width: 260px !important;
    }
}

/* =========================================================
   BHSC Child Theme v12.5 — Stacked Navigation Header
   Places the main menu underneath the logo/club name so the
   brand block and navigation no longer compete for horizontal space.
   ========================================================= */
body.home,
body.bhsc-home-exclusive {
    --bhsc-stacked-header-bg: rgba(5, 16, 45, .96);
    --bhsc-stacked-header-bg-soft: rgba(7, 22, 58, .92);
    --bhsc-stacked-header-border: rgba(255,255,255,.10);
}

body.home .mainHeader,
body.home header.mainHeader,
body.home .btHeader,
body.home .btHeaderHolder,
body.bhsc-home-exclusive .mainHeader,
body.bhsc-home-exclusive header.mainHeader,
body.bhsc-home-exclusive .btHeader,
body.bhsc-home-exclusive .btHeaderHolder {
    background: var(--bhsc-stacked-header-bg) !important;
    box-shadow: 0 16px 34px rgba(2, 10, 32, .22) !important;
    border-bottom: 1px solid var(--bhsc-stacked-header-border) !important;
    overflow: visible !important;
}

body.home .btLogoArea,
body.bhsc-home-exclusive .btLogoArea {
    background: linear-gradient(180deg, rgba(7, 22, 58, .98), rgba(5, 16, 45, .96)) !important;
    min-height: 156px !important;
    padding: 16px 0 0 !important;
    overflow: visible !important;
}

body.home .btLogoArea .port,
body.bhsc-home-exclusive .btLogoArea .port {
    width: min(1280px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    overflow: visible !important;
}

body.home .btLogoArea .logo,
body.home .btLogoArea .btLogo,
body.home .btLogoArea .btLogoInner,
body.bhsc-home-exclusive .btLogoArea .logo,
body.bhsc-home-exclusive .btLogoArea .btLogo,
body.bhsc-home-exclusive .btLogoArea .btLogoInner {
    float: none !important;
    margin: 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 78px !important;
    line-height: 1 !important;
    overflow: visible !important;
}

body.home .btLogoArea .logo a,
body.home .btLogoArea .btLogo a,
body.bhsc-home-exclusive .btLogoArea .logo a,
body.bhsc-home-exclusive .btLogoArea .btLogo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 78px !important;
    overflow: visible !important;
}

body.home .btLogoArea img,
body.home .mainHeader .btLogoArea img,
body.bhsc-home-exclusive .btLogoArea img,
body.bhsc-home-exclusive .mainHeader .btLogoArea img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 86px !important;
    max-width: min(440px, 86vw) !important;
    object-fit: contain !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Main menu becomes its own centred row under the brand. */
body.home .btMenuHorizontal,
body.home .btLogoArea .btMenuHorizontal,
body.home .btLogoArea .menuPort,
body.home .menuPort,
body.bhsc-home-exclusive .btMenuHorizontal,
body.bhsc-home-exclusive .btLogoArea .btMenuHorizontal,
body.bhsc-home-exclusive .btLogoArea .menuPort,
body.bhsc-home-exclusive .menuPort {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 56px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(2, 10, 32, .20) !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    overflow: visible !important;
}

body.home .btMenuHorizontal .menuPort > nav,
body.home .menuPort > nav,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort > nav,
body.bhsc-home-exclusive .menuPort > nav {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

body.home .menuPort nav > ul,
body.home .menuPort > nav > ul,
body.bhsc-home-exclusive .menuPort nav > ul,
body.bhsc-home-exclusive .menuPort > nav > ul {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0 10px !important;
    list-style: none !important;
    overflow: visible !important;
}

body.home .menuPort nav > ul > li,
body.home .menuPort > nav > ul > li,
body.bhsc-home-exclusive .menuPort nav > ul > li,
body.bhsc-home-exclusive .menuPort > nav > ul > li {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
}

body.home .menuPort nav > ul > li > a,
body.home .menuPort > nav > ul > li > a,
body.bhsc-home-exclusive .menuPort nav > ul > li > a,
body.bhsc-home-exclusive .menuPort > nav > ul > li > a {
    min-height: 56px !important;
    height: auto !important;
    line-height: 1.1 !important;
    padding: 20px 14px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    color: rgba(255,255,255,.90) !important;
    font-size: 13px !important;
    letter-spacing: .035em !important;
}

body.home .menuPort nav > ul > li.current-menu-item > a,
body.home .menuPort nav > ul > li.current_page_item > a,
body.bhsc-home-exclusive .menuPort nav > ul > li.current-menu-item > a,
body.bhsc-home-exclusive .menuPort nav > ul > li.current_page_item > a {
    color: #19d4ff !important;
}

body.home .menuPort nav > ul > li > a:hover,
body.bhsc-home-exclusive .menuPort nav > ul > li > a:hover {
    color: #19d4ff !important;
    background: rgba(25,212,255,.08) !important;
}

/* Keep dropdowns attached to the new second-row menu. */
body.home .menuPort nav > ul > li > ul,
body.home .menuPort nav > ul > li > .sub-menu,
body.bhsc-home-exclusive .menuPort nav > ul > li > ul,
body.bhsc-home-exclusive .menuPort nav > ul > li > .sub-menu {
    top: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10050 !important;
}

/* Give the homepage content enough breathing room below the taller stacked header. */
body.home .bhsc-homepage,
body.bhsc-home-exclusive .bhsc-homepage,
body.home .bhsc-exclusive-home,
body.bhsc-home-exclusive .bhsc-exclusive-home {
    margin-top: clamp(28px, 4vw, 56px) !important;
}

@media (min-width: 1025px) {
    body.home .btLogoArea .port:after,
    body.bhsc-home-exclusive .btLogoArea .port:after {
        content: none !important;
    }
}

@media (max-width: 1180px) and (min-width: 1025px) {
    body.home .menuPort nav > ul,
    body.bhsc-home-exclusive .menuPort nav > ul {
        gap: 0 4px !important;
    }

    body.home .menuPort nav > ul > li > a,
    body.bhsc-home-exclusive .menuPort nav > ul > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 1024px) {
    body.home .btLogoArea,
    body.bhsc-home-exclusive .btLogoArea {
        min-height: 82px !important;
        padding: 10px 16px !important;
    }

    body.home .btLogoArea .port,
    body.bhsc-home-exclusive .btLogoArea .port {
        width: 100% !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
    }

    body.home .btLogoArea .logo,
    body.home .btLogoArea .btLogo,
    body.bhsc-home-exclusive .btLogoArea .logo,
    body.bhsc-home-exclusive .btLogoArea .btLogo {
        margin: 0 !important;
        justify-content: flex-start !important;
        min-height: 56px !important;
    }

    body.home .btLogoArea img,
    body.bhsc-home-exclusive .btLogoArea img {
        max-height: 58px !important;
        max-width: min(280px, 72vw) !important;
        object-position: left center !important;
    }

    body.home .btLogoArea .menuPort,
    body.home .menuPort,
    body.bhsc-home-exclusive .btLogoArea .menuPort,
    body.bhsc-home-exclusive .menuPort {
        min-height: 0 !important;
        display: block !important;
        background: var(--bhsc-stacked-header-bg) !important;
        border-top: 0 !important;
    }
}


/* =========================================================
   BHSC Child Theme v12.6 — Refined Header Match
   Matches the requested stacked public header: slim contact bar,
   clear centred brand row, then a centred navigation row.
   ========================================================= */
body.home,
body.bhsc-home-exclusive {
    --bhsc-header-shell: #06142f;
    --bhsc-header-shell-2: #071a3b;
    --bhsc-header-top: rgba(68, 82, 111, .94);
    --bhsc-header-line: rgba(255,255,255,.10);
    --bhsc-header-text: rgba(255,255,255,.92);
    --bhsc-header-muted: rgba(255,255,255,.68);
    --bhsc-header-cyan: #18d7ff;
}

/* Header shell */
body.home .mainHeader,
body.home header.mainHeader,
body.home .btHeader,
body.home .btHeaderHolder,
body.bhsc-home-exclusive .mainHeader,
body.bhsc-home-exclusive header.mainHeader,
body.bhsc-home-exclusive .btHeader,
body.bhsc-home-exclusive .btHeaderHolder {
    background: linear-gradient(180deg, var(--bhsc-header-shell-2), var(--bhsc-header-shell)) !important;
    border-bottom: 1px solid var(--bhsc-header-line) !important;
    box-shadow: 0 18px 38px rgba(2,10,32,.24) !important;
    overflow: visible !important;
}

/* Top contact strip stays slim and separate from the logo. */
body.home .topBar,
body.home .btTopBox,
body.home .btTopTools,
body.bhsc-home-exclusive .topBar,
body.bhsc-home-exclusive .btTopBox,
body.bhsc-home-exclusive .btTopTools {
    min-height: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
    background: var(--bhsc-header-top) !important;
    color: var(--bhsc-header-text) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 10020 !important;
}

body.home .topBar *,
body.home .btTopBox *,
body.home .btTopTools *,
body.bhsc-home-exclusive .topBar *,
body.bhsc-home-exclusive .btTopBox *,
body.bhsc-home-exclusive .btTopTools * {
    color: var(--bhsc-header-text) !important;
    opacity: 1 !important;
}

/* Brand row: keep logo/name fully visible and never tucked behind the top strip. */
body.home .btLogoArea,
body.bhsc-home-exclusive .btLogoArea {
    min-height: 118px !important;
    padding: 20px 0 12px !important;
    background: linear-gradient(180deg, rgba(6,20,47,.98), rgba(6,20,47,.94)) !important;
    position: relative !important;
    z-index: 10010 !important;
    overflow: visible !important;
}

body.home .btLogoArea .port,
body.bhsc-home-exclusive .btLogoArea .port {
    width: min(1320px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    min-height: 0 !important;
    overflow: visible !important;
}

body.home .btLogoArea .logo,
body.home .btLogoArea .btLogo,
body.home .btLogoArea .btLogoInner,
body.bhsc-home-exclusive .btLogoArea .logo,
body.bhsc-home-exclusive .btLogoArea .btLogo,
body.bhsc-home-exclusive .btLogoArea .btLogoInner {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 62px !important;
    margin: 0 auto !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 10030 !important;
    opacity: 1 !important;
}

body.home .btLogoArea .logo a,
body.home .btLogoArea .btLogo a,
body.bhsc-home-exclusive .btLogoArea .logo a,
body.bhsc-home-exclusive .btLogoArea .btLogo a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 62px !important;
    width: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
}

body.home .btLogoArea img,
body.home .mainHeader .btLogoArea img,
body.bhsc-home-exclusive .btLogoArea img,
body.bhsc-home-exclusive .mainHeader .btLogoArea img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 76px !important;
    max-width: min(420px, 84vw) !important;
    object-fit: contain !important;
    object-position: center center !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.18)) !important;
}

/* Navigation row below the brand. */
body.home .btMenuHorizontal,
body.home .btLogoArea .btMenuHorizontal,
body.home .btLogoArea .menuPort,
body.home .menuPort,
body.bhsc-home-exclusive .btMenuHorizontal,
body.bhsc-home-exclusive .btLogoArea .btMenuHorizontal,
body.bhsc-home-exclusive .btLogoArea .menuPort,
body.bhsc-home-exclusive .menuPort {
    float: none !important;
    clear: both !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: rgba(2,10,32,.38) !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 10025 !important;
}

body.home .menuPort > nav,
body.home .btMenuHorizontal .menuPort > nav,
body.bhsc-home-exclusive .menuPort > nav,
body.bhsc-home-exclusive .btMenuHorizontal .menuPort > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(1320px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

body.home .menuPort nav > ul,
body.home .menuPort > nav > ul,
body.bhsc-home-exclusive .menuPort nav > ul,
body.bhsc-home-exclusive .menuPort > nav > ul {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0 18px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    list-style: none !important;
    overflow: visible !important;
}

body.home .menuPort nav > ul > li,
body.home .menuPort > nav > ul > li,
body.bhsc-home-exclusive .menuPort nav > ul > li,
body.bhsc-home-exclusive .menuPort > nav > ul > li {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    margin: 0 !important;
    position: relative !important;
    overflow: visible !important;
}

body.home .menuPort nav > ul > li > a,
body.home .menuPort > nav > ul > li > a,
body.bhsc-home-exclusive .menuPort nav > ul > li > a,
body.bhsc-home-exclusive .menuPort > nav > ul > li > a {
    min-height: 58px !important;
    height: auto !important;
    padding: 20px 8px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .035em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    background: transparent !important;
}

body.home .menuPort nav > ul > li.current-menu-item > a,
body.home .menuPort nav > ul > li.current_page_item > a,
body.home .menuPort nav > ul > li > a:hover,
body.bhsc-home-exclusive .menuPort nav > ul > li.current-menu-item > a,
body.bhsc-home-exclusive .menuPort nav > ul > li.current_page_item > a,
body.bhsc-home-exclusive .menuPort nav > ul > li > a:hover {
    color: var(--bhsc-header-cyan) !important;
}

body.home .menuPort nav > ul > li > a:before,
body.bhsc-home-exclusive .menuPort nav > ul > li > a:before {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 10px;
    height: 2px;
    border-radius: 999px;
    background: var(--bhsc-header-cyan);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .18s ease;
}

body.home .menuPort nav > ul > li.current-menu-item > a:before,
body.home .menuPort nav > ul > li.current_page_item > a:before,
body.home .menuPort nav > ul > li > a:hover:before,
body.bhsc-home-exclusive .menuPort nav > ul > li.current-menu-item > a:before,
body.bhsc-home-exclusive .menuPort nav > ul > li.current_page_item > a:before,
body.bhsc-home-exclusive .menuPort nav > ul > li > a:hover:before {
    transform: scaleX(1);
}

/* Dropdowns attach to the navigation row. */
body.home .menuPort nav > ul > li > ul,
body.home .menuPort nav > ul > li > .sub-menu,
body.bhsc-home-exclusive .menuPort nav > ul > li > ul,
body.bhsc-home-exclusive .menuPort nav > ul > li > .sub-menu {
    top: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10060 !important;
}

body.home .bhsc-home-v2,
body.home .bhsc-homepage,
body.bhsc-home-exclusive .bhsc-home-v2,
body.bhsc-home-exclusive .bhsc-homepage {
    padding-top: clamp(42px, 5vw, 76px) !important;
}

@media (max-width: 1280px) and (min-width: 1025px) {
    body.home .menuPort nav > ul,
    body.bhsc-home-exclusive .menuPort nav > ul {
        gap: 0 10px !important;
    }
    body.home .menuPort nav > ul > li > a,
    body.bhsc-home-exclusive .menuPort nav > ul > li > a {
        font-size: 13px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

@media (max-width: 1024px) {
    body.home .btLogoArea,
    body.bhsc-home-exclusive .btLogoArea {
        min-height: 74px !important;
        padding: 10px 16px !important;
    }
    body.home .btLogoArea .port,
    body.bhsc-home-exclusive .btLogoArea .port {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 14px !important;
    }
    body.home .btLogoArea .logo,
    body.home .btLogoArea .btLogo,
    body.bhsc-home-exclusive .btLogoArea .logo,
    body.bhsc-home-exclusive .btLogoArea .btLogo {
        width: auto !important;
        min-height: 54px !important;
        justify-content: flex-start !important;
    }
    body.home .btLogoArea img,
    body.bhsc-home-exclusive .btLogoArea img {
        max-height: 58px !important;
        max-width: min(280px, 70vw) !important;
        object-position: left center !important;
    }
    body.home .menuPort,
    body.home .btLogoArea .menuPort,
    body.bhsc-home-exclusive .menuPort,
    body.bhsc-home-exclusive .btLogoArea .menuPort {
        background: var(--bhsc-header-shell) !important;
        min-height: 0 !important;
        border: 0 !important;
    }
}

/* ============================================================
   BHSC Child Theme v12.7 — Final Header Alignment
   Purpose: final desktop header alignment — centred branding row
   and a single-line navigation bar with safe mobile fallbacks.
   ============================================================ */

@media (min-width: 1025px) {
    body.home .mainHeader,
    body.home header.mainHeader,
    body.home .btHeader,
    body.home .btHeaderHolder,
    body.bhsc-home-exclusive .mainHeader,
    body.bhsc-home-exclusive header.mainHeader,
    body.bhsc-home-exclusive .btHeader,
    body.bhsc-home-exclusive .btHeaderHolder {
        background: #06142f !important;
        background-image: linear-gradient(180deg, #071935 0%, #06142f 100%) !important;
        overflow: visible !important;
        min-height: 0 !important;
        box-shadow: 0 14px 34px rgba(2, 8, 23, .24) !important;
    }

    /* Slim contact bar remains above the brand/nav rows. */
    body.home .btTopBox,
    body.home .btTopTools,
    body.bhsc-home-exclusive .btTopBox,
    body.bhsc-home-exclusive .btTopTools {
        min-height: 30px !important;
        height: 30px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background: rgba(82, 99, 130, .72) !important;
        color: rgba(255,255,255,.94) !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
    }

    /* Brand row: logo + Harrow Swimming centred and not competing with nav. */
    body.home .btLogoArea,
    body.bhsc-home-exclusive .btLogoArea {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 112px !important;
        height: auto !important;
        padding: 18px 32px 14px !important;
        background: rgba(3, 13, 35, .86) !important;
        border: 0 !important;
        overflow: visible !important;
    }

    body.home .btLogoArea .port,
    body.bhsc-home-exclusive .btLogoArea .port {
        width: min(1500px, calc(100vw - 64px)) !important;
        max-width: 1500px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    body.home .btLogoArea .logo,
    body.home .btLogoArea .btLogo,
    body.bhsc-home-exclusive .btLogoArea .logo,
    body.bhsc-home-exclusive .btLogoArea .btLogo {
        position: static !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        overflow: visible !important;
        transform: none !important;
    }

    body.home .mainHeader .btLogoArea img,
    body.home .btLogoArea img,
    body.bhsc-home-exclusive .mainHeader .btLogoArea img,
    body.bhsc-home-exclusive .btLogoArea img {
        display: block !important;
        width: auto !important;
        max-width: min(460px, 46vw) !important;
        max-height: 92px !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        opacity: 1 !important;
        filter: drop-shadow(0 10px 24px rgba(0,0,0,.28)) !important;
        margin: 0 auto !important;
    }

    /* Navigation row: one centred line. */
    body.home .menuPort,
    body.home .btLogoArea .menuPort,
    body.bhsc-home-exclusive .menuPort,
    body.bhsc-home-exclusive .btLogoArea .menuPort {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 64px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 32px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(2, 11, 31, .76) !important;
        border-top: 1px solid rgba(255,255,255,.055) !important;
        border-bottom: 1px solid rgba(255,255,255,.075) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
        overflow: visible !important;
    }

    body.home .menuPort nav,
    body.home .menuPort > nav,
    body.home .menuPort .menu,
    body.home .menuPort div[class*="menu"],
    body.bhsc-home-exclusive .menuPort nav,
    body.bhsc-home-exclusive .menuPort > nav,
    body.bhsc-home-exclusive .menuPort .menu,
    body.bhsc-home-exclusive .menuPort div[class*="menu"] {
        width: 100% !important;
        max-width: 1500px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        overflow: visible !important;
    }

    body.home .menuPort nav > ul,
    body.home .menuPort ul.menu,
    body.home .menuPort .menu > ul,
    body.bhsc-home-exclusive .menuPort nav > ul,
    body.bhsc-home-exclusive .menuPort ul.menu,
    body.bhsc-home-exclusive .menuPort .menu > ul {
        width: 100% !important;
        max-width: 1500px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: clamp(18px, 2.35vw, 44px) !important;
        list-style: none !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    body.home .menuPort nav > ul > li,
    body.home .menuPort ul.menu > li,
    body.bhsc-home-exclusive .menuPort nav > ul > li,
    body.bhsc-home-exclusive .menuPort ul.menu > li {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    body.home .menuPort nav > ul > li > a,
    body.home .menuPort ul.menu > li > a,
    body.bhsc-home-exclusive .menuPort nav > ul > li > a,
    body.bhsc-home-exclusive .menuPort ul.menu > li > a {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 64px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        color: rgba(255,255,255,.88) !important;
        font-size: clamp(12px, .76vw, 15px) !important;
        font-weight: 900 !important;
        letter-spacing: .03em !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        background: transparent !important;
        text-shadow: none !important;
        transition: color .18s ease, transform .18s ease !important;
    }

    body.home .menuPort nav > ul > li > a:before,
    body.home .menuPort ul.menu > li > a:before,
    body.bhsc-home-exclusive .menuPort nav > ul > li > a:before,
    body.bhsc-home-exclusive .menuPort ul.menu > li > a:before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 14px !important;
        height: 3px !important;
        border-radius: 999px !important;
        background: #00e5ff !important;
        transform: scaleX(0) !important;
        transform-origin: center !important;
        transition: transform .18s ease !important;
    }

    body.home .menuPort nav > ul > li.current-menu-item > a,
    body.home .menuPort nav > ul > li.current_page_item > a,
    body.home .menuPort ul.menu > li.current-menu-item > a,
    body.home .menuPort ul.menu > li.current_page_item > a,
    body.home .menuPort nav > ul > li > a:hover,
    body.home .menuPort ul.menu > li > a:hover,
    body.bhsc-home-exclusive .menuPort nav > ul > li.current-menu-item > a,
    body.bhsc-home-exclusive .menuPort nav > ul > li.current_page_item > a,
    body.bhsc-home-exclusive .menuPort ul.menu > li.current-menu-item > a,
    body.bhsc-home-exclusive .menuPort ul.menu > li.current_page_item > a,
    body.bhsc-home-exclusive .menuPort nav > ul > li > a:hover,
    body.bhsc-home-exclusive .menuPort ul.menu > li > a:hover {
        color: #00e5ff !important;
        transform: translateY(-1px) !important;
    }

    body.home .menuPort nav > ul > li.current-menu-item > a:before,
    body.home .menuPort nav > ul > li.current_page_item > a:before,
    body.home .menuPort ul.menu > li.current-menu-item > a:before,
    body.home .menuPort ul.menu > li.current_page_item > a:before,
    body.home .menuPort nav > ul > li > a:hover:before,
    body.home .menuPort ul.menu > li > a:hover:before,
    body.bhsc-home-exclusive .menuPort nav > ul > li.current-menu-item > a:before,
    body.bhsc-home-exclusive .menuPort nav > ul > li.current_page_item > a:before,
    body.bhsc-home-exclusive .menuPort ul.menu > li.current-menu-item > a:before,
    body.bhsc-home-exclusive .menuPort ul.menu > li.current_page_item > a:before,
    body.bhsc-home-exclusive .menuPort nav > ul > li > a:hover:before,
    body.bhsc-home-exclusive .menuPort ul.menu > li > a:hover:before {
        transform: scaleX(1) !important;
    }

    body.home .bhsc-home-v2,
    body.home .bhsc-homepage,
    body.bhsc-home-exclusive .bhsc-home-v2,
    body.bhsc-home-exclusive .bhsc-homepage {
        padding-top: clamp(54px, 5vw, 86px) !important;
    }
}

@media (min-width: 1025px) and (max-width: 1340px) {
    body.home .menuPort nav > ul,
    body.home .menuPort ul.menu,
    body.bhsc-home-exclusive .menuPort nav > ul,
    body.bhsc-home-exclusive .menuPort ul.menu {
        gap: clamp(13px, 1.65vw, 24px) !important;
    }
    body.home .menuPort nav > ul > li > a,
    body.home .menuPort ul.menu > li > a,
    body.bhsc-home-exclusive .menuPort nav > ul > li > a,
    body.bhsc-home-exclusive .menuPort ul.menu > li > a {
        font-size: 12px !important;
        letter-spacing: .02em !important;
    }
}

/* Mobile/tablet: keep the established theme/mobile menu behaviour, but avoid desktop wrapping artifacts. */
@media (max-width: 1024px) {
    body.home .btLogoArea,
    body.bhsc-home-exclusive .btLogoArea {
        min-height: 74px !important;
        padding: 10px 18px !important;
    }
    body.home .menuPort,
    body.bhsc-home-exclusive .menuPort {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
}

/* =========================================================
   BHSC v13 — Rebuilt Homepage + protected stacked header
   ========================================================= */
body.home,
body.bhsc-home-exclusive {
    background: #edf6ff !important;
}

/* Header protection: keep logo fully visible and aligned with club name. */
@media (min-width: 1025px) {
    body.home .btVerticalHeaderTop,
    body.home .bt-header-top,
    body.home .topBar,
    body.home .btTopBox,
    body.bhsc-home-exclusive .btVerticalHeaderTop,
    body.bhsc-home-exclusive .bt-header-top,
    body.bhsc-home-exclusive .topBar,
    body.bhsc-home-exclusive .btTopBox {
        position: relative !important;
        z-index: 120 !important;
        min-height: 34px !important;
        overflow: visible !important;
    }

    body.home .mainHeader,
    body.home header.mainHeader,
    body.home .btHeaderHolder,
    body.home .btLogoArea,
    body.bhsc-home-exclusive .mainHeader,
    body.bhsc-home-exclusive header.mainHeader,
    body.bhsc-home-exclusive .btHeaderHolder,
    body.bhsc-home-exclusive .btLogoArea {
        overflow: visible !important;
    }

    body.home .btLogoArea,
    body.bhsc-home-exclusive .btLogoArea {
        min-height: 214px !important;
        height: auto !important;
        padding: 34px 28px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 22px !important;
        background: linear-gradient(180deg, rgba(6,17,44,.98), rgba(3,12,33,.98)) !important;
        box-shadow: 0 20px 34px rgba(2, 8, 23, .2) !important;
    }

    body.home .btLogoArea .logo,
    body.home .btLogoArea .logoWrapper,
    body.home .btLogoArea .btLogo,
    body.home .btLogoArea .btLogoHolder,
    body.home .btLogoArea a.logo,
    body.bhsc-home-exclusive .btLogoArea .logo,
    body.bhsc-home-exclusive .btLogoArea .logoWrapper,
    body.bhsc-home-exclusive .btLogoArea .btLogo,
    body.bhsc-home-exclusive .btLogoArea .btLogoHolder,
    body.bhsc-home-exclusive .btLogoArea a.logo {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        z-index: 150 !important;
        overflow: visible !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.home .btLogoArea .logo img,
    body.home .btLogoArea .btLogo img,
    body.home .btLogoArea img[src*="logo"],
    body.bhsc-home-exclusive .btLogoArea .logo img,
    body.bhsc-home-exclusive .btLogoArea .btLogo img,
    body.bhsc-home-exclusive .btLogoArea img[src*="logo"] {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        display: block !important;
        width: auto !important;
        max-width: 120px !important;
        max-height: 96px !important;
        min-height: 76px !important;
        object-fit: contain !important;
        object-position: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
        clip-path: none !important;
        filter: drop-shadow(0 12px 22px rgba(0,0,0,.28)) !important;
    }

    /* Create a balanced centred brand row, while keeping the actual theme menu underneath. */
    body.home .btLogoArea:before,
    body.bhsc-home-exclusive .btLogoArea:before {
        content: "Harrow Swimming" !important;
        order: 2 !important;
        display: block !important;
        color: #ffffff !important;
        font-family: inherit !important;
        font-size: clamp(26px, 2.35vw, 42px) !important;
        font-weight: 900 !important;
        letter-spacing: -.035em !important;
        line-height: 1 !important;
        text-align: center !important;
        text-shadow: 0 10px 28px rgba(0,0,0,.25) !important;
    }

    body.home .btLogoArea .logo,
    body.home .btLogoArea .logoWrapper,
    body.home .btLogoArea .btLogo,
    body.home .btLogoArea .btLogoHolder,
    body.bhsc-home-exclusive .btLogoArea .logo,
    body.bhsc-home-exclusive .btLogoArea .logoWrapper,
    body.bhsc-home-exclusive .btLogoArea .btLogo,
    body.bhsc-home-exclusive .btLogoArea .btLogoHolder {
        order: 1 !important;
    }

    body.home .menuPort,
    body.bhsc-home-exclusive .menuPort {
        order: 3 !important;
        width: min(1500px, calc(100vw - 96px)) !important;
        max-width: 1500px !important;
        min-height: 72px !important;
        margin: 8px auto 0 !important;
        padding: 0 36px !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 4px !important;
        background: rgba(1, 10, 31, .58) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    body.home .menuPort nav > ul,
    body.home .menuPort ul.menu,
    body.home .menuPort .menu > ul,
    body.bhsc-home-exclusive .menuPort nav > ul,
    body.bhsc-home-exclusive .menuPort ul.menu,
    body.bhsc-home-exclusive .menuPort .menu > ul {
        gap: clamp(18px, 2vw, 40px) !important;
    }
}

/* Exclusive rebuilt homepage. */
.bhsc-home-v13 {
    --bhsc-navy: #06173c;
    --bhsc-navy-2: #0b3475;
    --bhsc-blue: #1097f5;
    --bhsc-cyan: #00e5ff;
    --bhsc-gold: #ffc51b;
    --bhsc-text: #06153b;
    --bhsc-muted: #667795;
    --bhsc-card: #ffffff;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(44px, 5vw, 86px) 24px 90px !important;
    background:
        radial-gradient(circle at 14% 8%, rgba(0,229,255,.16), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(255,197,27,.10), transparent 24%),
        linear-gradient(180deg, #f2f9ff 0%, #eef7ff 100%) !important;
    color: var(--bhsc-text) !important;
    overflow: hidden !important;
}

.bhsc-home-v13 * {
    box-sizing: border-box !important;
}

.bhsc-v13-hero,
.bhsc-v13-section {
    width: min(1500px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.bhsc-v13-hero {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr) !important;
    align-items: center !important;
    gap: clamp(44px, 6vw, 96px) !important;
    min-height: clamp(610px, 62vw, 760px) !important;
    padding: clamp(50px, 5.5vw, 86px) !important;
    border-radius: 34px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 70% 18%, rgba(255,255,255,.13) 0 13%, transparent 14%),
        radial-gradient(circle at 102% 102%, rgba(36,174,255,.58) 0 26%, transparent 27%),
        linear-gradient(135deg, #071a45 0%, #0a397f 56%, #118df0 100%) !important;
    box-shadow: 0 30px 80px rgba(9, 45, 105, .24), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.bhsc-v13-glow {
    position: absolute !important;
    border-radius: 999px !important;
    pointer-events: none !important;
}
.bhsc-v13-glow-one { width: 420px; height: 420px; right: -90px; bottom: -130px; background: rgba(74, 178, 255, .32); }
.bhsc-v13-glow-two { width: 260px; height: 260px; right: 30%; top: 8%; background: rgba(255,255,255,.11); }

.bhsc-v13-hero-copy,
.bhsc-v13-quick-panel {
    position: relative !important;
    z-index: 2 !important;
}

.bhsc-v13-kicker {
    display: inline-block !important;
    color: var(--bhsc-gold) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    margin-bottom: 18px !important;
}

.bhsc-v13-hero h1,
.bhsc-v13-heading h2,
.bhsc-v13-split h2,
.bhsc-v13-dark-band h2,
.bhsc-v13-final-cta h2 {
    color: #06153b !important;
    font-weight: 950 !important;
    letter-spacing: -.065em !important;
    line-height: .95 !important;
    margin: 0 !important;
}

.bhsc-v13-hero h1 {
    color: #ffffff !important;
    max-width: 880px !important;
    font-size: clamp(54px, 5.7vw, 98px) !important;
    text-shadow: 0 18px 44px rgba(0,0,0,.18) !important;
}

.bhsc-v13-hero p {
    max-width: 780px !important;
    color: rgba(255,255,255,.86) !important;
    font-size: clamp(18px, 1.45vw, 25px) !important;
    line-height: 1.35 !important;
    margin: 34px 0 0 !important;
}

.bhsc-v13-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: center !important;
    margin-top: 34px !important;
}

.bhsc-v13-actions-center {
    justify-content: center !important;
}

.bhsc-v13-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.bhsc-v13-btn:hover { transform: translateY(-2px) !important; }
.bhsc-v13-btn-yellow { background: var(--bhsc-gold) !important; color: #06153b !important; box-shadow: 0 16px 32px rgba(255,197,27,.25) !important; }
.bhsc-v13-btn-blue { background: #18a8ff !important; color: #fff !important; box-shadow: 0 16px 32px rgba(24,168,255,.25) !important; }
.bhsc-v13-btn-ghost { background: rgba(255,255,255,.10) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.35) !important; }
.bhsc-v13-btn-dark { background: #071a45 !important; color: #fff !important; }

.bhsc-v13-hero-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    max-width: 780px !important;
    margin-top: 58px !important;
}

.bhsc-v13-hero-metrics div {
    min-height: 112px !important;
    padding: 22px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.11) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}
.bhsc-v13-hero-metrics strong { display:block !important; color:#fff !important; font-size:20px !important; margin-bottom:8px !important; }
.bhsc-v13-hero-metrics span { display:block !important; color:rgba(255,255,255,.74) !important; font-size:15px !important; line-height:1.25 !important; }

.bhsc-v13-quick-panel {
    justify-self: end !important;
    width: min(100%, 520px) !important;
    padding: 28px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    box-shadow: 0 24px 54px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(12px) !important;
}

.bhsc-v13-panel-title span { display:block !important; color:var(--bhsc-gold) !important; font-size:13px !important; font-weight:950 !important; letter-spacing:.12em !important; text-transform:uppercase !important; }
.bhsc-v13-panel-title strong { display:block !important; color:#fff !important; font-size:24px !important; margin-top:3px !important; }

.bhsc-v13-quick-panel a {
    display: grid !important;
    grid-template-columns: 58px minmax(0,1fr) !important;
    gap: 18px !important;
    align-items: center !important;
    min-height: 86px !important;
    margin-top: 14px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.13) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: transform .18s ease, background .18s ease !important;
}
.bhsc-v13-quick-panel a:hover { transform: translateY(-2px) !important; background: rgba(255,255,255,.20) !important; }
.bhsc-v13-quick-panel a > span { width:58px !important; height:58px !important; border-radius:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.18) !important; font-size:24px !important; }
.bhsc-v13-quick-panel strong { display:block !important; color:#fff !important; font-size:19px !important; }
.bhsc-v13-quick-panel em { display:block !important; color:rgba(255,255,255,.75) !important; font-style:normal !important; font-size:15px !important; margin-top:4px !important; }

.bhsc-v13-section {
    margin-top: clamp(54px, 6vw, 96px) !important;
}

.bhsc-v13-heading {
    text-align: center !important;
    max-width: 900px !important;
}
.bhsc-v13-heading h2,
.bhsc-v13-split h2,
.bhsc-v13-dark-band h2,
.bhsc-v13-final-cta h2 { font-size: clamp(36px, 3vw, 58px) !important; }
.bhsc-v13-heading p,
.bhsc-v13-split p,
.bhsc-v13-dark-band p { color: var(--bhsc-muted) !important; font-size: 18px !important; line-height: 1.55 !important; margin: 20px auto 0 !important; max-width: 720px !important; }

.bhsc-v13-service-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
}
.bhsc-v13-service-grid a {
    display:block !important;
    min-height: 210px !important;
    padding: 32px !important;
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(15,59,122,.10) !important;
    color: var(--bhsc-text) !important;
    text-decoration:none !important;
    box-shadow: 0 18px 48px rgba(12,45,92,.10) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}
.bhsc-v13-service-grid a:hover { transform: translateY(-4px) !important; box-shadow: 0 26px 64px rgba(12,45,92,.15) !important; }
.bhsc-v13-service-grid span { width:54px !important; height:54px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:16px !important; background:#eef7ff !important; font-size:24px !important; margin-bottom:28px !important; }
.bhsc-v13-service-grid strong { display:block !important; font-size:24px !important; line-height:1.05 !important; margin-bottom:12px !important; color:#06153b !important; }
.bhsc-v13-service-grid em { display:block !important; font-style:normal !important; color:var(--bhsc-muted) !important; font-size:15px !important; line-height:1.45 !important; }

.bhsc-v13-split {
    display:grid !important;
    grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr) !important;
    gap: 54px !important;
    align-items:center !important;
    padding: clamp(42px, 5vw, 74px) !important;
    border-radius: 28px !important;
    background:#fff !important;
    box-shadow:0 24px 70px rgba(12,45,92,.11) !important;
}
.bhsc-v13-pathway-list { display:grid !important; gap:16px !important; }
.bhsc-v13-pathway-list article { display:grid !important; grid-template-columns:64px minmax(0,1fr) !important; gap:18px !important; align-items:center !important; padding:22px !important; border:1px solid rgba(8,45,98,.13) !important; border-radius:18px !important; background:#fbfdff !important; }
.bhsc-v13-pathway-list span { width:48px !important; height:48px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:14px !important; background:#071a45 !important; color:#fff !important; font-weight:900 !important; }
.bhsc-v13-pathway-list strong { display:block !important; font-size:19px !important; color:#06153b !important; }
.bhsc-v13-pathway-list em { display:block !important; font-style:normal !important; color:var(--bhsc-muted) !important; font-size:15px !important; margin-top:4px !important; }

.bhsc-v13-dark-band {
    display:grid !important;
    grid-template-columns: minmax(0,1fr) minmax(380px,.9fr) !important;
    gap: 42px !important;
    align-items:center !important;
    padding: clamp(42px, 5vw, 74px) !important;
    border-radius: 28px !important;
    background: linear-gradient(135deg, #071a45, #0b397f) !important;
    box-shadow: 0 28px 70px rgba(12,45,92,.18) !important;
}
.bhsc-v13-dark-band h2,
.bhsc-v13-dark-band p { color:#fff !important; }
.bhsc-v13-dark-band p { color:rgba(255,255,255,.76) !important; margin-left:0 !important; }
.bhsc-v13-pill-grid { display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:14px !important; }
.bhsc-v13-pill-grid span { display:flex !important; align-items:center !important; justify-content:center !important; min-height:48px !important; border-radius:999px !important; color:#fff !important; font-weight:900 !important; background:rgba(255,255,255,.10) !important; border:1px solid rgba(255,255,255,.18) !important; }

.bhsc-v13-final-cta {
    text-align:center !important;
    padding: 58px 28px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(15,59,122,.10) !important;
    box-shadow: 0 24px 70px rgba(12,45,92,.10) !important;
}

/* Hide accidental Oxygen/original homepage remnants after the rebuilt homepage. */
body.home .bhsc-home-v13 ~ .btContent,
body.home .bhsc-home-v13 ~ .bt_bb_wrapper,
body.home .bhsc-home-v13 ~ .btPageHeadline,
body.home .bhsc-home-v13 ~ .btArticleContent,
body.home .bhsc-home-v13 ~ .btContentWrap {
    display:none !important;
}

@media (max-width: 1180px) {
    .bhsc-v13-hero,
    .bhsc-v13-split,
    .bhsc-v13-dark-band { grid-template-columns: 1fr !important; }
    .bhsc-v13-quick-panel { justify-self: stretch !important; width:100% !important; }
    .bhsc-v13-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 760px) {
    .bhsc-home-v13 { padding: 28px 14px 70px !important; }
    .bhsc-v13-hero,
    .bhsc-v13-section { width: min(100%, calc(100vw - 28px)) !important; }
    .bhsc-v13-hero { padding: 32px 22px !important; border-radius: 24px !important; min-height:auto !important; }
    .bhsc-v13-hero h1 { font-size: clamp(42px, 12vw, 62px) !important; }
    .bhsc-v13-hero p { font-size: 17px !important; }
    .bhsc-v13-hero-metrics,
    .bhsc-v13-service-grid,
    .bhsc-v13-pill-grid { grid-template-columns: 1fr !important; }
    .bhsc-v13-split,
    .bhsc-v13-dark-band { padding: 30px 20px !important; border-radius: 22px !important; }
    .bhsc-v13-pathway-list article { grid-template-columns: 1fr !important; }
}

/* =========================================================
   BHSC v13.1 — Header brand alignment fix
   Purpose: keep logo fully visible and place it BESIDE the club name,
   not underneath or overlapping it.
   ========================================================= */
@media (min-width: 1025px) {
    body.home .btLogoArea,
    body.bhsc-home-exclusive .btLogoArea {
        display: grid !important;
        grid-template-columns: auto auto !important;
        grid-template-rows: auto auto !important;
        justify-content: center !important;
        align-items: center !important;
        column-gap: 24px !important;
        row-gap: 24px !important;
        min-height: 196px !important;
        padding: 42px 28px 24px !important;
        overflow: visible !important;
    }

    body.home .btLogoArea .logo,
    body.home .btLogoArea .logoWrapper,
    body.home .btLogoArea .btLogo,
    body.home .btLogoArea .btLogoHolder,
    body.home .btLogoArea a.logo,
    body.bhsc-home-exclusive .btLogoArea .logo,
    body.bhsc-home-exclusive .btLogoArea .logoWrapper,
    body.bhsc-home-exclusive .btLogoArea .btLogo,
    body.bhsc-home-exclusive .btLogoArea .btLogoHolder,
    body.bhsc-home-exclusive .btLogoArea a.logo {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: end !important;
        order: initial !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        z-index: 20 !important;
    }

    body.home .btLogoArea .logo img,
    body.home .btLogoArea .btLogo img,
    body.home .btLogoArea img[src*="logo"],
    body.bhsc-home-exclusive .btLogoArea .logo img,
    body.bhsc-home-exclusive .btLogoArea .btLogo img,
    body.bhsc-home-exclusive .btLogoArea img[src*="logo"] {
        width: auto !important;
        height: auto !important;
        max-width: 94px !important;
        max-height: 94px !important;
        min-height: 0 !important;
        object-fit: contain !important;
        object-position: center !important;
        margin: 0 !important;
        padding: 0 !important;
        clip-path: none !important;
        overflow: visible !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
    }

    body.home .btLogoArea:before,
    body.bhsc-home-exclusive .btLogoArea:before {
        grid-column: 2 !important;
        grid-row: 1 !important;
        order: initial !important;
        align-self: center !important;
        justify-self: start !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        position: relative !important;
        z-index: 21 !important;
        text-align: left !important;
    }

    body.home .btLogoArea .menuPort,
    body.home .menuPort,
    body.bhsc-home-exclusive .btLogoArea .menuPort,
    body.bhsc-home-exclusive .menuPort {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        order: initial !important;
        justify-self: center !important;
        width: min(1500px, calc(100vw - 96px)) !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 1024px) {
    body.home .btLogoArea,
    body.bhsc-home-exclusive .btLogoArea {
        overflow: visible !important;
    }

    body.home .btLogoArea img,
    body.bhsc-home-exclusive .btLogoArea img {
        max-height: 78px !important;
        object-fit: contain !important;
        object-position: center !important;
        clip-path: none !important;
    }
}

/* =========================================================
   BHSC Child Theme v14 — Homepage matching dark swim hero reference
   Front-page only. Fully self-contained to avoid Oxygen header conflicts.
   ========================================================= */
body.bhsc-v14-home-body {
    margin: 0;
    background: #ffffff;
    color: #07142b;
    overflow-x: hidden;
}
body.bhsc-v14-home-body #page,
body.bhsc-v14-home-body .site,
body.bhsc-v14-home-body .btContentWrap,
body.bhsc-v14-home-body .btContent,
body.bhsc-v14-home-body .bt_bb_wrapper {
    background: transparent !important;
}
.bhsc-v14-page,
.bhsc-v14-page * {
    box-sizing: border-box;
}
.bhsc-v14-page {
    min-height: 100vh;
    background: #fff;
    font-family: inherit;
}
.bhsc-v14-header {
    width: 100%;
    background: #06152d;
    color: #fff;
    box-shadow: 0 18px 44px rgba(2, 10, 25, .28);
    position: relative;
    z-index: 30;
}
.bhsc-v14-topbar {
    min-height: 54px;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(73, 91, 122, .95), rgba(50, 68, 102, .95));
    color: rgba(255,255,255,.94);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .01em;
}
.bhsc-v14-topbar-inner {
    width: min(1480px, calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.3fr auto .5fr;
    gap: 26px;
    align-items: center;
}
.bhsc-v14-topbar em {
    font-style: normal;
    opacity: .78;
    margin-left: 6px;
}
.bhsc-v14-social {
    justify-self: end;
    font-size: 20px;
    letter-spacing: .35em;
    white-space: nowrap;
}
.bhsc-v14-brandbar {
    padding: 38px 24px 32px;
    background: radial-gradient(circle at 50% -20%, rgba(15, 105, 190, .24), transparent 38%), #06142d;
}
.bhsc-v14-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    color: #fff !important;
    text-decoration: none !important;
    min-height: 100px;
}
.bhsc-v14-brand img {
    display: block;
    width: 118px;
    height: 118px;
    object-fit: contain;
    flex: 0 0 auto;
    max-width: none;
    max-height: none;
    filter: drop-shadow(0 12px 22px rgba(0,0,0,.24));
}
.bhsc-v14-logo-fallback {
    display: grid;
    place-items: center;
    width: 110px;
    height: 110px;
    color: #fff;
    border: 5px solid currentColor;
    font-size: 68px;
    font-weight: 1000;
    line-height: 1;
    border-radius: 16px;
}
.bhsc-v14-brand strong {
    color: #fff;
    font-size: clamp(34px, 3.1vw, 52px);
    font-weight: 1000;
    line-height: 1;
    letter-spacing: -.045em;
    text-shadow: 0 14px 30px rgba(0,0,0,.22);
}
.bhsc-v14-nav {
    padding: 0 24px 28px;
    background: #06142d;
}
.bhsc-v14-nav-inner {
    width: min(1480px, calc(100% - 48px));
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;
    background: rgba(2, 14, 34, .56);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 30px rgba(0,0,0,.14);
    overflow: hidden;
}
.bhsc-v14-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 76px;
    padding: 0 clamp(14px, 1.8vw, 34px);
    color: rgba(255,255,255,.88) !important;
    text-decoration: none !important;
    font-size: clamp(13px, .95vw, 17px);
    font-weight: 950;
    letter-spacing: .015em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    transition: color .18s ease, background .18s ease;
}
.bhsc-v14-nav a:hover,
.bhsc-v14-nav a.is-active {
    color: #12e7ff !important;
}
.bhsc-v14-nav a.is-active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 17px;
    width: 52px;
    height: 4px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #12e7ff;
    box-shadow: 0 0 22px rgba(18,231,255,.55);
}
.bhsc-v14-nav a:last-child {
    background: rgba(7, 63, 111, .56);
}
.bhsc-v14-main {
    background: #fff;
}
.bhsc-v14-hero {
    position: relative;
    min-height: clamp(440px, 42vw, 650px);
    display: flex;
    align-items: center;
    overflow: hidden;
    background-image:
        linear-gradient(90deg, rgba(4, 15, 34, .95) 0%, rgba(5, 18, 39, .80) 34%, rgba(5, 18, 39, .38) 66%, rgba(5,18,39,.62) 100%),
        linear-gradient(180deg, rgba(4, 13, 30, .08), rgba(4, 13, 30, .65)),
        url('../img/bhsc-hero-water.svg');
    background-size: cover;
    background-position: center;
    border-top: 1px solid rgba(255,255,255,.12);
}
.bhsc-v14-hero-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 76% 28%, rgba(36, 181, 255, .18), transparent 28%), linear-gradient(180deg, transparent 76%, rgba(4,14,30,.72));
    pointer-events: none;
}
.bhsc-v14-hero-content {
    position: relative;
    z-index: 1;
    width: min(1480px, calc(100% - 64px));
    margin: 0 auto;
    padding: 72px 0 88px;
    color: #fff;
}
.bhsc-v14-hero h1 {
    margin: 0;
    max-width: 760px;
    color: #fff !important;
    font-size: clamp(42px, 4.7vw, 74px);
    line-height: .98;
    letter-spacing: -.045em;
    font-weight: 1000;
    text-shadow: 0 12px 28px rgba(0,0,0,.25);
}
.bhsc-v14-title-line {
    display: block;
    width: 54px;
    height: 5px;
    border-radius: 999px;
    background: #11e8ff;
    margin: 28px 0 24px;
    box-shadow: 0 0 22px rgba(17,232,255,.5);
}
.bhsc-v14-hero p {
    max-width: 680px;
    margin: 0 0 30px;
    color: rgba(255,255,255,.94);
    font-size: clamp(18px, 1.65vw, 27px);
    line-height: 1.28;
    font-weight: 500;
}
.bhsc-v14-actions {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.bhsc-v14-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    min-height: 66px;
    padding: 0 34px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 950;
    letter-spacing: .045em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.bhsc-v14-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(0,0,0,.22);
}
.bhsc-v14-btn-primary {
    background: linear-gradient(135deg, #15e4ff, #05b7e7);
    color: #fff !important;
}
.bhsc-v14-btn-outline {
    border: 2px solid #10e8ff;
    color: #11e8ff !important;
    background: rgba(4, 17, 38, .30);
}
.bhsc-v14-cards {
    width: min(1280px, calc(100% - 56px));
    margin: -10px auto 70px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    position: relative;
    z-index: 5;
}
.bhsc-v14-cards a {
    min-height: 245px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 14px;
    padding: 32px 28px;
    background: #fff;
    border: 1px solid rgba(6, 20, 45, .10);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(2, 12, 30, .12);
    color: #07142b !important;
    text-decoration: none !important;
    transform: translateY(0);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.bhsc-v14-cards a:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 58px rgba(2, 12, 30, .18);
    border-color: rgba(18, 231, 255, .34);
}
.bhsc-v14-icon {
    display: grid;
    place-items: center;
    width: 74px;
    height: 74px;
    font-size: 44px;
    filter: saturate(.2) contrast(1.7);
}
.bhsc-v14-cards strong {
    color: #07142b;
    font-size: 24px;
    font-weight: 1000;
    line-height: 1.1;
}
.bhsc-v14-cards em {
    color: #17223a;
    font-style: normal;
    font-size: 17px;
    line-height: 1.45;
    max-width: 235px;
}
.bhsc-v14-section {
    width: min(1280px, calc(100% - 56px));
    margin: 0 auto 86px;
}
.bhsc-v14-split {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 36px;
    align-items: stretch;
    padding: clamp(34px, 5vw, 64px);
    border-radius: 20px;
    background: #f5f9ff;
    border: 1px solid rgba(6,20,45,.08);
    box-shadow: 0 18px 42px rgba(2,12,30,.08);
}
.bhsc-v14-kicker {
    display: block;
    margin-bottom: 10px;
    color: #006fd6;
    font-size: 13px;
    letter-spacing: .13em;
    text-transform: uppercase;
    font-weight: 1000;
}
.bhsc-v14-section h2 {
    margin: 0 0 18px;
    color: #07142b !important;
    font-size: clamp(34px, 3.3vw, 58px);
    line-height: .98;
    font-weight: 1000;
    letter-spacing: -.045em;
}
.bhsc-v14-section p {
    margin: 0;
    color: #516075;
    font-size: 18px;
    line-height: 1.65;
}
.bhsc-v14-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
}
.bhsc-v14-mini-grid a {
    display: block;
    padding: 22px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(6,20,45,.08);
    color: #07142b !important;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(2,12,30,.07);
}
.bhsc-v14-mini-grid strong {
    display: block;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 1000;
}
.bhsc-v14-mini-grid span {
    display: block;
    color: #607089;
    font-size: 14px;
    line-height: 1.45;
}
@media (max-width: 1100px) {
    .bhsc-v14-topbar-inner { grid-template-columns: 1fr; text-align: center; gap: 8px; padding: 10px 0; }
    .bhsc-v14-social { justify-self: center; }
    .bhsc-v14-nav-inner { overflow-x: auto; justify-content: flex-start; }
    .bhsc-v14-nav a { min-height: 62px; }
    .bhsc-v14-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .bhsc-v14-brandbar { padding: 26px 16px 22px; }
    .bhsc-v14-brand { flex-direction: column; gap: 12px; min-height: auto; }
    .bhsc-v14-brand img { width: 92px; height: 92px; }
    .bhsc-v14-brand strong { font-size: 34px; text-align: center; }
    .bhsc-v14-topbar { font-size: 12px; }
    .bhsc-v14-nav { padding: 0 12px 16px; }
    .bhsc-v14-nav-inner { width: 100%; border-radius: 8px; }
    .bhsc-v14-nav a { min-height: 54px; padding: 0 16px; font-size: 12px; }
    .bhsc-v14-hero { min-height: 520px; background-position: 58% center; }
    .bhsc-v14-hero-content { width: min(100% - 32px, 100%); padding: 48px 0 64px; }
    .bhsc-v14-hero h1 { font-size: 42px; }
    .bhsc-v14-hero p { font-size: 18px; }
    .bhsc-v14-actions { gap: 12px; }
    .bhsc-v14-btn { width: 100%; min-height: 56px; }
    .bhsc-v14-cards { width: min(100% - 24px, 100%); grid-template-columns: 1fr; gap: 16px; margin-bottom: 44px; }
    .bhsc-v14-cards a { min-height: 190px; }
    .bhsc-v14-split { width: min(100% - 24px, 100%); grid-template-columns: 1fr; padding: 28px 20px; }
    .bhsc-v14-mini-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   BHSC Child Theme v14.1 — Navigation font refinement + submenu support
   ========================================================= */
.bhsc-v14-nav-inner {
    overflow: visible !important;
}
.bhsc-v14-nav-inner .bhsc-v14-menu,
.bhsc-v14-nav-inner .menu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0;
}
.bhsc-v14-nav-inner .bhsc-v14-menu > li,
.bhsc-v14-nav-inner .menu > li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.bhsc-v14-nav-inner .bhsc-v14-menu > li > a,
.bhsc-v14-nav-inner .menu > li > a,
.bhsc-v14-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 68px;
    padding: 0 clamp(13px, 1.45vw, 27px);
    color: rgba(255,255,255,.88) !important;
    text-decoration: none !important;
    font-size: clamp(12px, .82vw, 15px) !important;
    font-weight: 600 !important;
    letter-spacing: .01em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    line-height: 1.1;
    transition: color .18s ease, background .18s ease;
}
.bhsc-v14-nav-inner .bhsc-v14-menu > li:hover > a,
.bhsc-v14-nav-inner .menu > li:hover > a,
.bhsc-v14-nav-inner .bhsc-v14-menu > li.current-menu-item > a,
.bhsc-v14-nav-inner .menu > li.current-menu-item > a,
.bhsc-v14-nav-inner .bhsc-v14-menu > li.is-active > a,
.bhsc-v14-nav a:hover,
.bhsc-v14-nav a.is-active {
    color: #12e7ff !important;
}
.bhsc-v14-nav-inner .bhsc-v14-menu > li.current-menu-item > a:after,
.bhsc-v14-nav-inner .menu > li.current-menu-item > a:after,
.bhsc-v14-nav-inner .bhsc-v14-menu > li.is-active > a:after,
.bhsc-v14-nav a.is-active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 14px;
    width: 48px;
    height: 3px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #12e7ff;
    box-shadow: 0 0 18px rgba(18,231,255,.46);
}
.bhsc-v14-nav-inner .bhsc-v14-menu > li:last-child > a,
.bhsc-v14-nav-inner .menu > li:last-child > a {
    background: rgba(7, 63, 111, .56);
}
.bhsc-v14-nav-inner .sub-menu,
.bhsc-v14-nav-inner .children {
    position: absolute;
    left: 0;
    top: calc(100% + 0px);
    z-index: 9999;
    min-width: 245px;
    margin: 0;
    padding: 10px;
    list-style: none;
    display: none;
    background: rgba(4, 15, 34, .98);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 0 0 14px 14px;
    box-shadow: 0 22px 42px rgba(0,0,0,.34);
    backdrop-filter: blur(18px);
}
.bhsc-v14-nav-inner li:hover > .sub-menu,
.bhsc-v14-nav-inner li:focus-within > .sub-menu,
.bhsc-v14-nav-inner li:hover > .children,
.bhsc-v14-nav-inner li:focus-within > .children {
    display: block;
}
.bhsc-v14-nav-inner .sub-menu li,
.bhsc-v14-nav-inner .children li {
    position: relative;
    margin: 0;
    padding: 0;
}
.bhsc-v14-nav-inner .sub-menu a,
.bhsc-v14-nav-inner .children a {
    display: flex;
    align-items: center;
    min-height: 42px;
    width: 100%;
    padding: 11px 13px;
    border-radius: 10px;
    color: rgba(255,255,255,.90) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .005em;
    text-transform: none;
    line-height: 1.25;
    white-space: normal;
    text-decoration: none !important;
}
.bhsc-v14-nav-inner .sub-menu a:hover,
.bhsc-v14-nav-inner .children a:hover {
    color: #12e7ff !important;
    background: rgba(18,231,255,.10) !important;
}
.bhsc-v14-nav-inner .sub-menu .sub-menu,
.bhsc-v14-nav-inner .children .children {
    left: 100%;
    top: -10px;
    border-radius: 14px;
}
@media (max-width: 1100px) {
    .bhsc-v14-nav-inner .bhsc-v14-menu,
    .bhsc-v14-nav-inner .menu {
        justify-content: flex-start;
        overflow-x: auto;
    }
    .bhsc-v14-nav-inner .sub-menu,
    .bhsc-v14-nav-inner .children {
        position: static;
        min-width: 220px;
        margin: 0 8px 10px;
        border-radius: 12px;
        box-shadow: none;
    }
}
@media (max-width: 760px) {
    .bhsc-v14-nav-inner .bhsc-v14-menu > li > a,
    .bhsc-v14-nav-inner .menu > li > a,
    .bhsc-v14-nav a {
        min-height: 52px;
        padding: 0 15px;
        font-size: 12px !important;
        font-weight: 600 !important;
    }
}


/* =========================================================
   BHSC Child Theme v14.2 — Dark left-aligned dropdown submenus
   Keeps the SaaS header/nav layer while forcing WordPress submenu
   items to open from the left and read left-to-right.
   ========================================================= */
.bhsc-v14-nav,
.bhsc-v14-nav-inner,
.bhsc-v14-nav-inner .bhsc-v14-menu,
.bhsc-v14-nav-inner .menu,
.bhsc-v14-nav-inner .bhsc-v14-menu > li,
.bhsc-v14-nav-inner .menu > li {
    overflow: visible !important;
}

.bhsc-v14-nav-inner .bhsc-v14-menu > li > .sub-menu,
.bhsc-v14-nav-inner .menu > li > .sub-menu,
.bhsc-v14-nav-inner .bhsc-v14-menu > li > .children,
.bhsc-v14-nav-inner .menu > li > .children {
    left: 0 !important;
    right: auto !important;
    top: 100% !important;
    transform: none !important;
    min-width: 255px !important;
    max-width: 320px;
    padding: 10px !important;
    margin: 0 !important;
    text-align: left !important;
    direction: ltr !important;
    background: rgba(3, 13, 31, .98) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-top: 3px solid rgba(18, 231, 255, .72) !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 24px 52px rgba(0, 0, 0, .46) !important;
    backdrop-filter: blur(18px);
}

.bhsc-v14-nav-inner .sub-menu,
.bhsc-v14-nav-inner .children,
.bhsc-v14-nav-inner .sub-menu li,
.bhsc-v14-nav-inner .children li {
    text-align: left !important;
}

.bhsc-v14-nav-inner .sub-menu a,
.bhsc-v14-nav-inner .children a {
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 11px 13px !important;
    color: rgba(255, 255, 255, .92) !important;
    background: transparent !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: .005em !important;
    text-transform: none !important;
    white-space: normal !important;
}

.bhsc-v14-nav-inner .sub-menu a:hover,
.bhsc-v14-nav-inner .sub-menu a:focus,
.bhsc-v14-nav-inner .children a:hover,
.bhsc-v14-nav-inner .children a:focus {
    color: #12e7ff !important;
    background: rgba(18, 231, 255, .11) !important;
}

.bhsc-v14-nav-inner .sub-menu .sub-menu,
.bhsc-v14-nav-inner .children .children {
    left: 100% !important;
    right: auto !important;
    top: -10px !important;
    border-radius: 16px !important;
}

@media (max-width: 1100px) {
    .bhsc-v14-nav-inner .bhsc-v14-menu > li > .sub-menu,
    .bhsc-v14-nav-inner .menu > li > .sub-menu,
    .bhsc-v14-nav-inner .bhsc-v14-menu > li > .children,
    .bhsc-v14-nav-inner .menu > li > .children {
        position: absolute !important;
        left: 0 !important;
        min-width: 240px !important;
        margin: 0 !important;
        text-align: left !important;
    }
}

/* =========================================================
   BHSC Child Theme v14.3 — Site-wide public shell
   Uses the same custom top section as the homepage on normal pages.
   ========================================================= */
body.bhsc-v14-site-body {
    margin: 0;
    background: #f4f7fb;
    color: #07142b;
    overflow-x: hidden;
}
body.bhsc-v14-site-body .bhsc-v14-public-main {
    background: #f4f7fb;
    min-height: 50vh;
}
.bhsc-v14-public-page {
    min-height: 100vh;
    background: #f4f7fb;
}
.bhsc-v14-site-header {
    position: relative;
    z-index: 1000;
}
.bhsc-v14-site-header .bhsc-v14-nav-inner {
    overflow: visible !important;
}
.bhsc-v14-site-header .bhsc-v14-menu,
.bhsc-v14-site-header .bhsc-v14-menu ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.bhsc-v14-site-header .bhsc-v14-menu {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}
.bhsc-v14-site-header .bhsc-v14-menu > li {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
}
.bhsc-v14-site-header .bhsc-v14-menu > li > a {
    font-weight: 700 !important;
     font-size: 12px !important;
}
.bhsc-v14-site-header .bhsc-v14-menu li ul,
.bhsc-v14-nav .bhsc-v14-menu li ul,
.bhsc-v14-nav .sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    z-index: 10010 !important;
    min-width: 245px !important;
    background: #06142d !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 22px 45px rgba(0,0,0,.35) !important;
    padding: 8px 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
    text-align: left !important;
}
.bhsc-v14-site-header .bhsc-v14-menu li:hover > ul,
.bhsc-v14-site-header .bhsc-v14-menu li:focus-within > ul,
.bhsc-v14-nav .bhsc-v14-menu li:hover > ul,
.bhsc-v14-nav .bhsc-v14-menu li:focus-within > ul {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
.bhsc-v14-site-header .bhsc-v14-menu li ul li,
.bhsc-v14-nav .sub-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
.bhsc-v14-site-header .bhsc-v14-menu li ul a,
.bhsc-v14-nav .sub-menu a {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 11px 18px !important;
    color: rgba(255,255,255,.9) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    text-align: left !important;
    text-transform: none !important;
    white-space: normal !important;
}
.bhsc-v14-site-header .bhsc-v14-menu li ul a:hover,
.bhsc-v14-nav .sub-menu a:hover {
    color: #12e7ff !important;
    background: rgba(18,231,255,.08) !important;
}
.bhsc-v14-site-header .bhsc-v14-menu li ul ul,
.bhsc-v14-nav .sub-menu .sub-menu {
    top: 0 !important;
    left: 100% !important;
    border-radius: 10px !important;
}
.bhsc-v14-page-title-band {
    background: linear-gradient(135deg, #07142b 0%, #0a2d58 100%);
    color: #fff;
    padding: 54px 24px 48px;
}
.bhsc-v14-page-title-inner,
.bhsc-v14-content-wrap,
.bhsc-v14-footer-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}
.bhsc-v14-page-title-band h1 {
    margin: 0;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.05;
    font-weight: 1000;
    letter-spacing: -.045em;
}
.bhsc-v14-content-wrap {
    padding: 42px 0 64px;
}
.bhsc-v14-content-card,
.bhsc-content-card,
.bhsc-hero-card {
    background: #fff;
    border-radius: 22px;
    border: 1px solid rgba(7,20,43,.08);
    box-shadow: 0 18px 44px rgba(7,20,43,.08);
    padding: clamp(24px, 3vw, 44px);
}
.bhsc-full-width-wrap,
.bhsc-landing-wrap {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
    padding: 42px 0 64px;
}
.bhsc-v14-footer {
    background: #06142d;
    color: rgba(255,255,255,.86);
    padding: 28px 24px;
}
.bhsc-v14-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.bhsc-v14-footer strong {
    color: #fff;
}
@media (max-width: 980px) {
    .bhsc-v14-site-header .bhsc-v14-topbar-inner {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 8px;
        padding: 12px 0;
    }
    .bhsc-v14-site-header .bhsc-v14-social {
        justify-self: center;
    }
    .bhsc-v14-site-header .bhsc-v14-brand {
        flex-direction: column;
        gap: 14px;
        text-align: center;
    }
    .bhsc-v14-site-header .bhsc-v14-brand img {
        width: 92px;
        height: 92px;
    }
    .bhsc-v14-site-header .bhsc-v14-menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .bhsc-v14-site-header .bhsc-v14-menu > li,
    .bhsc-v14-site-header .bhsc-v14-menu > li > a {
        width: 100% !important;
    }
    .bhsc-v14-site-header .bhsc-v14-menu li ul,
    .bhsc-v14-nav .sub-menu {
        position: static !important;
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        grid-column: 1 / -1;
    }
    .bhsc-v14-site-header .bhsc-v14-menu li:hover > ul,
    .bhsc-v14-site-header .bhsc-v14-menu li:focus-within > ul,
    .bhsc-v14-nav .bhsc-v14-menu li:hover > ul,
    .bhsc-v14-nav .bhsc-v14-menu li:focus-within > ul {
        display: block !important;
    }
    .bhsc-v14-footer-inner {
        flex-direction: column;
        text-align: center;
    }
}
@media (max-width: 620px) {
    .bhsc-v14-site-header .bhsc-v14-menu {
        grid-template-columns: 1fr;
    }
    .bhsc-v14-page-title-inner,
    .bhsc-v14-content-wrap,
    .bhsc-v14-footer-inner,
    .bhsc-full-width-wrap,
    .bhsc-landing-wrap {
        width: min(100% - 28px, 1180px);
    }
}

/* Reduce homepage main menu text size */
.bhsc-v14-header .bhsc-v14-nav-inner .bhsc-v14-menu > li > a,
.bhsc-v14-header .bhsc-v14-nav a {
    font-size: 13px !important;
}

/* Unified dark SaaS navigation */
.bhsc-v14-menu > li,
.bhsc-v14-menu > li > a {
    background: #02152f !important;
}

/* Keep all items same dark colour */
.bhsc-v14-menu > li:nth-child(even) > a,
.bhsc-v14-menu > li:nth-child(odd) > a {
    background: #02152f !important;
}

/* Active menu item */
.bhsc-v14-menu > li.current-menu-item > a,
.bhsc-v14-menu > li.current_page_item > a,
.bhsc-v14-menu > li.is-active > a {
    background: #02152f !important;
    color: #ffffff !important;
}

/* Hover effect */
.bhsc-v14-menu > li > a:hover {
    background: #06264f !important;
}

/* -------------------------------------------------------------------------
   BHSC Child Theme v14.4 — SaaS Refinements & Mobile Polish
   Public child theme only: plugin/data layer remains untouched.
------------------------------------------------------------------------- */
:root {
    --bhsc-deep-navy: #020d21;
    --bhsc-ink-navy: #02152f;
    --bhsc-header-navy: #06142d;
    --bhsc-header-blue: #082f63;
    --bhsc-electric: #12e7ff;
    --bhsc-soft-bg: #f3f8ff;
    --bhsc-soft-card: rgba(255,255,255,.96);
    --bhsc-radius-xl: 28px;
    --bhsc-radius-lg: 22px;
    --bhsc-shadow-soft: 0 18px 45px rgba(7,20,43,.10);
    --bhsc-shadow-strong: 0 28px 70px rgba(2,13,33,.22);
    --bhsc-max: 1180px;
}

html {
    scroll-behavior: smooth;
}

body.bhsc-v14-site-body,
body.bhsc-v14-home-body,
body.bhsc-club-page,
body.bhsc-shortcode-page {
    background: radial-gradient(circle at top left, rgba(0,94,184,.10), transparent 34rem), var(--bhsc-soft-bg) !important;
}

/* Site-wide public header refinement */
.bhsc-v14-header,
.bhsc-v14-site-header {
    background: linear-gradient(135deg, var(--bhsc-deep-navy) 0%, var(--bhsc-header-navy) 48%, var(--bhsc-header-blue) 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 45px rgba(2,13,33,.22) !important;
    position: relative !important;
    z-index: 1000 !important;
}

.bhsc-v14-header:before,
.bhsc-v14-site-header:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 34% 8%, rgba(18,231,255,.12), transparent 22rem),
        linear-gradient(90deg, rgba(255,255,255,.035), transparent 28%, rgba(255,255,255,.04));
}

.bhsc-v14-topbar,
.bhsc-v14-brandbar,
.bhsc-v14-nav {
    position: relative !important;
    z-index: 2 !important;
}

.bhsc-v14-topbar {
    background: rgba(0,0,0,.16) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.bhsc-v14-topbar-inner,
.bhsc-v14-nav-inner,
.bhsc-v14-brandbar {
    width: min(var(--bhsc-max), calc(100% - 48px)) !important;
    margin-inline: auto !important;
}

.bhsc-v14-brandbar {
    padding: clamp(22px, 3.2vw, 42px) 0 clamp(18px, 2.6vw, 34px) !important;
}

.bhsc-v14-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(18px, 2.6vw, 34px) !important;
    text-decoration: none !important;
    color: #fff !important;
}

.bhsc-v14-logo-img,
.bhsc-v14-brand img {
    width: auto !important;
    height: clamp(82px, 8vw, 132px) !important;
    max-height: 132px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 16px 24px rgba(0,0,0,.26)) !important;
}

.bhsc-v14-brand h3,
.bhsc-v14-brand strong {
    color: #fff !important;
    margin: 0 !important;
    font-size: clamp(26px, 3.2vw, 48px) !important;
    line-height: 1.06 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 10px 25px rgba(0,0,0,.24) !important;
}

/* Navigation refinement: one consistent dark colour, softer hover */
.bhsc-v14-nav {
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    padding-bottom: clamp(20px, 2.6vw, 34px) !important;
}

.bhsc-v14-nav-inner {
    background: rgba(2,13,33,.78) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    overflow: visible !important;
    box-shadow: 0 20px 45px rgba(0,0,0,.20) !important;
}

.bhsc-v14-menu {
    gap: 0 !important;
}

.bhsc-v14-menu > li,
.bhsc-v14-menu > li > a,
.bhsc-v14-menu > li:nth-child(even) > a,
.bhsc-v14-menu > li:nth-child(odd) > a,
.bhsc-v14-menu > li.current-menu-item > a,
.bhsc-v14-menu > li.current_page_item > a,
.bhsc-v14-menu > li.is-active > a {
    background: var(--bhsc-ink-navy) !important;
}

.bhsc-v14-menu > li > a {
    min-height: 64px !important;
    padding: 0 clamp(16px, 1.35vw, 28px) !important;
    color: rgba(255,255,255,.94) !important;
    font-size: clamp(12px, .74vw, 13px) !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;
    border-left: 1px solid rgba(255,255,255,.06) !important;
    transition: background .18s ease, color .18s ease, transform .18s ease !important;
}

.bhsc-v14-menu > li:first-child > a {
    border-left: 0 !important;
}

.bhsc-v14-menu > li > a:hover,
.bhsc-v14-menu > li:hover > a,
.bhsc-v14-menu > li.current-menu-item > a:hover,
.bhsc-v14-menu > li.current_page_item > a:hover,
.bhsc-v14-menu > li.is-active > a:hover {
    background: #06264f !important;
    color: #fff !important;
}

.bhsc-v14-menu li ul,
.bhsc-v14-nav .sub-menu {
    background: #041126 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 26px 54px rgba(0,0,0,.38) !important;
}

.bhsc-v14-menu li ul a,
.bhsc-v14-nav .sub-menu a {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* Homepage polish */
.bhsc-v14-main {
    background: radial-gradient(circle at 18% 0%, rgba(0,94,184,.10), transparent 36rem), #f5f9ff !important;
}

.bhsc-v14-hero {
    min-height: clamp(460px, 58vw, 680px) !important;
    border-bottom: 1px solid rgba(7,20,43,.08) !important;
}

.bhsc-v14-hero-content {
    width: min(var(--bhsc-max), calc(100% - 48px)) !important;
    margin-inline: auto !important;
}

.bhsc-v14-hero h1,
.bhsc-v14-hero h2 {
    max-width: 850px !important;
    font-size: clamp(42px, 6vw, 82px) !important;
    line-height: .96 !important;
    letter-spacing: -.055em !important;
}

.bhsc-v14-hero p {
    max-width: 720px !important;
    font-size: clamp(17px, 1.6vw, 22px) !important;
}

.bhsc-v14-btn,
.bhsc-btn {
    border-radius: 999px !important;
    box-shadow: 0 14px 28px rgba(2,13,33,.14) !important;
}

.bhsc-v14-cards,
.bhsc-home-grid,
.bhsc-v14-section,
.bhsc-home-section {
    width: min(var(--bhsc-max), calc(100% - 48px)) !important;
    margin-inline: auto !important;
}

.bhsc-v14-cards a,
.bhsc-home-card,
.bhsc-v14-mini-grid a,
.bhsc-content-card,
.bhsc-v14-content-card,
.bhsc-portal-card,
.bhsc-policy-card,
.bhsc-hero-card {
    border-radius: var(--bhsc-radius-lg) !important;
    border: 1px solid rgba(7,20,43,.08) !important;
    box-shadow: var(--bhsc-shadow-soft) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.bhsc-v14-cards a:hover,
.bhsc-home-card:hover,
.bhsc-v14-mini-grid a:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 24px 55px rgba(7,20,43,.15) !important;
    border-color: rgba(0,94,184,.28) !important;
}

.bhsc-v14-cards strong,
.bhsc-home-card strong,
.bhsc-v14-mini-grid strong {
    letter-spacing: -.02em !important;
}

.bhsc-v14-split,
.bhsc-split-section {
    background:
        radial-gradient(circle at 85% 0%, rgba(18,231,255,.14), transparent 20rem),
        linear-gradient(135deg, #06142d 0%, #082f63 100%) !important;
    box-shadow: var(--bhsc-shadow-strong) !important;
}

/* Portal shell polish without touching plugin data */
.bhsc-shell,
.bhsc-parent-dashboard,
.bhsc-coach-portal,
.bhsc-swimmer-portal,
.bhsc-hub-v3,
.bhsc-meet-centre {
    --bhsc-ui-radius: 22px;
}

.bhsc-shell-header,
.bhsc-hub-v3-profile,
.bhsc-hub-v3-box,
.bhsc-meet-centre .bhsc-meet-hero,
.bhsc-meet-centre .bhsc-meet-notice,
.bhsc-meet-centre .bhsc-meet-card,
.bhsc-v12-panel {
    border-radius: var(--bhsc-ui-radius, 22px) !important;
    box-shadow: var(--bhsc-shadow-soft) !important;
}

.bhsc-shell-sidebar,
.bhsc-shell-header {
    backdrop-filter: blur(14px) !important;
}

/* Better content rhythm on public pages */
.bhsc-v14-page-title-band {
    background:
        radial-gradient(circle at 25% 0%, rgba(18,231,255,.14), transparent 24rem),
        linear-gradient(135deg, #06142d 0%, #082f63 100%) !important;
    padding: clamp(46px, 6vw, 82px) 24px clamp(42px, 5vw, 70px) !important;
}

.bhsc-v14-content-wrap,
.bhsc-full-width-wrap,
.bhsc-landing-wrap {
    width: min(var(--bhsc-max), calc(100% - 48px)) !important;
}

/* Responsive polish */
@media (max-width: 1100px) {
    .bhsc-v14-topbar-inner,
    .bhsc-v14-nav-inner,
    .bhsc-v14-brandbar,
    .bhsc-v14-cards,
    .bhsc-v14-section,
    .bhsc-home-section,
    .bhsc-home-grid,
    .bhsc-v14-content-wrap,
    .bhsc-full-width-wrap,
    .bhsc-landing-wrap {
        width: min(100% - 32px, var(--bhsc-max)) !important;
    }

    .bhsc-v14-menu > li > a {
        min-height: 58px !important;
        padding-inline: 14px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 820px) {
    .bhsc-v14-brandbar {
        padding: 24px 0 20px !important;
    }

    .bhsc-v14-brand {
        flex-direction: column !important;
        gap: 12px !important;
        text-align: center !important;
    }

    .bhsc-v14-logo-img,
    .bhsc-v14-brand img {
        height: 86px !important;
        max-height: 86px !important;
    }

    .bhsc-v14-brand h3,
    .bhsc-v14-brand strong {
        font-size: clamp(24px, 6.4vw, 36px) !important;
        max-width: 92vw !important;
    }

    .bhsc-v14-nav-inner {
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .bhsc-v14-menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

    .bhsc-v14-menu > li > a {
        min-height: 54px !important;
        border-top: 1px solid rgba(255,255,255,.06) !important;
        justify-content: center !important;
    }

    .bhsc-v14-hero h1,
    .bhsc-v14-hero h2 {
        font-size: clamp(38px, 10vw, 58px) !important;
    }
}

@media (max-width: 560px) {
    .bhsc-v14-topbar-inner,
    .bhsc-v14-nav-inner,
    .bhsc-v14-brandbar,
    .bhsc-v14-cards,
    .bhsc-v14-section,
    .bhsc-home-section,
    .bhsc-home-grid,
    .bhsc-v14-content-wrap,
    .bhsc-full-width-wrap,
    .bhsc-landing-wrap {
        width: min(100% - 22px, var(--bhsc-max)) !important;
    }

    .bhsc-v14-menu {
        grid-template-columns: 1fr !important;
    }

    .bhsc-v14-menu > li > a {
        min-height: 50px !important;
        font-size: 12px !important;
    }

    .bhsc-v14-hero-content {
        width: min(100% - 28px, var(--bhsc-max)) !important;
    }

    .bhsc-v14-cards a,
    .bhsc-home-card,
    .bhsc-v14-mini-grid a,
    .bhsc-content-card,
    .bhsc-v14-content-card,
    .bhsc-portal-card,
    .bhsc-policy-card,
    .bhsc-hero-card {
        border-radius: 18px !important;
    }
}

/* =========================================================
   BHSC Child Theme v14.5 — Optimised mobile public menu
   Converts the tall stacked mobile list into a compact premium drawer.
   ========================================================= */
.bhsc-v14-mobile-toggle {
    display: none;
}

@media (max-width: 760px) {
    .bhsc-v14-topbar {
        display: none !important;
    }

    .bhsc-v14-header,
    .bhsc-v14-site-header {
        padding-top: env(safe-area-inset-top) !important;
        background: linear-gradient(180deg, #06142d 0%, #082f63 100%) !important;
    }

    .bhsc-v14-brandbar {
        padding: 24px 18px 14px !important;
    }

    .bhsc-v14-brand {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        text-align: center !important;
        min-height: auto !important;
    }

    .bhsc-v14-brand img,
    .bhsc-v14-logo-img {
        width: auto !important;
        height: auto !important;
        max-height: 82px !important;
        max-width: 120px !important;
    }

    .bhsc-v14-brand h3,
    .bhsc-v14-brand strong {
        margin: 0 !important;
        max-width: 92vw !important;
        color: #ffffff !important;
        font-size: clamp(26px, 8.2vw, 38px) !important;
        line-height: 1.05 !important;
        letter-spacing: -.04em !important;
        text-align: center !important;
    }

    .bhsc-v14-mobile-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: min(92vw, 420px) !important;
        min-height: 48px !important;
        margin: 10px auto 18px !important;
        padding: 0 18px !important;
        border: 1px solid rgba(18, 231, 255, .34) !important;
        border-radius: 999px !important;
        background: rgba(18, 231, 255, .10) !important;
        color: #ffffff !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .20) !important;
        cursor: pointer !important;
        text-transform: uppercase !important;
        font-weight: 900 !important;
        letter-spacing: .12em !important;
    }

    .bhsc-v14-mobile-toggle span {
        display: block !important;
        width: 16px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: #12e7ff !important;
        box-shadow: 0 0 12px rgba(18,231,255,.45) !important;
    }

    .bhsc-v14-mobile-toggle em {
        font-style: normal !important;
        font-size: 13px !important;
    }

    .bhsc-v14-mobile-toggle.is-open {
        background: rgba(18, 231, 255, .18) !important;
    }

    .bhsc-v14-nav {
        padding: 0 14px 18px !important;
        display: none !important;
    }

    .bhsc-v14-nav.is-open,
    body.bhsc-v14-menu-open .bhsc-v14-nav {
        display: block !important;
    }

    .bhsc-v14-nav-inner {
        width: min(92vw, 430px) !important;
        margin: 0 auto !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        background: rgba(3, 13, 31, .92) !important;
        box-shadow: 0 24px 54px rgba(0,0,0,.32) !important;
    }

    .bhsc-v14-nav-inner .bhsc-v14-menu,
    .bhsc-v14-site-header .bhsc-v14-menu,
    .bhsc-v14-nav-inner .menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1px !important;
        width: 100% !important;
        background: rgba(255,255,255,.08) !important;
        overflow: hidden !important;
    }

    .bhsc-v14-nav-inner .bhsc-v14-menu > li,
    .bhsc-v14-site-header .bhsc-v14-menu > li,
    .bhsc-v14-nav-inner .menu > li {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        background: #06142d !important;
    }

    .bhsc-v14-nav-inner .bhsc-v14-menu > li > a,
    .bhsc-v14-site-header .bhsc-v14-menu > li > a,
    .bhsc-v14-nav-inner .menu > li > a,
    .bhsc-v14-nav a {
        width: 100% !important;
        min-height: 50px !important;
        padding: 0 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #06142d !important;
        color: rgba(255,255,255,.92) !important;
        font-size: 11px !important;
        font-weight: 850 !important;
        letter-spacing: .055em !important;
        line-height: 1.15 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .bhsc-v14-nav-inner .bhsc-v14-menu > li.current-menu-item > a,
    .bhsc-v14-nav-inner .bhsc-v14-menu > li.current_page_item > a,
    .bhsc-v14-nav-inner .bhsc-v14-menu > li.is-active > a,
    .bhsc-v14-nav-inner .bhsc-v14-menu > li > a:hover,
    .bhsc-v14-site-header .bhsc-v14-menu > li.current-menu-item > a,
    .bhsc-v14-site-header .bhsc-v14-menu > li.current_page_item > a,
    .bhsc-v14-site-header .bhsc-v14-menu > li.is-active > a,
    .bhsc-v14-site-header .bhsc-v14-menu > li > a:hover {
        background: #083964 !important;
        color: #12e7ff !important;
    }

    .bhsc-v14-nav-inner .bhsc-v14-menu > li > a:after,
    .bhsc-v14-nav-inner .menu > li > a:after,
    .bhsc-v14-nav a:after {
        display: none !important;
    }

    .bhsc-v14-site-header .bhsc-v14-menu li ul,
    .bhsc-v14-nav .sub-menu,
    .bhsc-v14-nav-inner .sub-menu,
    .bhsc-v14-nav-inner .children {
        position: static !important;
        display: none !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 6px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: #020b1a !important;
    }

    .bhsc-v14-site-header .bhsc-v14-menu li:hover > ul,
    .bhsc-v14-site-header .bhsc-v14-menu li:focus-within > ul,
    .bhsc-v14-nav .bhsc-v14-menu li:hover > ul,
    .bhsc-v14-nav .bhsc-v14-menu li:focus-within > ul {
        display: block !important;
    }

    .bhsc-v14-site-header .bhsc-v14-menu li ul a,
    .bhsc-v14-nav .sub-menu a,
    .bhsc-v14-nav-inner .sub-menu a,
    .bhsc-v14-nav-inner .children a {
        min-height: 42px !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 12px !important;
        border-radius: 12px !important;
    }

    .bhsc-v14-hero,
    .bhsc-v14-public-main,
    .bhsc-v14-main {
        margin-top: 0 !important;
    }
}

@media (max-width: 390px) {
    .bhsc-v14-brand h3,
    .bhsc-v14-brand strong {
        font-size: 30px !important;
    }

    .bhsc-v14-nav-inner .bhsc-v14-menu,
    .bhsc-v14-site-header .bhsc-v14-menu,
    .bhsc-v14-nav-inner .menu {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   BHSC Child Theme v14.5.2 — Mobile menu closed by default
   Tap MENU to slide the navigation down.
   ========================================================= */
@media (max-width: 760px) {
    html body .bhsc-v14-header .bhsc-v14-nav,
    html body .bhsc-v14-site-header .bhsc-v14-nav {
        display: block !important;
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        padding: 0 14px !important;
        margin: 0 !important;
        transform: translateY(-8px) !important;
        transition:
            max-height .34s ease,
            opacity .22s ease,
            visibility .22s ease,
            padding .34s ease,
            transform .34s ease !important;
    }

    html body.bhsc-v14-menu-open .bhsc-v14-header .bhsc-v14-nav,
    html body.bhsc-v14-menu-open .bhsc-v14-site-header .bhsc-v14-nav,
    html body .bhsc-v14-header .bhsc-v14-nav.is-open,
    html body .bhsc-v14-site-header .bhsc-v14-nav.is-open {
        max-height: 720px !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        padding: 0 14px 18px !important;
        transform: translateY(0) !important;
    }

    html body .bhsc-v14-nav-inner {
        transform: translateY(-6px) scale(.985) !important;
        opacity: .98 !important;
        transition: transform .34s ease, opacity .22s ease !important;
    }

    html body.bhsc-v14-menu-open .bhsc-v14-nav-inner,
    html body .bhsc-v14-nav.is-open .bhsc-v14-nav-inner {
        transform: translateY(0) scale(1) !important;
        opacity: 1 !important;
    }

    html body .bhsc-v14-mobile-toggle {
        margin-bottom: 16px !important;
    }

    html body .bhsc-v14-mobile-toggle.is-open em::before {
        content: "Close " !important;
    }

    html body .bhsc-v14-mobile-toggle.is-open span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px) !important;
    }

    html body .bhsc-v14-mobile-toggle.is-open span:nth-child(2) {
        opacity: 0 !important;
    }

    html body .bhsc-v14-mobile-toggle.is-open span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px) !important;
    }

    html body .bhsc-v14-mobile-toggle span {
        transition: transform .2s ease, opacity .2s ease !important;
    }
}


/* =========================================================
   BHSC Child Theme v14.5.3 — Mobile menu click fix
   Ensures the MENU button is always tappable and the drawer
   opens only after tap.
   ========================================================= */
@media (max-width: 760px) {
    html body .bhsc-v14-header,
    html body .bhsc-v14-site-header {
        position: relative !important;
        z-index: 9999 !important;
        overflow: visible !important;
    }

    html body .bhsc-v14-brandbar,
    html body .bhsc-v14-mobile-toggle,
    html body .bhsc-v14-nav {
        position: relative !important;
        z-index: 10002 !important;
    }

    html body .bhsc-v14-mobile-toggle {
        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(18, 231, 255, .22) !important;
    }

    html body .bhsc-v14-mobile-toggle * {
        pointer-events: none !important;
    }

    html body .bhsc-v14-header .bhsc-v14-nav,
    html body .bhsc-v14-site-header .bhsc-v14-nav {
        display: block !important;
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    html body.bhsc-v14-menu-open .bhsc-v14-header .bhsc-v14-nav,
    html body.bhsc-v14-menu-open .bhsc-v14-site-header .bhsc-v14-nav,
    html body .bhsc-v14-header .bhsc-v14-nav.is-open,
    html body .bhsc-v14-site-header .bhsc-v14-nav.is-open {
        max-height: 760px !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }
}


/* =========================================================
   BHSC Child Theme v14.5.4 — Compact mobile hamburger button
   Replaces the wide MENU pill with a clean [☰] style control.
   ========================================================= */
@media (max-width: 760px) {
    html body .bhsc-v14-mobile-toggle {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        max-width: 58px !important;
        margin: 10px auto 18px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        border-radius: 18px !important;
        border: 1px solid rgba(18, 231, 255, .46) !important;
        background: linear-gradient(180deg, rgba(18,231,255,.18), rgba(18,231,255,.08)) !important;
        box-shadow: 0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.14) !important;
        color: #12e7ff !important;
        line-height: 1 !important;
    }

    html body .bhsc-v14-mobile-toggle .bhsc-v14-toggle-line {
        display: block !important;
        width: 25px !important;
        height: 3px !important;
        min-height: 3px !important;
        border-radius: 999px !important;
        background: #12e7ff !important;
        box-shadow: 0 0 12px rgba(18,231,255,.55) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .bhsc-v14-mobile-toggle .bhsc-v14-toggle-text {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }

    html body .bhsc-v14-mobile-toggle.is-open {
        background: linear-gradient(180deg, rgba(244,180,0,.25), rgba(18,231,255,.10)) !important;
        border-color: rgba(244,180,0,.70) !important;
    }

    html body .bhsc-v14-mobile-toggle.is-open .bhsc-v14-toggle-line:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px) !important;
        background: #f4b400 !important;
    }

    html body .bhsc-v14-mobile-toggle.is-open .bhsc-v14-toggle-line:nth-child(2) {
        opacity: 0 !important;
    }

    html body .bhsc-v14-mobile-toggle.is-open .bhsc-v14-toggle-line:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px) !important;
        background: #f4b400 !important;
    }

    html body .bhsc-v14-mobile-toggle em,
    html body .bhsc-v14-mobile-toggle.is-open em::before {
        display: none !important;
        content: none !important;
    }
}


/* =========================================================
   BHSC Child Theme v14.5.6 — Mobile submenu accordion depth fix
   Parent items open submenus instead of navigating; full submenu lists
   are visible/scrollable on smaller phones.
   ========================================================= */
@media (max-width: 760px) {
    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.menu-item-has-children,
    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.page_item_has_children,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.menu-item-has-children,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.page_item_has_children {
        grid-column: auto !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open {
        grid-column: 1 / -1 !important;
    }

    html body .bhsc-v14-site-header .bhsc-v14-menu li > ul,
    html body .bhsc-v14-nav .sub-menu,
    html body .bhsc-v14-nav-inner .sub-menu,
    html body .bhsc-v14-nav-inner .children {
        position: static !important;
        display: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: 62vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        margin: 0 !important;
        padding: 8px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        background: #020b1a !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
        z-index: auto !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu li.bhsc-submenu-open > ul,
    html body .bhsc-v14-site-header .bhsc-v14-menu li.bhsc-submenu-open > ul,
    html body .bhsc-v14-nav .bhsc-v14-menu li.bhsc-submenu-open > ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    html body .bhsc-v14-site-header .bhsc-v14-menu li:not(.bhsc-submenu-open):hover > ul,
    html body .bhsc-v14-site-header .bhsc-v14-menu li:not(.bhsc-submenu-open):focus-within > ul,
    html body .bhsc-v14-nav .bhsc-v14-menu li:not(.bhsc-submenu-open):hover > ul,
    html body .bhsc-v14-nav .bhsc-v14-menu li:not(.bhsc-submenu-open):focus-within > ul {
        display: none !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu li.menu-item-has-children > a,
    html body .bhsc-v14-nav-inner .bhsc-v14-menu li.page_item_has_children > a {
        position: relative !important;
        padding-right: 26px !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu li.menu-item-has-children > a::before,
    html body .bhsc-v14-nav-inner .bhsc-v14-menu li.page_item_has_children > a::before {
        content: "+" !important;
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #12e7ff !important;
        font-weight: 900 !important;
        font-size: 15px !important;
        line-height: 1 !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu li.bhsc-submenu-open > a::before {
        content: "–" !important;
        color: #f4b400 !important;
    }

    html body .bhsc-v14-nav-inner .sub-menu li,
    html body .bhsc-v14-nav-inner .children li {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        background: transparent !important;
    }

    html body .bhsc-v14-nav-inner .sub-menu a,
    html body .bhsc-v14-nav-inner .children a {
        min-height: 44px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 10px !important;
        border-radius: 12px !important;
        background: rgba(255,255,255,.055) !important;
        color: rgba(255,255,255,.92) !important;
        text-align: center !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    html body .bhsc-v14-nav-inner .sub-menu a:hover,
    html body .bhsc-v14-nav-inner .children a:hover {
        background: rgba(18,231,255,.14) !important;
        color: #12e7ff !important;
    }
}

@media (max-width: 390px) {
    html body .bhsc-v14-nav-inner .bhsc-v14-menu li.bhsc-submenu-open > ul,
    html body .bhsc-v14-site-header .bhsc-v14-menu li.bhsc-submenu-open > ul,
    html body .bhsc-v14-nav .bhsc-v14-menu li.bhsc-submenu-open > ul {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   BHSC Child Theme v14.5.7 — Mobile submenu visibility repair
   Forces opened parent submenus to render as full-width accordion
   panels on phones, including Portal, Shop and Contact.
   ========================================================= */
@media (max-width: 760px) {
    html body .bhsc-v14-nav-inner,
    html body .bhsc-v14-nav-inner .bhsc-v14-menu,
    html body .bhsc-v14-site-header .bhsc-v14-menu {
        overflow: visible !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu,
    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open > .children,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open > .children,
    html body .bhsc-v14-nav .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu,
    html body .bhsc-v14-nav .bhsc-v14-menu > li.bhsc-submenu-open > .children {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 58vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        margin: 0 !important;
        padding: 10px !important;
        background: #020b1a !important;
        border-top: 1px solid rgba(18,231,255,.28) !important;
        border-radius: 0 !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu > li,
    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open > .children > li,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu > li,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open > .children > li {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        background: transparent !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu > li > a,
    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open > .children > li > a,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu > li > a,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open > .children > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 44px !important;
        padding: 9px 10px !important;
        opacity: 1 !important;
        visibility: visible !important;
        color: rgba(255,255,255,.94) !important;
        background: rgba(255,255,255,.065) !important;
        border: 1px solid rgba(255,255,255,.08) !important;
        border-radius: 12px !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu:empty::after,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu:empty::after {
        content: "No submenu items found" !important;
        color: rgba(255,255,255,.65) !important;
        display: block !important;
        padding: 14px !important;
        text-align: center !important;
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 390px) {
    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu,
    html body .bhsc-v14-nav-inner .bhsc-v14-menu > li.bhsc-submenu-open > .children,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open > .sub-menu,
    html body .bhsc-v14-site-header .bhsc-v14-menu > li.bhsc-submenu-open > .children {
        grid-template-columns: 1fr !important;
    }
}