/* Responsive Header and My Addienator presentation.
 *
 * GenerateBlocks owns disclosure, focus trapping, Escape, focus return, and
 * overlay cloning. The unified plugin supplies request-specific content. This
 * stylesheet owns the state-aware wide/compact layout and visual treatment.
 */

/* GenerateBlocks locks body scrolling while its drawer is open. Reserving the
   classic scrollbar gutter prevents the Header and stationary Menu/Close
   control from shifting sideways when that lock is applied. */
html {
    scrollbar-gutter: stable;
}

.addienator-site .gb-site-header {
    border-bottom: 1px solid var(--addie-border);
    position: relative;
    z-index: 80;
}

.addienator-site .gb-navigation-82c0d7d6 {
    flex-wrap: nowrap;
    max-width: 1536px;
    width: 100%;
}

.addienator-site .gb-navigation-82c0d7d6 > a {
    flex: 0 0 auto;
}

.addienator-site .gb-menu-container-ef999700,
.addienator-site .gb-menu-e7434301 {
    min-width: 0;
}

.addienator-site .gb-menu-e7434301 {
    flex-wrap: nowrap;
}

.addienator-site button.gb-menu-toggle-ecbecf1d {
    background: #ffffff;
    border: 1px solid var(--addie-navy);
    border-radius: var(--addie-radius-pill);
    color: var(--addie-navy);
    gap: 9px;
    min-height: 46px;
    padding: 9px 15px;
    white-space: nowrap;
}

.addienator-site button.gb-menu-toggle-ecbecf1d:hover,
.addienator-site button.gb-menu-toggle-ecbecf1d:focus-visible,
.addienator-site button.gb-menu-toggle-ecbecf1d[aria-expanded="true"] {
    background: var(--addie-navy-04);
    border-color: var(--addie-navy);
    color: var(--addie-navy);
}

/* Keep one physical control in place while its three lines transform into an
   X. GenerateBlocks still owns the button state, cloning, and focus return. */
.addienator-site button.gb-menu-toggle-ecbecf1d :where(.gb-menu-open-icon, .gb-menu-close-icon) {
    display: none;
}

.addienator-site .addie-header-menu-glyph {
    display: inline-block;
    flex: 0 0 20px;
    height: 16px;
    position: relative;
    width: 20px;
}

.addienator-site .addie-header-menu-glyph > span {
    background: currentColor;
    border-radius: 999px;
    height: 2px;
    left: 0;
    position: absolute;
    transform-origin: center;
    transition: opacity 180ms ease, transform 220ms ease;
    width: 20px;
}

.addienator-site .addie-header-menu-glyph > span:nth-child(1) { top: 0; }
.addienator-site .addie-header-menu-glyph > span:nth-child(2) { top: 7px; }
.addienator-site .addie-header-menu-glyph > span:nth-child(3) { top: 14px; }

.addienator-site button.gb-menu-toggle-ecbecf1d:is([aria-expanded="true"], .gb-menu-toggle--toggled)
    .addie-header-menu-glyph > span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.addienator-site button.gb-menu-toggle-ecbecf1d:is([aria-expanded="true"], .gb-menu-toggle--toggled)
    .addie-header-menu-glyph > span:nth-child(2) {
    opacity: 0;
}

.addienator-site button.gb-menu-toggle-ecbecf1d:is([aria-expanded="true"], .gb-menu-toggle--toggled)
    .addie-header-menu-glyph > span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.addienator-site .addie-header-menu-label {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    min-width: 3.75rem;
    text-align: left;
}

.addienator-site .addie-header-menu-label--close {
    display: none;
}

.addienator-site button.gb-menu-toggle-ecbecf1d[aria-expanded="true"] .addie-header-menu-label--menu,
.addienator-site button.gb-menu-toggle-ecbecf1d.gb-menu-toggle--toggled .addie-header-menu-label--menu {
    display: none;
}

.addienator-site button.gb-menu-toggle-ecbecf1d[aria-expanded="true"] .addie-header-menu-label--close,
.addienator-site button.gb-menu-toggle-ecbecf1d.gb-menu-toggle--toggled .addie-header-menu-label--close {
    display: inline;
}

.addienator-site .addie-header-desktop-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    padding-left: 10px;
}

/* Visitor priority actions are authored beside the native Menu control, but
   participate only in the non-phone compact Header. The established wide row
   and full-width phone drawer remain unchanged. */
.addienator-site .addie-header-visitor-compact-actions {
    display: none;
}

@media (min-width: 768px) and (max-width: 1439px) {
    .addienator-site.addie-header-state-visitor .addie-header-visitor-compact-actions {
        align-items: center;
        display: flex;
        flex: 0 0 auto;
        gap: 8px;
        margin-left: auto;
        min-width: 0;
        position: relative;
        white-space: nowrap;
        z-index: 103;
    }

    .addienator-site.addie-header-state-visitor
        .addie-header-visitor-compact-actions
        .addie-header-subscribe {
        box-sizing: border-box;
        height: 46px;
        min-height: 46px;
        padding-block: 0;
        padding-inline: 14px;
    }

}

.addienator-site .addie-header-action:link,
.addienator-site .addie-header-action:visited {
    align-items: center;
    border-radius: var(--addie-radius-pill);
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    min-height: 46px;
    padding: 10px 18px;
    text-decoration: none;
    white-space: nowrap;
}

.addienator-site .addie-header-action--primary:link,
.addienator-site .addie-header-action--primary:visited {
    background: var(--addie-navy);
    border: 1px solid var(--addie-navy);
    color: #ffffff;
}

