/* Sidebar-ul comun al secțiunii Contul meu (Pages/Account) */

/* Pe Mobil, .account-sidebar-col rămâne fără spațiu suplimentar deasupra */
@media (max-width: 767.98px) {
    .account-sidebar-col {
        margin-top: 0 !important;
    }
}

/* Card profil: albastru flat de brand */
.account-sidebar-profile {
    background-color: var(--color-bg-brand);
}

/* Avatar */
.account-sidebar-avatar {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
}

.account-sidebar-name {
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-l-size);
}

/* Buton editare profil (creion) */
.account-sidebar-edit {
    width: 1.5rem;
    height: 1.5rem;
    background: transparent;
    border: none;
    padding: 0;
}

.account-sidebar-member-since {
    font-size: var(--text-s-size);
    opacity: 0.85;
}

/* Pastilă nivel curent, vizibilă doar pe Mobil lângă numele contului */
.account-sidebar-tier-chip {
    background-color: rgba(255, 255, 255, 0.16);
    color: var(--color-content-inverse);
    font-weight: var(--font-weight-medium);
    font-size: var(--text-xs-size);
}

/* Sub-card sold puncte Evia, mai închis la culoare decât fundalul cardului de profil */
.account-sidebar-balance {
    background-color: rgba(16, 24, 40, 0.16);
}

.account-sidebar-balance-value {
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-m-size);
}

.account-sidebar-balance-equivalent {
    font-size: var(--text-s-size);
    opacity: 0.85;
}

.account-sidebar-progress-label {
    font-size: var(--text-s-size);
}

/* Bara de progres nativă Bootstrap, restilizată peste fundalul albastru al cardului */
.account-sidebar-progress-track.progress {
    --bs-progress-height: 0.5rem;
    --bs-progress-bg: rgba(255, 255, 255, 0.3);
    --bs-progress-border-radius: var(--radius-pill);
    --bs-progress-bar-bg: #FFFFFF;
}

/* Card cu lista de navigare a contului */
.account-sidebar-nav {
    border-color: var(--color-border-primary) !important;
    overflow: hidden;
}

/* Declanșator accordion "Meniu cont" (vizibil doar pe Mobil) */
.account-sidebar-nav-toggle {
    background: transparent;
    border: none;
    padding: 0.875rem 1rem;
    font-size: var(--text-m-size);
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
}

.account-sidebar-nav-chevron {
    transition: transform var(--transition-fast);
}

.account-sidebar-nav-toggle[aria-expanded="true"] .account-sidebar-nav-chevron {
    transform: rotate(180deg);
}

/* Pe Mobil: separă titlul de listă */
@media (max-width: 767.98px) {
    .account-sidebar-nav-collapse {
        border-top: 1px solid var(--color-border-primary);
    }
}

/* Pe Desktop/Tabletă: itemii rămân mereu vizibili */
@media (min-width: 768px) {
    .account-sidebar-nav-collapse {
        display: block !important;
        height: auto !important;
    }
}

.account-sidebar-nav-item {
    color: var(--color-content-primary);
    transition: background-color var(--transition-fast);
}

.account-sidebar-nav-item:hover {
    background-color: var(--color-bg-secondary);
}

/* Stare activă (pagina curentă din secțiunea Contul meu) */
.account-sidebar-nav-item-active {
    background-color: var(--color-bg-secondary);
    font-weight: var(--font-weight-semibold);
}

/* Buton de deconectare */
.account-sidebar-logout {
    padding: 0.75rem 1rem;
}