/* SwankageTCG v1009 — public header only: dashboard/admin-style account dropdown.
   Deliberately scoped under #header; no navigation, TCG sections, or cart restyling. */
#header .sw-v653-account-cart .sw-v1009-account-menu {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 42px;
    overflow: visible !important;
    isolation: auto;
}
#header .sw-v1009-account-menu > summary {
    list-style: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
#header .sw-v1009-account-menu > summary::-webkit-details-marker { display: none !important; }
#header .sw-v653-account-cart .sw-v1009-account-trigger,
#header .sw-v653-account-cart .sw-v1009-guest-trigger {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--sw-accent, #ff6b18) !important;
    text-decoration: none !important;
    outline-offset: 3px;
    transition: background-color .18s ease, border-color .18s ease !important;
}
#header .sw-v653-account-cart .sw-v1009-account-trigger > i,
#header .sw-v653-account-cart .sw-v1009-guest-trigger > i {
    color: var(--sw-accent, #ff6b18) !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    text-align: center !important;
}
#header .sw-v1009-account-menu[open] > summary,
#header .sw-v1009-account-menu > summary:hover,
#header .sw-v1009-account-menu > summary:focus-visible,
#header .sw-v1009-guest-trigger:hover,
#header .sw-v1009-guest-trigger:focus-visible {
    border-color: color-mix(in srgb, var(--sw-accent, #ff6b18) 54%, transparent) !important;
    background: color-mix(in srgb, var(--sw-accent, #ff6b18) 12%, transparent) !important;
}
#header .sw-v1009-account-menu > summary:focus-visible,
#header .sw-v1009-account-popover a:focus-visible,
#header .sw-v1009-account-popover button:focus-visible {
    outline: 2px solid var(--sw-accent, #ff6b18) !important;
    outline-offset: 2px;
}
#header .sw-v1009-account-trigger .sw-v653-account-badge {
    top: -3px !important;
    left: auto !important;
    right: -4px !important;
    z-index: 1;
    min-width: 17px !important;
    padding: 0 3px !important;
}
#header .sw-v1009-account-popover {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    z-index: 12500 !important;
    width: 218px !important;
    min-width: 218px !important;
    max-width: calc(100vw - 20px) !important;
    margin: 0 !important;
    padding: 7px !important;
    border: 1px solid color-mix(in srgb, var(--sw-accent, #ff6b18) 14%, #36404a) !important;
    border-radius: 9px !important;
    background: #11191f !important;
    color: #eef4f8 !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .48) !important;
    text-align: left !important;
    white-space: nowrap !important;
}
#header .sw-v1009-account-popover a,
#header .sw-v1009-account-popover button {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 8px 9px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #eef4f8 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: color .16s ease, background-color .16s ease;
}
#header .sw-v1009-account-popover a > i,
#header .sw-v1009-account-popover button > i {
    display: block !important;
    width: 17px !important;
    flex: 0 0 17px;
    margin: 0 !important;
    color: #cad5df !important;
    font-size: 12px !important;
    text-align: center;
}
#header .sw-v1009-account-popover .sw-v1009-menu-home,
#header .sw-v1009-account-popover .sw-v1009-menu-home > i {
    background: color-mix(in srgb, var(--sw-accent, #ff6b18) 17%, transparent) !important;
    color: var(--sw-accent, #ff6b18) !important;
}
#header .sw-v1009-account-popover a:hover,
#header .sw-v1009-account-popover a:focus-visible,
#header .sw-v1009-account-popover button:hover,
#header .sw-v1009-account-popover button:focus-visible {
    background: color-mix(in srgb, var(--sw-accent, #ff6b18) 15%, transparent) !important;
    color: var(--sw-accent, #ff6b18) !important;
}
#header .sw-v1009-account-popover a:hover > i,
#header .sw-v1009-account-popover a:focus-visible > i,
#header .sw-v1009-account-popover button:hover > i,
#header .sw-v1009-account-popover button:focus-visible > i {
    color: var(--sw-accent, #ff6b18) !important;
}
#header .sw-v1009-account-popover form {
    display: block !important;
    margin: 4px 0 0 !important;
    padding: 5px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid #364047 !important;
    background: transparent !important;
}
#header .sw-v1009-account-popover form button { line-height: 1.3 !important; }
@media (prefers-reduced-motion: reduce) {
    #header .sw-v1009-account-menu *,
    #header .sw-v1009-account-menu *::before,
    #header .sw-v1009-account-menu *::after { transition: none !important; }
}