/* ============================================================================
   styles-light.css
   Stiluri SPECIFICE pentru tema LIGHT
============================================================================ */

body {
    background: linear-gradient(to bottom, #f8f9fa, #e0e7ff);
    color: #212529;
    min-height: 100vh;
    transition: background 0.6s ease, color 0.6s ease;
}

.subtitle-text {
    color: #555;
}

.user-info {
    color: #212529;
}

.user-avatar-square {
    background-color: #eee;
    border: 3px solid #ccc;
}

.dropdown-menu {
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(255, 255, 255, 1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

.dropdown-item:hover {
    background: rgba(225, 225, 225, 0.75);
}

.sidebar {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.08),
        0 2px 12px rgba(0, 0, 0, 0.04);
}

/* Profil */
.profile .avatar {
    background: linear-gradient(135deg, #6366f1, #8b5cf6); /* violet elegant în loc de albastru țipător */
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25);
}

/* Link-uri navigație */
.nav-link-cont {
    color: #1f2937 !important;
}

.nav-link-cont:hover,
.nav-link-cont.active {
    background: rgba(99, 102, 241, 0.08) !important;
    color: #4f46e5 !important;
}

/* Deconectare */
.nav-link-cont.text-danger-hover:hover {
    background: rgba(239, 68, 68, 0.08) !important;
    color: #ef4444 !important;
}


.nav-tabs {
    border-bottom-color: #ccc;
    background-color: transparent;
}

.nav-tabs .nav-link {
    color: #aaa;
    background-color: #fff;
    border-bottom-color: #ccc;
}

.nav-tabs .nav-link:hover {
    color: #111;
    background-color: #fff;
    border-color: #c1c1c1;
}

.nav-tabs .nav-link.active {
    color: #111 !important;
    background-color: #fcfcfc;
    border-color: #aaa;
    border-bottom-color: #fff;
}

.nav-tabs .nav-link:focus {
    box-shadow: 0 0 0 0.1rem rgba(175, 206, 255, 0.17);
    color: #111;
}

.nav-tabs .nav-link.active::after {
    background-color: #fff;
}

.badge-cont {
    border: 1px solid rgba(0,0,0,0.06);
}

.bi-question-circle:hover {
    color: #6c757d !important;
}

.timeline::before {
    background: #dee2e6;
}

.product-card {
    background: #fff;
    border: 1px solid #e9ecef;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.product-card:hover {
    box-shadow: 0 20px 40px rgba(13, 110, 253, 0.15);
}

.product-card.disabled {
    background: #f8f9fa;
    border: 1px dashed #dee2e6;
    opacity: 0.65;
}

.product-card.disabled .product-icon {
    color: #adb5bd;
}

.product-card.disabled h3 {
    color: #6c757d;
}

.product-card h3 {
    color: #212529;
}

.coming-soon {
    background: #e9ecef;
    color: #6c757d;
}

.article-card {
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.article-title {
    color: #212529;
}

.article-excerpt {
    color: #6c757d;
}

.article-date {
    color: #999;
}

.glass-card {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(12px);
}

.hero-search {
border:1px solid #e9ecef
}

.hero-search .btn-primary {
background:#0d6efd;
border:none
}

.hero-search .btn-primary:hover {
background:#0b5ed7
}

.hero-header {
background:linear-gradient(135deg,#0d6efd 0%,#6610f2 100%);
color:#fff;
padding:5rem 0 4rem;
text-align:center
}

.modal-backdrop {
    background: rgba(255, 255, 255, 0.02) !important;
    backdrop-filter: blur(4px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(4px) saturate(180%) !important;
}

.modal-content {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    color: #212529;
}

.nav-tabs {
    border-bottom-color: #ccc;
}

.nav-tabs .nav-link {
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #ccc;
}

.nav-tabs .nav-link:hover {
    color: #0d6efd;
    border-color: #dee2e6 #dee2e6 #adb5bd;
}

.nav-tabs .nav-link.active {
    color: #212529 !important;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom-color: #fff;
}

.logo-marquee-wrapper::before {
    background: linear-gradient(to right, rgba(228, 234, 253, 0.45) 0%, rgba(228, 234, 253, 0.32) 30%, rgba(228, 234, 253, 0) 100%);
}

.logo-marquee-wrapper::after {
    background: linear-gradient(to left, rgba(228, 234, 253, 0.45) 0%, rgba(228, 234, 253, 0.32) 30%, rgba(228, 234, 253, 0) 100%);
}

.section-title {
    color: #212529;
}

.custom-tooltip .tooltip-inner {
    background-color: #343a40 !important;
    color: #e9ecef !important;
}

.custom-tooltip .tooltip-arrow::before {
    border-bottom-color: #343a40 !important;
}

.footer-link {
    color: white !important;
}

.footer-link:hover {
    color: var(--bs-secondary) !important; /* gri (text-secondary) */
}

.footer-link:focus {
    outline: 2px solid var(--bs-secondary);
}

.subtitle-text {
    color: #555;
}

.total-tabel {
    border-top: 3px solid #e0e0e0 !important;
    border-bottom: 3px solid #e0e0e0 !important;
}