.addienator-site .addie-header-action--primary:hover,
.addienator-site .addie-header-action--primary:focus-visible {
    background: var(--addie-navy-light);
    border-color: var(--addie-navy-light);
    color: #ffffff;
}

.addienator-site .addie-header-subscribe.addie-header-action--primary:hover,
.addienator-site .addie-header-subscribe.addie-header-action--primary:focus-visible {
    background: var(--addie-gold);
    border-color: var(--addie-gold);
    color: var(--addie-navy);
}

.addienator-site .addie-header-action--secondary:link,
.addienator-site .addie-header-action--secondary:visited {
    background: #ffffff;
    border: 1px solid var(--addie-navy);
    color: var(--addie-navy);
}

.addienator-site .addie-header-action--secondary:hover,
.addienator-site .addie-header-action--secondary:focus-visible {
    background: var(--addie-navy);
    color: #ffffff;
}

.addienator-site :where(
    .addie-header-action,
    .gb-menu-toggle,
    .addie-header-language-toggle,
    .addie-header-language-option
):focus-visible {
    outline: 3px solid var(--addie-navy);
    outline-offset: 3px;
}

.addienator-site .addie-header-action--primary:focus-visible {
    outline-color: var(--addie-gold);
}

.addienator-site .addie-header-identity {
    align-items: center;
    border-bottom: 1px solid var(--addie-border);
    display: flex;
    gap: 14px;
    padding-bottom: 22px;
}

