/* LOGIN / LOGOUT CARD — OUTER WRAPPER */
.hoh-card.page-section {
    max-width: 70ch;
    margin-block: 4rem;
    padding-inline: var(--space-3);
}

/* INNER CARD CONTAINER */
.hoh-card-inner {
    background: #fff;
    padding: var(--space-4);
    border-radius: 0.75rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* TWO-COLUMN LAYOUT */
.hoh-card-inner .wp-block-columns {
    gap: var(--space-4);
}

.hoh-card-inner .wp-block-column {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* SECTION HEADINGS */
.hoh-card-inner .wp-block-heading {
    font-family: var(--font-heading);
    font-size: var(--scale-3);
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-bottom: 0.25rem;
    color: var(--color-heading);
}

/* ============================================================
   GLOBAL LOGOUT LINK OVERRIDE — FINAL VERSION
   Ensures correct font, size, weight, and color everywhere
============================================================ */

a[href*="wp-login.php?action=logout"],
a[href*="wp-login.php?action=logout&_wpnonce"] {
    /* Typography */
    font-family: var(--font-body) !important;
    font-size: var(--scale-1) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    /* Color */
    color: var(--color-heading) !important;

    /* Reset theme link styling */
    text-decoration: none !important;
    letter-spacing: normal !important;
}

/* Hover state */
a[href*="wp-login.php?action=logout"]:hover,
a[href*="wp-login.php?action=logout&_wpnonce"]:hover {
    color: var(--color-accent) !important;
    text-decoration: underline !important;
}



/* SUPPORT LINK */
.hoh-card-inner p a {
    font-family: var(--font-body);
    font-size: var(--scale-0);
    color: var(--color-muted);
    text-decoration: underline;
}

/* CREATE ACCOUNT BUTTON */
.hoh-card-inner .wp-block-button__link {
    font-family: var(--font-body);
    font-size: var(--scale-1);
    padding: 0.6rem 1.2rem;
    border-radius: 0.5rem;
    transition: background 0.2s ease, color 0.2s ease;
}

.hoh-card-inner .is-style-outline .wp-block-button__link {
    border: 1px solid var(--color-accent);
    color: var(--color-accent);
    background: transparent;
}

.hoh-card-inner .is-style-outline .wp-block-button__link:hover {
    background: var(--color-accent);
    color: #fff;
}

/* JOIN US — SUBTEXT */
.hoh-card-inner .wp-block-column p {
    font-family: var(--font-body);
    font-size: var(--scale-0);
    color: var(--color-muted);
    margin-top: -0.25rem;
}