/* Shared account navigation, including pages with their own content design. */
body.wc-theme .user-nav-card { border: 1px solid #e8e5ec; border-radius: 14px; box-shadow: none; }
body.wc-theme .user-nav-head { padding: 24px 18px 20px; border-color: #edf1f3; }
body.wc-theme .user-nav-cover { display: none; }
body.wc-theme .user-nav-avatar { width: 62px; height: 62px; margin-top: 0; border: 1px solid #d3ecf5; box-shadow: none; }
body.wc-theme .user-nav-avatar-initials { background: #ecfaff; color: #00aeef; font-weight: 500; }
body.wc-theme .user-nav-name { color: #25212d; font-size: 15px; font-weight: 500; }
body.wc-theme .user-nav-phone { color: #78717f; font-size: 12px; }
body.wc-theme .user-nav-list { padding: 12px; }
body.wc-theme .user-nav-item { min-height: 43px; border: 0; padding: 11px 12px; font-size: 13px; font-weight: 400; color: #514a5d; }
body.wc-theme .user-nav-item i { color: #939ba1; font-size: 14px; }
body.wc-theme .user-nav-item:hover { color: #168db8; background: #f6fafc; }
body.wc-theme .user-nav-item.is-active { color: #008bc2; background: #ecfaff; box-shadow: none; font-weight: 500; }
body.wc-theme .user-nav-item.is-active i { color: #00aeef; }
body.wc-theme .user-nav-sep { background: #edf1f3; margin: 12px 0; }
body.wc-theme .user-nav-logout, body.wc-theme .user-nav-logout i { color: #c75258; }
body.wc-theme .user-mobile-tab { border-color: #e8e5ec; color: #514a5d; border-radius: 9px; font-weight: 400; }
body.wc-theme .user-mobile-tab.is-active { color: #008bc2; border-color: #c8eaf6; background: #ecfaff; box-shadow: none; font-weight: 500; }
body.wc-theme .user-mobile-tab.is-active i { color: #00aeef; }

body.wc-theme.account-reference {
    --theme-ink: #25212d;
    --theme-ink-2: #514a5d;
    --theme-muted: #78717f;
    --theme-bg: #fff;
    --theme-surface-soft: #f9fbfc;
    --theme-line: #e8e5ec;
    --theme-line-strong: #d6e0e4;
    --theme-accent: #00aeef;
    --theme-accent-dark: #008bc2;
    --theme-sand: #ecfaff;
    --theme-mint: #168db8;
    --theme-mint-soft: #effbff;
    --wc-primary: #00aeef;
    --wc-primary-d: #008bc2;
    --wc-text: #25212d;
    --wc-text-2: #514a5d;
    --wc-muted: #78717f;
    --wc-border: #e8e5ec;
    --wc-border-2: #edf1f3;
    --bs-primary-rgb: 0, 174, 239;
    background: #fff;
}
body.wc-theme.account-reference main { background: #fff; }
body.wc-theme.account-reference main > .container { max-width: 1320px; padding-block: 32px 50px !important; }
body.wc-theme.account-reference .col-md-9 > .card,
body.wc-theme.account-reference .profile-card { border: 1px solid #e8e5ec; border-radius: 14px; background: #fff; box-shadow: none; }
body.wc-theme.account-reference .col-md-9 > .card.p-4 { padding: 26px !important; }
body.wc-theme.account-reference .page-head { min-height: 64px; padding: 0 0 22px; margin-bottom: 24px; border: 0; border-bottom: 1px solid #edf1f3; border-radius: 0; background: #fff; }
body.wc-theme.account-reference .page-head-ico { width: 40px; height: 40px; border: 0; border-radius: 12px; color: #168db8; background: #effbff; flex-shrink: 0; }
body.wc-theme.account-reference .page-head-text { min-width: 0; }
body.wc-theme.account-reference .page-head-text h1 { font-size: 24px; font-weight: 600; letter-spacing: -.025em; }
body.wc-theme.account-reference .page-head-text p { margin-top: 6px; font-size: 13px; line-height: 1.7; }
body.wc-theme.account-reference .btn { border-radius: 8px; font-weight: 500; box-shadow: none; }
body.wc-theme.account-reference .btn:hover { transform: none; box-shadow: none; }
body.wc-theme.account-reference .btn-primary,
body.wc-theme.account-reference .btn-check:checked + .btn-outline-primary { color: #fff; background: #00aeef !important; border-color: #00aeef; box-shadow: none; }
body.wc-theme.account-reference .btn-primary:hover,
body.wc-theme.account-reference .btn-primary:focus { background: #008bc2 !important; border-color: #008bc2; }
body.wc-theme.account-reference .btn-outline-primary { color: #168db8; background: #fff; border-color: #c7e6f1; }
body.wc-theme.account-reference .btn-outline-primary:hover { color: #008bc2; background: #effbff; border-color: #9ed4e7; }
body.wc-theme.account-reference :is(.btn-light, .btn-outline-secondary) { color: #514a5d; background: #fff; border-color: #dce5e9; }
body.wc-theme.account-reference .btn-outline-danger { color: #c75258; border-color: #edd3d6; background: #fff; }
body.wc-theme.account-reference .btn-outline-danger:hover { background: #fff5f5; border-color: #cf8e93; }
body.wc-theme.account-reference :is(.form-control, .form-select) { min-height: 44px; border-color: #dce5e9; border-radius: 8px; background-color: #fff; font-size: 14px; color: #514a5d; box-shadow: none; }
body.wc-theme.account-reference :is(.form-control, .form-select):focus { border-color: #75c2df; box-shadow: 0 0 0 3px #00aeef12; }
body.wc-theme.account-reference .form-control:disabled { background: #f6f8fa; color: #78717f; }
body.wc-theme.account-reference .form-label { color: #514a5d; font-size: 13px; font-weight: 500; }
body.wc-theme.account-reference .form-text { color: #78717f; font-size: 12px; }
body.wc-theme.account-reference .profile-hero { padding: 26px; background: #f9fbfc; border-bottom: 1px solid #edf1f3; }
body.wc-theme.account-reference .profile-hero-cover { display: none; }
body.wc-theme.account-reference .profile-hero-inner { align-items: center; }
body.wc-theme.account-reference .profile-hero-avatar { width: 82px; height: 82px; margin-top: 0; }
body.wc-theme.account-reference .profile-hero-avatar :is(img, .avatar-initials) { border: 3px solid #fff; box-shadow: 0 0 0 1px #dce5e9; }
body.wc-theme.account-reference .profile-hero-avatar .avatar-initials { background: #ecfaff; color: #00aeef; font-size: 32px; }
body.wc-theme.account-reference .avatar-upload-overlay { background: #00aeef; box-shadow: none; }
body.wc-theme.account-reference .profile-hero-name { font-size: 25px; font-weight: 600; }
body.wc-theme.account-reference .account-badge { background: #ecfaff; color: #168db8; border: 0; font-weight: 400; }
body.wc-theme.account-reference .profile-body { padding: 0 26px 26px; }
body.wc-theme.account-reference .profile-section { padding: 24px 0; margin: 0; border: 0; border-bottom: 1px solid #edf1f3; border-radius: 0; background: #fff; }
body.wc-theme.account-reference .profile-section-title { padding: 0; margin-bottom: 22px; border: 0; font-size: 17px; font-weight: 500; }
body.wc-theme.account-reference .profile-section-title i { color: #168db8; background: #effbff; }
body.wc-theme.account-reference .card.border-0 { background: #f5fbfe !important; border: 1px solid #d9edf5 !important; border-radius: 12px; box-shadow: none; }
body.wc-theme.account-reference .prefs-table { border-color: #edf1f3; border-radius: 10px; }
body.wc-theme.account-reference .prefs-table thead th { padding: 14px 16px; background: #f6f8fa; color: #514a5d; font-size: 12px; font-weight: 500; }
body.wc-theme.account-reference .prefs-table :is(td, th) { border-inline: 0; border-color: #edf1f3; }
body.wc-theme.account-reference .prefs-table td { padding: 17px 16px; }
body.wc-theme.account-reference .prefs-table td .fw-bold { font-weight: 500 !important; color: #25212d; font-size: 14px; }
body.wc-theme.account-reference .prefs-table td .small { margin-top: 4px; font-size: 12px; line-height: 1.6; }
body.wc-theme.account-reference .form-switch .form-check-input:checked { background-color: #00aeef; border-color: #00aeef; }
body.wc-theme.account-reference .form-check-input:focus { border-color: #75c2df; box-shadow: 0 0 0 3px #00aeef12; }
body.wc-theme.account-reference .device-list { gap: 12px; }
body.wc-theme.account-reference .device-card { padding: 20px; border: 1px solid #e8e5ec; border-radius: 12px; background: #fff; box-shadow: none; }
body.wc-theme.account-reference .device-card:hover { border-color: #b9dbe7; box-shadow: none; }
body.wc-theme.account-reference .device-card.is-current { border-color: #c0e7f5; background: #f5fbfe; }
body.wc-theme.account-reference .device-card .device-icon { color: #168db8; background: #effbff; border-radius: 12px; }
body.wc-theme.account-reference .device-title { color: #25212d; font-size: 14px; font-weight: 500; }
body.wc-theme.account-reference .device-meta { color: #78717f; font-size: 12px; line-height: 1.8; }
body.wc-theme.account-reference .device-card .badge { padding: 5px 8px; border-radius: 6px; font-weight: 400; }
body.wc-theme.account-reference .device-card .badge.bg-success { background: #e9f6ef !important; color: #287f60; }
body.wc-theme.account-reference .list-group-item { padding: 18px; border-color: #e8e5ec; background: #fff; }
body.wc-theme.account-reference .list-group-item:hover { background: #f9fbfc; }
body.wc-theme.account-reference .list-group-item .fw-bold { font-weight: 500 !important; }
body.wc-theme.account-reference .text-center.py-5 { padding-block: 64px !important; font-size: 14px; line-height: 1.8; }
body.wc-theme.account-reference .text-center.py-5 > i { color: #75c2df; font-size: 36px; }
body.wc-theme.account-reference .modal-content { border: 1px solid #e8e5ec; border-radius: 16px; box-shadow: 0 16px 60px #202f3426; }
body.wc-theme.account-reference .modal-header,
body.wc-theme.account-reference .modal-footer { background: #fff; border-color: #edf1f3; }
body.wc-theme.account-reference .modal-title { font-weight: 500; }
body.wc-theme.account-reference .listing-col-5 { flex: 0 0 33.333333%; width: 33.333333%; max-width: 33.333333%; }
body.wc-theme.account-reference .listing-card.marketplace-card { display: flex !important; flex-direction: column; padding: 0; overflow: hidden; border: 1px solid #e8e5ec; border-radius: 16px; background: #fff; box-shadow: 0 2px 6px #202f3407; }
body.wc-theme.account-reference .listing-card.marketplace-card:hover { transform: none; border-color: #b9dbe7; box-shadow: 0 5px 16px #202f340b; }
body.wc-theme.account-reference .listing-card.marketplace-card .img-wrap { width: 100%; height: auto; aspect-ratio: 5 / 3; margin: 0; border-radius: 15px 15px 0 0; background: #f9fbfc; }
body.wc-theme.account-reference .listing-card.marketplace-card .img-wrap img { width: 100%; height: 100%; object-fit: cover; transform: none; }
body.wc-theme.account-reference .listing-card.marketplace-card .fav-btn { inset: 9px auto auto 9px; width: 33px; height: 33px; border: 1px solid #e8e5ec; border-radius: 50%; background: #fff; color: #514a5d; box-shadow: none; font-size: 15px; }
body.wc-theme.account-reference .listing-card.marketplace-card .fav-btn.active { color: #00aeef; }
body.wc-theme.account-reference .listing-card.marketplace-card .body { flex: 1; padding: 15px; }
body.wc-theme.account-reference .listing-card.marketplace-card .title { color: #25212d; font-size: 14px; font-weight: 500; line-height: 1.5; min-height: 0; margin-bottom: 10px; }
body.wc-theme.account-reference .listing-card.marketplace-card .price { padding: 0; margin: 0 0 12px; border: 0; color: #25212d; background: transparent; box-shadow: none; font-size: 17px; font-weight: 600; }
body.wc-theme.account-reference .listing-card.marketplace-card .specs { margin: 0; color: #78717f; font-size: 12px; font-weight: 400; }
body.wc-theme.account-reference .marketplace-card-footer { min-height: 40px; padding: 10px 15px; border-top: 1px solid #edf1f3; color: #78717f; font-size: 12px; }
body.wc-theme.account-reference .marketplace-card-footer i { margin-inline-end: 4px; }
@media (max-width: 1199.98px) {
    body.wc-theme.account-reference .listing-col-5 { flex-basis: 50%; width: 50%; max-width: 50%; }
}
@media (max-width: 767.98px) {
    body.wc-theme.account-reference main > .container { padding-top: 20px !important; }
    body.wc-theme.account-reference .col-md-9 > .card.p-4 { padding: 18px !important; }
    body.wc-theme.account-reference .page-head { flex-wrap: wrap; gap: 12px; padding-bottom: 18px; }
    body.wc-theme.account-reference .page-head-text { flex: 1; }
    body.wc-theme.account-reference .page-head-text h1 { font-size: 21px; }
    body.wc-theme.account-reference .page-head-actions { width: 100%; margin: 0; }
    body.wc-theme.account-reference .page-head-actions .btn { width: 100%; }
    body.wc-theme.account-reference .profile-hero { padding: 22px 18px; }
    body.wc-theme.account-reference .profile-body { padding: 0 18px 22px; }
    body.wc-theme.account-reference .profile-hero-inner { align-items: center; }
    body.wc-theme.account-reference .profile-hero-avatar { margin-top: 0; }
    body.wc-theme.account-reference .prefs-table { border: 0; }
    body.wc-theme.account-reference .prefs-table tr { border-color: #e8e5ec; border-radius: 10px; background: #fff; }
    body.wc-theme.account-reference .prefs-table td { padding: 0; }
    body.wc-theme.account-reference .prefs-table td.text-center { padding: 10px 12px; background: #f6fafc; border-radius: 8px; }
    body.wc-theme.account-reference .device-card { padding: 16px; gap: 12px; }
    body.wc-theme.account-reference .device-card .device-head { flex-wrap: wrap; gap: 10px; }
    body.wc-theme.account-reference .device-card .device-icon { width: 38px; height: 38px; flex-shrink: 0; font-size: 18px; }
    body.wc-theme.account-reference .device-title { line-height: 1.8; }
}
@media (max-width: 575.98px) {
    body.wc-theme.account-reference .listing-col-5 { flex-basis: 100%; width: 100%; max-width: 100%; }
}

/* Favorites use an open layout and compact two-column cards on phones. */
@media (max-width: 575.98px) {
    body.wc-theme.account-reference.page-favorites .favorites-grid { --bs-gutter-x: 10px; --bs-gutter-y: 12px; }
    body.wc-theme.account-reference.page-favorites .favorites-grid > .listing-col-5 { flex: 0 0 50%; width: 50%; max-width: 50%; min-width: 0; }
    body.wc-theme.account-reference.page-favorites .listing-card.marketplace-card { min-width: 0; border-radius: 12px; }
    body.wc-theme.account-reference.page-favorites .listing-card.marketplace-card .img-wrap { border-radius: 11px 11px 0 0; }
    body.wc-theme.account-reference.page-favorites .listing-card.marketplace-card .body { padding: 10px; }
    body.wc-theme.account-reference.page-favorites .listing-card.marketplace-card .title { font-size: 13px; margin-bottom: 7px; overflow-wrap: anywhere; }
    body.wc-theme.account-reference.page-favorites .listing-card.marketplace-card .price { font-size: 15px; margin-bottom: 8px; overflow-wrap: anywhere; }
    body.wc-theme.account-reference.page-favorites .listing-card.marketplace-card .specs { font-size: 11px; flex-wrap: wrap; }
    body.wc-theme.account-reference.page-favorites .marketplace-card-footer { padding: 9px 10px; font-size: 11px; overflow-wrap: anywhere; }
}