.addienator-site .addie-header-avatar {
    align-items: center;
    background: linear-gradient(140deg, var(--addie-navy-10), var(--addie-navy-04));
    border: 2px solid rgba(255, 192, 0, 0.7);
    border-radius: 50%;
    color: var(--addie-navy);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: var(--addie-font-display);
    font-size: 0.875rem;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.addienator-site .addie-header-identity-copy,
.addienator-site .addie-header-identity-copy > * {
    display: block;
}

.addienator-site .addie-header-identity-copy {
    min-width: 0;
}

.addienator-site .addie-header-identity-copy strong {
    color: var(--addie-heading);
    font-family: var(--addie-font-display);
    font-size: 1.125rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.addienator-site .addie-header-identity-copy > span {
    color: var(--addie-muted);
    font-size: 0.8125rem;
    margin-top: 3px;
}

.addienator-site .addie-header-language-dropdown {
    position: relative;
    width: 100%;
    z-index: 3;
}

.addienator-site .addie-header-language-toggle {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--addie-border-strong);
    border-radius: var(--addie-radius-pill);
    color: var(--addie-heading);
    display: flex;
    font-size: 0.9375rem;
    font-weight: 650;
    justify-content: space-between;
    min-height: 46px;
    padding: 9px 16px;
    width: 100%;
}

.addienator-site .addie-header-language-toggle:hover,
.addienator-site .addie-header-language-toggle:focus-visible,
.addienator-site .addie-header-language-toggle[aria-expanded="true"] {
    background: var(--addie-navy-04);
    border-color: var(--addie-navy);
    color: var(--addie-navy);
}

.addienator-site .addie-header-language-current,
.addienator-site .addie-header-language-option:link,
.addienator-site .addie-header-language-option:visited {
    align-items: center;
    display: flex;
    gap: 10px;
}

.addienator-site .addie-header-language-current img,
.addienator-site .addie-header-language-option img {
    flex: 0 0 auto;
}

.addienator-site .addie-header-language-chevron {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    flex: 0 0 auto;
    height: 7px;
    margin: -3px 2px 0 10px;
    transform: rotate(45deg);
    transition: transform 160ms ease;
    width: 7px;
}

.addienator-site .addie-header-language-toggle[aria-expanded="true"] .addie-header-language-chevron {
    margin-top: 3px;
    transform: rotate(225deg);
}

.addienator-site .addie-header-language-options {
    background: #ffffff;
    border: 1px solid var(--addie-border);
    border-radius: 0.875rem;
    box-shadow: var(--addie-shadow-pop);
    display: grid;
    gap: 2px;
    left: 0;
    margin-top: 8px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 4;
}

.addienator-site .addie-header-language-options[hidden] {
    display: none !important;
}

.addienator-site .addie-header-language-option:link,
.addienator-site .addie-header-language-option:visited {
    border-radius: 0.625rem;
    color: var(--addie-heading);
    font-size: 0.9375rem;
    font-weight: 600;
    min-height: 44px;
    padding: 10px 12px;
    text-decoration: none;
}

.addienator-site .addie-header-language-option[aria-current="page"] {
    background: var(--addie-navy-04);
    color: var(--addie-navy);
}

.addienator-site .addie-header-language-option:hover,
.addienator-site .addie-header-language-option:focus-visible {
    background: var(--addie-navy-04);
    color: var(--addie-navy);
}

/* One-row visitor Header and compact member controls at the exact approved
 * transition. Member Menu is deliberately available at wide widths too. */
@media (min-width: 1600px) {
    .addienator-site .gb-site-header {
        min-height: 84px;
        padding: 14px 32px !important;
    }

    .addienator-site .gb-site-header .gb-menu--base > .gb-menu-item > .gb-menu-link {
        font-size: 0.875rem;
        font-weight: 650;
        min-height: 44px;
        padding: 8px 10px;
        white-space: nowrap;
    }

    .addienator-site .gb-site-header .gb-menu--base > .gb-menu-item:first-child,
    .addienator-site .gb-site-header .gb-menu--base > .wpml-ls-current-language {
        margin-left: 0;
    }

    .addienator-site .gb-site-header .gb-menu--base > .wpml-ls-current-language {
        margin-left: 4px;
    }

    .addienator-site .gb-site-header .gb-menu--base > .wpml-ls-current-language > .gb-menu-link {
        border: 1px solid var(--addie-border-strong);
        border-radius: var(--addie-radius-pill);
        min-height: 46px;
        padding: 8px 13px;
    }

    .addienator-site.addie-header-state-visitor
        .gb-menu-toggle-ecbecf1d:not(.gb-menu-toggle--clone) {
        display: none !important;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation-82c0d7d6 {
        gap: 10px;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled) {
        flex-grow: 0;
        margin-left: auto;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled)
        .gb-menu-e7434301 {
        flex-grow: 0;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled)
        .gb-menu-toggle--clone {
        display: none !important;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled)
        .gb-menu-item:not(.wpml-ls-item) {
        display: none;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-toggle-ecbecf1d:not(.gb-menu-toggle--clone) {
        display: flex !important;
        flex: 0 0 auto;
        order: 3;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        > .gb-menu-toggle-ecbecf1d:not(.gb-menu-toggle--clone) {
        display: none !important;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .addie-header-overlay-actions {
        display: none;
    }

    /* GenerateBlocks classifies 1600px as desktop, so the member-only wide
       disclosure receives the same full-overlay treatment explicitly. */
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled {
        align-items: stretch;
        background: rgba(247, 249, 252, 0.995);
        display: flex;
        flex-direction: column;
        height: auto;
        inset: 84px 0 0;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 38px clamp(24px, 7vw, 82px) 60px;
        position: fixed;
        row-gap: 0;
        transform: none !important;
        width: 100%;
        z-index: 100;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container--toggled
        .gb-menu-toggle--clone {
        display: flex !important;
        position: fixed;
        right: 32px;
        top: 20px;
        z-index: 102;
    }

    .addienator-site.admin-bar:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled {
        inset: 116px 0 0;
    }

    .addienator-site.admin-bar:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container--toggled
        .gb-menu-toggle--clone {
        top: 52px;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .addie-header-overlay-identity,
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-e7434301 {
        margin-inline: auto;
        max-width: none;
        width: 100%;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .addie-header-overlay-identity {
        padding: 0;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-e7434301 {
        display: flex;
        flex-direction: column;
        flex-grow: 0;
        margin-top: 20px;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container--toggled
        .gb-menu-item
        > .gb-menu-link {
        border-radius: 0.625rem;
        color: var(--addie-heading);
        font-family: var(--addie-font-display);
        font-size: 1.375rem !important;
        font-weight: 600;
        justify-content: space-between;
        min-height: 56px !important;
        padding: 10px 12px !important;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container--toggled
        .gb-menu-item
        > .gb-menu-link:hover,
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container--toggled
        .gb-menu-item
        > .gb-menu-link:focus-visible {
        background: var(--addie-navy-04);
        color: var(--addie-navy);
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container--toggled
        .gb-menu-item:not(.wpml-ls-item):not(.addie-header-member-logout)
        > .gb-menu-link::after {
        content: "→";
        font-family: var(--addie-font-body);
        font-size: 1rem;
        font-weight: 500;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .wpml-ls-item {
        display: none;
    }
}

/* Full overlay at 1599px and below for visitors and members. */
@media (max-width: 1599px) {
    .addienator-site .gb-site-header {
        min-height: 76px;
        padding: 12px 22px !important;
    }

    .addienator-site .gb-navigation-82c0d7d6 {
        justify-content: space-between;
    }

    .addienator-site .gb-navigation-82c0d7d6 > a img {
        height: auto;
        width: 180px;
    }

    .addienator-site .gb-menu-container-ef999700.gb-menu-container--mobile {
        align-items: stretch;
        background: rgba(247, 249, 252, 0.995);
        height: auto;
        inset: 76px 0 0;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 30px clamp(24px, 7vw, 82px) 60px;
        position: fixed;
        row-gap: 0;
        transform: none !important;
        width: 100%;
    }

    .addienator-site .gb-menu-container--mobile .gb-menu-toggle--clone {
        position: fixed;
        right: 22px;
        top: 15px;
        z-index: 102;
    }

    .addienator-site.admin-bar .gb-menu-container-ef999700.gb-menu-container--mobile {
        inset: 108px 0 0;
    }

    .addienator-site.admin-bar .gb-menu-container--mobile .gb-menu-toggle--clone {
        top: 47px;
    }

    .addienator-site
        .gb-navigation--open
        > .gb-menu-toggle-ecbecf1d:not(.gb-menu-toggle--clone) {
        display: none !important;
    }

    .addienator-site .gb-menu-container--mobile .gb-element-23ca85fc,
    .addienator-site .gb-menu-container--mobile .gb-menu-e7434301,
    .addienator-site .gb-menu-container--mobile .addie-header-overlay-actions {
        margin-inline: auto;
        max-width: none;
        width: 100%;
    }

    .addienator-site .gb-menu-container--mobile .gb-element-23ca85fc {
        margin-bottom: 20px;
        padding: 0;
    }

    .addienator-site .gb-menu-container--mobile .gb-menu-e7434301 {
        display: flex;
        flex-direction: column;
        flex-grow: 0;
        order: 1;
    }

    .addienator-site .gb-menu-container--mobile .gb-menu-item > .gb-menu-link {
        border-radius: 0.625rem;
        color: var(--addie-heading);
        font-family: var(--addie-font-display);
        font-size: 1.375rem !important;
        font-weight: 600;
        justify-content: space-between;
        min-height: 56px !important;
        padding: 10px 12px !important;
    }

    .addienator-site .gb-menu-container--mobile .gb-menu-item > .gb-menu-link:hover,
    .addienator-site .gb-menu-container--mobile .gb-menu-item > .gb-menu-link:focus-visible {
        background: var(--addie-navy-04);
        color: var(--addie-navy);
    }

    .addienator-site .gb-menu-container--mobile
        .gb-menu-item:not(.wpml-ls-item):not(.addie-header-member-logout)
        > .gb-menu-link::after {
        content: "→";
        font-family: var(--addie-font-body);
        font-size: 1rem;
        font-weight: 500;
    }

    .addienator-site .gb-menu-container--mobile .wpml-ls-item {
        display: none;
    }

    .addienator-site .addie-header-desktop-actions {
        display: none;
    }

    .addienator-site .addie-header-overlay-actions {
        border-top: 1px solid var(--addie-border);
        display: grid;
        gap: 12px;
        margin-top: 22px;
        order: 2;
        padding-top: 24px;
    }

    .addienator-site .addie-header-overlay-actions .addie-header-action {
        width: 100%;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container--mobile
        .addie-header-overlay-identity {
        order: 0;
        padding-right: 0;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container--mobile
        .addie-header-overlay-actions {
        border-top: 0;
        margin-top: 0;
        order: 1;
        padding-top: 0;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container--mobile
        .gb-menu-e7434301 {
        margin-top: 20px;
        order: 2;
    }

    .addienator-site .gb-menu-container--mobile .addie-header-member-subscribe {
        display: none;
    }
}

.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-menu-container--toggled
    .addie-header-marketing-start {
    border-top: 1px solid var(--addie-border);
    margin-top: 18px;
    padding-top: 18px;
}

.addienator-site .gb-menu-container--toggled .addie-header-member-logout {
    border-top: 1px solid var(--addie-border);
    margin-top: 18px;
    padding-top: 18px;
}

.addienator-site .gb-menu-container--toggled .addie-header-member-logout > .gb-menu-link {
    color: var(--addie-error);
}

.addienator-site .gb-menu-container--toggled .addie-header-member-subscribe > .gb-menu-link {
    background: var(--addie-navy);
    color: #ffffff !important;
    justify-content: center;
    margin-bottom: 12px;
}

.addienator-site .gb-menu-container--toggled .addie-header-member-subscribe > .gb-menu-link:hover,
.addienator-site .gb-menu-container--toggled .addie-header-member-subscribe > .gb-menu-link:focus-visible {
    background: var(--addie-gold);
    color: var(--addie-navy) !important;
}

@media (max-width: 767px) {
    .addienator-site .gb-site-header {
        padding-inline: 24px !important;
    }

    .addienator-site .gb-navigation-82c0d7d6 > a img {
        width: 160px;
    }

    .addienator-site .gb-menu-container-ef999700.gb-menu-container--mobile {
        padding: 24px 18px 48px;
    }

    .addienator-site .gb-menu-container--mobile .gb-menu-toggle--clone {
        right: 18px;
        top: 14px;
    }

    .addienator-site.admin-bar .gb-menu-container-ef999700.gb-menu-container--mobile {
        inset: 122px 0 0;
    }

    .addienator-site.admin-bar .gb-menu-container--mobile .gb-menu-toggle--clone {
        top: 60px;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container--mobile
        .addie-header-overlay-identity {
        padding-right: 0;
    }

    .addienator-site .gb-menu-container--mobile .gb-menu-item > .gb-menu-link {
        font-size: 1.25rem !important;
        min-height: 52px !important;
    }
}

/* =========================================================================
 * Owner-approved 2026-08-08 responsive refinement
 *
 * Visitors retain the full navigation from 1440px. Signed-in people retain
 * Language + App/Subscribe + Menu through 992px. Whenever native
 * GenerateBlocks enters its compact state, the menu becomes a right drawer on
 * non-phone screens with a light frosted navy backdrop; phones use the full
 * width. The selectors are deliberately later than the retired 1600/1599
 * treatment above so the live transition can be corrected without replacing
 * GenerateBlocks' focus trap, Escape, or focus-return behavior.
 * ========================================================================= */

@media (min-width: 1440px) {
    .addienator-site.addie-header-state-visitor .gb-site-header {
        min-height: 76px;
        padding: 14px 22px !important;
    }

    .addienator-site.addie-header-state-visitor .gb-navigation-82c0d7d6 {
        gap: 12px;
        max-width: 1536px;
    }

    /* GenerateBlocks' saved max-1599 rule has higher specificity than its
       base container rule. Re-open the approved visitor desktop row at the
       actual 1440px runtime breakpoint. */
    .addienator-site.addie-header-state-visitor
        .gb-navigation-82c0d7d6
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled) {
        display: flex !important;
    }

    .addienator-site.addie-header-state-visitor
        .gb-site-header .gb-menu--base > .gb-menu-item > .gb-menu-link {
        font-size: 0.875rem;
        font-weight: 650;
        min-height: 44px;
        padding: 8px 9px;
        white-space: nowrap;
    }

    .addienator-site.addie-header-state-visitor
        .gb-site-header .gb-menu--base > .addie-header-route-home {
        margin-left: auto !important;
    }

    .addienator-site.addie-header-state-visitor
        .gb-site-header .gb-menu--base > .addie-header-language-item {
        margin-left: auto !important;
        margin-right: 6px !important;
    }

    .addienator-site.addie-header-state-visitor .gb-menu-e7434301 {
        justify-content: flex-start;
    }

    .addienator-site.addie-header-state-visitor .addie-header-desktop-actions {
        display: flex;
    }

    .addienator-site.addie-header-state-visitor
        .gb-menu-toggle-ecbecf1d:not(.gb-menu-toggle--clone) {
        display: none !important;
    }

    /* WordPress already exposes the current marketing route. Keep its full
       44-pixel target while placing the owner-selected brand underline close
       to the label. WPML is excluded because the selected language also uses
       aria-current. */
    .addienator-site.addie-header-state-visitor
        .gb-site-header
        .gb-menu--base
        > .gb-menu-item[class*="addie-header-route-"]:not(.wpml-ls-item):is(.current-menu-item, .current_page_item)
        > .gb-menu-link[aria-current="page"] {
        color: var(--addie-navy-dark);
        text-decoration-color: var(--addie-gold);
        text-decoration-line: underline;
        text-decoration-thickness: 3px;
        text-underline-offset: 5px;
    }

}

/* GenerateBlocks retains its cloned close control in the container after a
   disclosure closes. Closed state always belongs to the original control;
   the retained clone becomes visible again only when the container toggles. */
.addienator-site
    .gb-menu-container-ef999700:not(.gb-menu-container--toggled)
    > .gb-menu-toggle--clone {
    display: none !important;
}

@media (min-width: 992px) {
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-site-header {
        min-height: 76px;
        padding: 14px 22px !important;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation-82c0d7d6 {
        gap: 10px;
        max-width: 1536px;
    }

    /* Signed-in people keep Language + App/Subscribe + Menu at 992px and
       above, even while the saved GenerateBlocks source still carries its
       historical max-1599 display rule. */
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation-82c0d7d6
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled) {
        display: flex !important;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled) {
        flex-grow: 1;
        margin-left: auto;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled)
        .gb-menu-e7434301 {
        flex-grow: 1;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled)
        .gb-menu-item:not(.wpml-ls-item) {
        display: none;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-container-ef999700:not(.gb-menu-container--toggled)
        .wpml-ls-current-language {
        margin-left: auto !important;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .addie-header-desktop-actions {
        display: flex;
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-menu-toggle-ecbecf1d:not(.gb-menu-toggle--clone) {
        display: flex !important;
        flex: 0 0 auto;
    }
}

/* Native mobile state is selected server-side at 1439px for visitors and
   991px for members. This one class therefore applies the right breakpoint to
   each state without duplicating a second JavaScript menu system. */
.addienator-site .gb-menu-container-ef999700.gb-menu-container--mobile {
    --addie-header-drawer-width: clamp(320px, 38vw, 540px);
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled {
    align-items: flex-end;
    background: transparent;
    backdrop-filter: none;
    display: flex;
    flex-direction: column;
    height: auto;
    inset: 76px 0 0;
    isolation: isolate;
    justify-content: flex-start;
    overscroll-behavior-y: contain;
    overflow-y: auto;
    padding: 28px;
    position: fixed;
    row-gap: 0;
    transform: none !important;
    width: 100%;
    z-index: 100;
}

/* Keep the frosted site backdrop on a fixed sibling paint layer instead of on
   the scroll container itself. It inherits the container's responsive inset,
   but does not travel when the menu contents scroll. A backdrop filter on the
   scroll container would also make it the containing block for GenerateBlocks'
   fixed Close clone, clipping that control above the drawer inset. */
@media (min-width: 768px) {
    .addienator-site .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled::after,
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled::after {
        background: rgba(32, 56, 100, 0.38);
        backdrop-filter: blur(10px) saturate(110%);
        content: "";
        inset: inherit;
        pointer-events: none;
        position: fixed;
        z-index: -1;
    }
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled::before,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled::before {
    background: rgba(251, 252, 254, 0.985);
    bottom: inherit;
    box-shadow: -18px 8px 42px rgba(16, 42, 90, 0.20);
    content: "";
    pointer-events: none;
    position: fixed;
    right: 0;
    top: inherit;
    width: var(--addie-header-drawer-width, clamp(320px, 38vw, 540px));
    z-index: 0;
}

/* Show one restrained native scrollbar only when the menu content exceeds
   the available height. It remains the no-script fallback. The theme bridge
   adds a persistent visual track for touch interfaces, while leaving this
   native control underneath as the actual wheel, touch, keyboard, and drag
   scroll owner. */
.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled {
    scrollbar-color: rgba(32, 56, 100, 0.34) transparent;
    scrollbar-width: thin;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled::-webkit-scrollbar {
    width: 8px;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled::-webkit-scrollbar-track {
    background: transparent;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled::-webkit-scrollbar-thumb {
    background: rgba(32, 56, 100, 0.34);
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 999px;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled::-webkit-scrollbar-thumb:hover {
    background: rgba(32, 56, 100, 0.52);
    background-clip: padding-box;
}

/* Once the persistent visual indicator is ready, keep the native scrollbar's
   hit area but avoid painting two competing thumbs. */
.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled.addie-header-scrollbar-ready {
    scrollbar-color: transparent transparent;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled.addie-header-scrollbar-ready::-webkit-scrollbar-thumb,
.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled.addie-header-scrollbar-ready::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

.addienator-site .addie-header-scrollbar {
    background: rgba(32, 56, 100, 0.08);
    border-radius: 999px;
    bottom: inherit;
    box-sizing: border-box;
    padding-block: 10px;
    pointer-events: none;
    position: fixed;
    right: 4px;
    top: inherit;
    width: 6px;
    z-index: 3;
}

.addienator-site .addie-header-scrollbar[hidden] {
    display: none !important;
}

.addienator-site .addie-header-scrollbar__thumb {
    background: rgba(32, 56, 100, 0.64);
    border-radius: 999px;
    box-shadow: 0 1px 4px rgba(16, 42, 90, 0.25);
    height: var(--addie-header-scroll-thumb-size, 44px);
    position: absolute;
    right: 1px;
    top: calc(10px + var(--addie-header-scroll-thumb-offset, 0px));
    transition: background-color 180ms ease;
    width: 4px;
}

.addienator-site .gb-menu-container-ef999700.gb-menu-container--toggled:hover
    .addie-header-scrollbar__thumb {
    background: rgba(32, 56, 100, 0.72);
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    :where(.gb-element-23ca85fc, .gb-menu-e7434301, .addie-header-overlay-actions),
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    :where(.gb-element-23ca85fc, .gb-menu-e7434301, .addie-header-overlay-actions) {
    margin-left: auto;
    margin-right: 0;
    max-width: none;
    position: relative;
    width: calc(var(--addie-header-drawer-width, clamp(320px, 38vw, 540px)) - 56px);
    z-index: 1;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .gb-element-23ca85fc,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-element-23ca85fc {
    margin-bottom: 20px;
    padding: 0;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .gb-menu-e7434301,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-menu-e7434301 {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    order: 1;
}

.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .addie-header-overlay-identity {
    order: 0;
}

.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .addie-header-overlay-actions {
    border-top: 0;
    margin-top: 0;
    order: 1;
    padding-top: 0;
}

.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-menu-e7434301 {
    margin-top: 20px;
    order: 2;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .wpml-ls-item,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .wpml-ls-item {
    display: none;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .gb-menu-item:first-child,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-menu-item:first-child {
    margin-left: 0 !important;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .gb-menu-item > .gb-menu-link,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-menu-item > .gb-menu-link {
    border-radius: 0.625rem;
    color: var(--addie-heading);
    font-family: var(--addie-font-display);
    font-size: 1.375rem !important;
    font-weight: 600;
    justify-content: space-between;
    min-height: 56px !important;
    padding: 10px 12px !important;
    text-decoration: none;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .gb-menu-item > .gb-menu-link:hover,
.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .gb-menu-item > .gb-menu-link:focus-visible,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-menu-item > .gb-menu-link:hover,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-menu-item > .gb-menu-link:focus-visible {
    background: var(--addie-navy-04);
    color: var(--addie-navy);
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .gb-menu-item:not(.wpml-ls-item):not(.addie-header-member-logout) > .gb-menu-link::after,
.addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
    .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-menu-item:not(.wpml-ls-item):not(.addie-header-member-logout) > .gb-menu-link::after {
    content: "→";
    font-family: var(--addie-font-body);
    font-size: 1rem;
    font-weight: 500;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .addie-header-overlay-actions {
    border-top: 1px solid var(--addie-border);
    display: grid;
    gap: 12px;
    margin-top: 22px;
    order: 2;
    padding-top: 24px;
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
    .addie-header-overlay-actions .addie-header-action {
    width: 100%;
}

@media (min-width: 768px) and (max-width: 1439px) {
    /* Preserve the closed Subscribe footprint so the logo and Menu do not
       move. The drawer-owned copy takes the same visible Header slot while
       remaining inside GenerateBlocks' native keyboard focus trap. */
    .addienator-site.addie-header-state-visitor
        .gb-navigation--open
        > .addie-header-visitor-compact-actions {
        pointer-events: none;
        visibility: hidden;
    }

    .addienator-site.addie-header-state-visitor
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
        .addie-header-overlay-actions
        > .addie-header-overlay-subscribe-slot {
        display: block;
        height: 46px;
        position: fixed;
        right: calc(
            22px
            + (3.75rem + 61px)
            + 1rem
            - (100vw - 100%)
        );
        top: 12px;
        width: auto;
        z-index: 103;
    }

    .addienator-site.addie-header-state-visitor
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
        .addie-header-overlay-subscribe-slot
        > .addie-header-subscribe {
        box-sizing: border-box;
        display: inline-flex;
        height: 46px;
        min-height: 46px;
        padding-block: 0;
        padding-inline: 14px;
        width: auto;
    }
}

.addienator-site:is(
    .addie-header-state-visitor,
    .addie-header-state-member,
    .addie-header-state-no-access
)
    .gb-navigation--open
    > .gb-menu-toggle-ecbecf1d:not(.gb-menu-toggle--clone) {
    /* Keep the native control's exact layout footprint while its visible
       Close clone owns interaction in the unchanged Header slot. */
    display: flex !important;
    visibility: hidden;
}

@media (min-width: 992px) {
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation-82c0d7d6.gb-navigation--open {
        /* Match the existing wide action row: 1.65rem line box, 20px
           vertical padding, and 2px borders. */
        min-height: calc(1.65rem + 22px);
    }

    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled {
        /* Align the frosted layer to the measured Header edge: the wide
           action row, 28px Header padding, and the 1px bottom border. */
        inset-block-start: calc(1.65rem + 51px);
    }

    .addienator-site.admin-bar:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled {
        /* The WordPress toolbar is exactly 32px at this wide breakpoint. */
        inset-block-start: calc(1.65rem + 83px);
    }
}

.addienator-site .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-menu-toggle--clone {
    display: flex !important;
    position: fixed;
    right: calc(
        max(22px, calc((100vw - 1536px) / 2))
        - (100vw - 100%)
    );
    /* The scroll container has no filter/transform containing block, so the
       fixed clone occupies the original viewport-relative Header slot. */
    top: 12px;
    z-index: 102;
}

.addienator-site.admin-bar .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled {
    inset-block-start: 108px;
}

.addienator-site.admin-bar .gb-navigation--open
    .gb-menu-container-ef999700.gb-menu-container--toggled
    .gb-menu-toggle--clone {
    top: 44px;
}

@media (min-width: 992px) {
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled
        .gb-menu-toggle--clone {
        /* Match the original 46px control centred in the existing 48.4px
           wide action row, rather than reusing the compact 12px top edge. */
        top: calc(0.825rem + 2px);
    }

    .addienator-site.admin-bar:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled
        .gb-menu-toggle--clone {
        top: calc(0.825rem + 34px);
    }
}

/* The wide-only actions are present in the saved Header, but compact display
   belongs to the disclosure's localized action group. */
.addienator-site .gb-menu-container--mobile .addie-header-desktop-actions {
    display: none !important;
}

/* Logout is one component in every drawer state. */
.addienator-site .gb-menu-container--toggled .addie-header-member-logout > .gb-menu-link,
.addienator-site .gb-menu-container--toggled .addie-header-member-logout > .gb-menu-link:hover,
.addienator-site .gb-menu-container--toggled .addie-header-member-logout > .gb-menu-link:focus-visible {
    color: var(--addie-error) !important;
    font-family: var(--addie-font-display);
    font-weight: 600;
}

@media (max-width: 767px) {
    .addienator-site .gb-menu-container-ef999700.gb-menu-container--mobile {
        --addie-header-drawer-width: 100vw;
    }

    .addienator-site .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled,
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled {
        background: #ffffff;
        backdrop-filter: none;
        padding: 24px 18px 48px;
    }

    .addienator-site .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
        :where(.gb-element-23ca85fc, .gb-menu-e7434301, .addie-header-overlay-actions),
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled
        :where(.gb-element-23ca85fc, .gb-menu-e7434301, .addie-header-overlay-actions) {
        width: 100%;
    }

    .addienator-site .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--mobile.gb-menu-container--toggled
        .gb-menu-item > .gb-menu-link,
    .addienator-site:is(.addie-header-state-member, .addie-header-state-no-access)
        .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled
        .gb-menu-item > .gb-menu-link {
        font-size: 1.25rem !important;
        min-height: 52px !important;
    }

    .addienator-site .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled
        .gb-menu-toggle--clone {
        right: calc(24px - (100vw - 100%));
        top: 12px;
    }

    .addienator-site.admin-bar .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled
        .gb-menu-toggle--clone {
        top: 58px;
    }
}

@media (max-width: 782px) {
    .addienator-site.admin-bar .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled {
        /* WordPress uses a 46px toolbar through 782px. Keep the drawer,
           frost, and overflow cue below the 76px Addienator Header. */
        inset-block-start: 122px;
    }

    .addienator-site.admin-bar .gb-navigation--open
        .gb-menu-container-ef999700.gb-menu-container--toggled
        .gb-menu-toggle--clone {
        /* Match the original Menu slot below the 46px toolbar. */
        top: 58px;
    }
}

/* =========================================================================
 * My Addienator approved member home
 * ========================================================================= */

.addienator-site.addienator-my-addienator,
.addienator-site.addienator-my-addienator .site-content,
.addienator-site.addienator-my-addienator .content-area,
.addienator-site.addienator-my-addienator .site-main,
.addienator-site.addienator-my-addienator .inside-article,
.addienator-site.addienator-my-addienator .entry-content {
    background: var(--addie-page);
}

.addienator-site.addienator-my-addienator .site-content,
.addienator-site.addienator-my-addienator .content-area,
.addienator-site.addienator-my-addienator .site-main,
.addienator-site.addienator-my-addienator .inside-article,
.addienator-site.addienator-my-addienator .entry-content {
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
}

.addienator-site .addie-member-home {
    background: var(--addie-page);
}

.addienator-site .addie-member-home__band {
    background-color: var(--addie-navy-dark);
    background-image: linear-gradient(180deg, rgba(32, 56, 100, 0.42), rgba(22, 39, 68, 0.58)), url("https://addienator.com/wp-content/uploads/2026/08/utility-band-glass.jpg");
    background-position: center right;
    background-size: cover;
    color: #ffffff;
    min-height: 286px;
    padding: 62px 48px;
}

.addienator-site .addie-member-home__band-inner {
    margin-inline: auto;
    max-width: var(--addie-width-wide);
}

.addienator-site .addie-member-home__band-inner::before {
    background: var(--addie-gold);
    border-radius: 20px;
    content: "";
    display: block;
    height: 4px;
    margin-bottom: 18px;
    width: 56px;
}

.addienator-site .addie-member-home__band h1 {
    color: #ffffff;
    font-family: var(--addie-font-display);
    font-size: clamp(2.5rem, 2rem + 1.2vw, 3.25rem);
    letter-spacing: -0.04em;
    line-height: 1.05;
    margin: 0;
}

.addienator-site .addie-member-home__band p {
    color: rgba(255, 255, 255, 0.92);
    font-size: 1.125rem;
    line-height: 1.6;
    margin: 18px 0 0;
    max-width: 66ch;
}

.addienator-site .addie-member-home__main {
    margin-inline: auto;
    max-width: 1180px;
    padding: 62px 36px 84px;
}

.addienator-site .addie-member-home__status {
    align-items: center;
    background: #fffaf0;
    border: 1px solid rgba(224, 168, 0, 0.34);
    border-radius: var(--addie-radius-card);
    color: #6f5200;
    display: flex;
    gap: 14px;
    margin: -24px 0 30px;
    padding: 16px 18px;
}

.addienator-site .addie-member-home__status p { margin: 0; }
.addienator-site .addie-member-home__status strong { color: #5a4300; }

.addienator-site .addie-member-home__status-dot {
    background: var(--addie-gold);
    border-radius: 50%;
    box-shadow: 0 0 0 5px var(--addie-gold-10);
    flex: 0 0 auto;
    height: 10px;
    width: 10px;
}

.addienator-site .addie-member-home__grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.addienator-site .addie-member-card {
    background: var(--addie-card);
    border: 1px solid var(--addie-border);
    border-radius: var(--addie-radius-card);
    box-shadow: var(--addie-shadow-card);
    display: flex;
    flex-direction: column;
    min-height: 520px;
    overflow: hidden;
    padding: 0 26px 28px;
}

.addienator-site .addie-member-card__art {
    align-items: center;
    background: linear-gradient(145deg, #f5f8fd, #edf2f9);
    border-bottom: 1px solid var(--addie-border);
    display: flex;
    height: 205px;
    justify-content: center;
    margin: 0 -26px 26px;
    overflow: hidden;
    position: relative;
}

.addienator-site .addie-member-card__art::before {
    background: radial-gradient(circle, rgba(255, 192, 0, 0.19), transparent 68%);
    content: "";
    height: 240px;
    position: absolute;
    right: -74px;
    top: -82px;
    width: 240px;
}

.addienator-site .addie-member-card__art svg {
    height: 160px;
    position: relative;
    width: 88%;
}

.addienator-site .addie-member-card__label {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-bottom: 14px;
}

.addienator-site .addie-member-card__icon {
    align-items: center;
    background: var(--addie-navy-04);
    border-radius: 34%;
    color: var(--addie-navy);
    display: inline-flex;
    flex: 0 0 auto;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.addienator-site .addie-member-card__icon::before {
    background: currentColor;
    content: "";
    height: 24px;
    mask: var(--addie-member-card-icon) center / contain no-repeat;
    -webkit-mask: var(--addie-member-card-icon) center / contain no-repeat;
    width: 24px;
}

.addienator-site .addie-member-card__icon--design { --addie-member-card-icon: url("../../icons/icon-design.svg"); }
.addienator-site .addie-member-card__icon--user { --addie-member-card-icon: url("../../icons/icon-user.svg"); }
.addienator-site .addie-member-card__icon--info { --addie-member-card-icon: url("../../icons/icon-info.svg"); }

.addienator-site .addie-member-card h2 {
    color: var(--addie-heading);
    font-family: var(--addie-font-display);
    font-size: 1.5625rem;
    letter-spacing: -0.025em;
    line-height: 1.2;
    margin: 0;
}

.addienator-site .addie-member-card > p {
    color: var(--addie-body);
    font-size: 1rem;
    line-height: 1.65;
    margin: 0 0 28px;
}

.addienator-site .addie-member-card__action {
    align-self: flex-start;
    margin-top: auto;
}

.addienator-site .entry-content .addie-member-card__action:hover,
.addienator-site .entry-content .addie-member-card__action:focus-visible {
    color: var(--addie-gold);
    text-decoration: none;
}

/* Exactly three columns or one; never the rejected two-plus-one state. */
@media (max-width: 1099px) {
    .addienator-site .addie-member-home__grid {
        grid-template-columns: 1fr;
    }

    .addienator-site .addie-member-home__main {
        max-width: 900px;
    }

    .addienator-site .addie-member-card {
        display: grid;
        gap: 0 26px;
        grid-template-columns: 280px minmax(0, 1fr);
        grid-template-rows: auto 1fr auto;
        min-height: 300px;
        padding: 24px;
    }

    .addienator-site .addie-member-card__art {
        grid-row: 1 / -1;
        height: 100%;
        margin: 0;
        min-height: 250px;
    }

    .addienator-site .addie-member-card__label,
    .addienator-site .addie-member-card > p,
    .addienator-site .addie-member-card__action {
        grid-column: 2;
    }

    .addienator-site .addie-member-card__label {
        align-self: end;
        margin-top: 12px;
    }
}

@media (max-width: 640px) {
    .addienator-site .addie-member-home__band {
        min-height: 238px;
        padding: 42px 24px;
    }

    .addienator-site .addie-member-home__band h1 { font-size: 2.4375rem; }
    .addienator-site .addie-member-home__band p { font-size: 1rem; }

    .addienator-site .addie-member-home__main {
        padding: 36px 18px 64px;
    }

    .addienator-site .addie-member-home__grid { gap: 18px; }

    .addienator-site .addie-member-card {
        display: flex;
        min-height: 500px;
        padding: 0 22px 24px;
    }

    .addienator-site .addie-member-card__art {
        height: 190px;
        margin: 0 -22px 24px;
        min-height: 0;
    }

    .addienator-site .addie-member-card__label,
    .addienator-site .addie-member-card > p,
    .addienator-site .addie-member-card__action {
        grid-column: auto;
    }

    .addienator-site .addie-member-card h2 { font-size: 1.4375rem; }

    .addienator-site .addie-member-card__action {
        align-self: stretch;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .addienator-site .gb-navigation-82c0d7d6 {
        --mobile-transition-speed: 0ms;
    }
}