/**
 * File: assets/css/frontend/header-widgets/account-widget-part2.css
 * Purpose: Split piece of a larger source file (1.0.191 file-size programme; cascade/build order unchanged). Continuation part 2 of assets/css/frontend/header-widgets/account-widget.css (split for the 300-line standard; cascade order is preserved by the enqueue chain).
 * Scope: Same feature scope as the source file named in the provenance line; not a standalone design source.
 * Package: HyperDAF Engine
 */
.hdf-header-account-stats--quad > a:hover .hdf-header-account-stat__icon,
.hdf-header-account-stats--quad > a:focus-visible .hdf-header-account-stat__icon {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.hdf-header-account-stats--quad > a:hover .hdf-header-account-stat__copy strong,
.hdf-header-account-stats--quad > a:hover .hdf-header-account-stat__copy span,
.hdf-header-account-stats--quad > a:hover .hdf-header-account-stat__copy small,
.hdf-header-account-stats--quad > a:focus-visible .hdf-header-account-stat__copy strong,
.hdf-header-account-stats--quad > a:focus-visible .hdf-header-account-stat__copy span,
.hdf-header-account-stats--quad > a:focus-visible .hdf-header-account-stat__copy small {
    color: #fff;
}

.hdf-header-account-stats--quad .hdf-header-account-stat__icon {
    display: grid;
    width: 1.6rem;
    height: 1.6rem;
    place-items: center;
    border-radius: .5rem;
    background: var(--hdf-engine-color-surface-selected);
    color: var(--hdf-engine-color-primary-strong);
}

.hdf-header-account-stats--quad .hdf-header-account-stat__icon .hdf-engine-icon {
    width: .95rem;
    height: .95rem;
}

.hdf-header-account-stats--quad .hdf-header-account-stat__copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .1rem;
    min-width: 0;
}

.hdf-header-account-stats--quad .hdf-header-account-stat__copy strong {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.hdf-header-account-stats--quad .hdf-header-account-stat__copy span,
.hdf-header-account-stats--quad .hdf-header-account-stat__copy small {
    font-size: .58rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--hdf-engine-color-text-muted);
    text-transform: uppercase;
    letter-spacing: .02em;
    white-space: nowrap;
}

.hdf-header-account-stat__icon .hdf-engine-icon {
    width: 13px;
    height: 13px;
}

.hdf-header-account-stat__copy {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.hdf-header-account-stat__copy strong {
    color: currentColor;
    font-size: .84rem;
    line-height: 1;
}

.hdf-header-account-stat__copy > span {
    overflow: hidden;
    color: var(--hdf-engine-color-text-muted);
    font-size: .56rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hdf-header-account-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 6px;
    padding: 10px 12px;
    overflow: hidden;
    background: var(--hdf-engine-color-surface);
}

.hdf-header-account-links > a {
    display: grid;
    min-width: 0;
    min-height: 42px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid var(--hdf-engine-color-border-subtle);
    border-radius: var(--hdf-engine-radius-md, .625rem);
    background: var(--hdf-engine-color-surface-subtle);
    color: var(--hdf-engine-color-text);
    text-decoration: none;
    transition: background-color var(--hdf-engine-motion-fast, 160ms) ease, border-color var(--hdf-engine-motion-fast, 160ms) ease, color var(--hdf-engine-motion-fast, 160ms) ease;
}

.hdf-header-account-links > a:hover,
.hdf-header-account-links > a:focus-visible,
.hdf-header-account-links > a.is-current {
    border-color: color-mix(in srgb, var(--hdf-engine-color-primary-strong) 28%, var(--hdf-engine-color-border));
    background: var(--hdf-engine-color-surface-selected);
    color: var(--hdf-engine-color-primary-strong);
}

.hdf-header-account-links > a:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--hdf-engine-color-primary-strong) 45%, transparent);
    outline-offset: -2px;
}

.hdf-header-account-link__icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 8px;
    background: var(--hdf-engine-color-surface);
    color: var(--hdf-engine-color-primary-strong);
}

.hdf-header-account-link__icon .hdf-engine-icon {
    width: 14px;
    height: 14px;
}

.hdf-header-account-links strong {
    min-width: 0;
    overflow: hidden;
    font-size: .7rem;
    font-weight: 720;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hdf-header-account-link__arrow {
    color: var(--hdf-engine-color-text-muted);
    font-size: .86rem;
    line-height: 1;
}

.hdf-header-account-links > a:hover .hdf-header-account-link__arrow,
.hdf-header-account-links > a.is-current .hdf-header-account-link__arrow {
    color: currentColor;
}

.hdf-header-account-footer {
    display: flex;
    gap: .6rem;
    margin: 0;
    padding: .8rem 1.125rem .6rem;
    border-top: 0;
    background: transparent;
}

/* Four quick-action buttons: 2 left + 2 right, below the footer. */
.hdf-header-account-quick {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    padding: 0 1.125rem 1rem;
}

.hdf-header-account-quick__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 2rem;
    box-sizing: border-box;
    padding: 0 .5rem;
    border: 1px solid var(--hdf-color-primary-strong, #4F7A20);
    border-radius: 999px;
    background: #fff;
    color: #111;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.hdf-header-account-quick__btn:hover {
    background: var(--hdf-color-primary-strong, #4F7A20);
    border-color: var(--hdf-color-primary-strong, #4F7A20);
    color: #fff;
}

.hdf-header-account-footer .hdf-header-account-footer-button {
    display: inline-flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    padding: .46rem .5rem;
    border: 1px solid var(--hdf-engine-color-primary-strong, #4F7A20);
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

.hdf-header-account-footer .hdf-header-account-footer-button--primary {
    background: var(--hdf-engine-color-primary-strong, #4F7A20);
    border-color: var(--hdf-engine-color-primary-strong, #4F7A20);
    color: #fff;
}

.hdf-header-account-footer .hdf-header-account-footer-button--primary:hover,
.hdf-header-account-footer .hdf-header-account-footer-button--primary:focus-visible {
    border-color: var(--hdf-engine-color-primary-hover, #466D1C);
    background: var(--hdf-engine-color-primary-hover, #466D1C);
    color: #fff;
    text-decoration: none;
}

.hdf-header-account-footer .hdf-header-account-signout {
    border-color: var(--hdf-engine-color-primary-strong, #4F7A20);
    background: #fff;
    color: #111;
}

.hdf-header-account-footer .hdf-header-account-signout:hover,
.hdf-header-account-footer .hdf-header-account-signout:focus-visible {
    border-color: var(--hdf-engine-color-primary-strong, #4F7A20);
    background: var(--hdf-engine-color-primary-strong, #4F7A20);
    color: #fff;
    text-decoration: none;
}

.hdf-header-account-guest {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    padding: 18px 16px 15px;
    border-bottom: 1px solid var(--hdf-engine-color-border-subtle);
    background: linear-gradient(135deg, var(--hdf-engine-color-surface-selected), var(--hdf-engine-color-surface) 68%);
}

.hdf-header-account-guest__icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--hdf-engine-color-primary-strong) 30%, var(--hdf-engine-color-border));
    border-radius: 15px;
    background: var(--hdf-engine-color-surface-selected);
    color: var(--hdf-engine-color-primary-strong);
}

.hdf-header-account-guest__icon .hdf-engine-icon {
    width: 25px;
    height: 25px;
}