/* ═══════════════════════════════════════════════════════════════
   Account Panel – COW-immune standalone CSS
   Loaded via web.assets_frontend – cannot be overridden by COW
   ═══════════════════════════════════════════════════════════════ */

/* Panel container */
.account-panel {
    width: 300px !important;
    font-family: 'Inter', sans-serif !important;
}

/* Wrapper must be positioned so panel anchors correctly */
.rdc-header__account-wrapper {
    position: relative !important;
}

/* Inner wrapper – BC exact (auto height, no scrollbar) */
.account-panel__inner {
    width: 300px !important;
    padding: 24.5px 21px 28px !important;
    font-family: 'Inter', sans-serif !important;
    color: #2f2f2b !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* List reset */
.account-panel__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.1rem !important;
}

/* All links – 14px / 400 / #2f2f2b (BC exact) */
.account-panel__list li a,
.account-panel .account-panel__list li a,
.rdc-global-header .account-panel .account-panel__list li a,
html body .account-panel__list li a {
    display: block !important;
    padding: 0.55rem 0 !important;
    color: #2f2f2b !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Inter', sans-serif !important;
    transition: color 0.15s !important;
}

/* Hover */
.account-panel__list li a:hover,
html body .account-panel__list li a:hover {
    color: #006994 !important;
}

/* Sign Out – weight 600 */
.account-panel__list--secondary li a[href*="logout"],
.account-panel .account-panel__list--secondary li a[href*="logout"],
html body .account-panel__list--secondary li a[href*="logout"] {
    font-weight: 600 !important;
}

/* Divider – 1px #d9d9d9 */
.account-panel__divider {
    display: block !important;
    height: 1px !important;
    background: #d9d9d9 !important;
    margin: 0.1rem 0 !important;
}

/* Account icon hover – fill background */
.rdc-header__account:hover {
    background: #006994 !important;
    color: #fff !important;
}

/* Cart icon – BC #757575 */
.rdc-header__cart,
html body .rdc-header__cart {
    color: #757575 !important;
}

/* ═══════════════════════════════════════════════════════════════
   Footer – all styles managed by JS in bc_style_overrides.js
   (single source of truth — no CSS rules needed here)
   ═══════════════════════════════════════════════════════════════ */