/* ============================================
   DARK MODE STYLES - DIESELNET
   ============================================ */

/* --- DARK MODE VARIABLES --- */
body.dark-mode {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --border-color: #334155;
    --card-bg: #1e293b;
    --navbar-bg: rgba(15, 23, 42, 0.98);
}

/* --- BODY & GENERAL --- */
body.dark-mode {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* --- NAVBAR --- */
body.dark-mode .navbar {
    background: rgba(15, 23, 42, 0.98);
    border-bottom-color: rgba(30, 144, 255, 0.2);
}

body.dark-mode .navbar nav a {
    color: var(--text-secondary);
}

body.dark-mode .navbar nav a:hover {
    color: var(--text-primary);
}

body.dark-mode .navbar nav a.activ {
    color: #ffffff;
}

/* --- HERO SECTION --- */
body.dark-mode .hero-slider .slide img {
    filter: brightness(0.4);
}

body.dark-mode .text-peste-slide h1,
body.dark-mode .text-peste-slide p {
    color: #ffffff;
}

/* --- SECTIONS --- */
body.dark-mode .sectiune-servicii,
body.dark-mode .sectiune-despre,
body.dark-mode .sectiune-galerie,
body.dark-mode .sectiune-blog,
body.dark-mode .sectiune-promotii,
body.dark-mode .sectiune-recenzii,
body.dark-mode .sectiune-parteneri,
body.dark-mode .sectiune-contact {
    background: var(--bg-secondary);
}

body.dark-mode .sectiune-contoare {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

/* --- TITLES --- */
body.dark-mode .titlu-sectiune h2 {
    color: var(--text-primary);
}

body.dark-mode .titlu-sectiune p {
    color: var(--text-secondary);
}

/* --- CARDS --- */
body.dark-mode .serviciu-card,
body.dark-mode .despre-card,
body.dark-mode .blog-card,
body.dark-mode .promo-card,
body.dark-mode .testimonial-card,
body.dark-mode .partener-card {
    background: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .serviciu-card:hover,
body.dark-mode .blog-card:hover,
body.dark-mode .promo-card:hover {
    background: var(--bg-tertiary);
    box-shadow: 0 10px 40px rgba(30, 144, 255, 0.2);
}

body.dark-mode .serviciu-card h3,
body.dark-mode .blog-card h3,
body.dark-mode .promo-card h3 {
    color: var(--text-primary);
}

body.dark-mode .serviciu-card p,
body.dark-mode .blog-card p,
body.dark-mode .promo-card p {
    color: var(--text-secondary);
}

body.dark-mode .serviciu-card .serviciu-icon {
    background: linear-gradient(135deg, rgba(30, 144, 255, 0.2) 0%, rgba(0, 212, 255, 0.2) 100%);
    color: #00d4ff;
}

/* --- DESPRE SECTION --- */
body.dark-mode .despre-punct {
    background: var(--card-bg);
    border-color: var(--border-color);
}

body.dark-mode .despre-punct strong {
    color: var(--text-primary);
}

body.dark-mode .despre-icon {
    background: linear-gradient(135deg, rgba(30, 144, 255, 0.2) 0%, rgba(0, 212, 255, 0.2) 100%);
    color: #00d4ff;
}

/* --- COUNTERS --- */
body.dark-mode .contor-card {
    background: rgba(30, 144, 255, 0.1);
    border-color: rgba(30, 144, 255, 0.3);
}

body.dark-mode .contor-numar {
    color: #00d4ff;
}

body.dark-mode .contor-eticheta {
    color: var(--text-secondary);
}

/* --- TEAM --- */
body.dark-mode .membru-card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

body.dark-mode .membru-nume {
    color: var(--text-primary);
}

body.dark-mode .membru-rol {
    color: var(--text-secondary);
}

body.dark-mode .membru-overlay {
    background: linear-gradient(135deg, rgba(30, 144, 255, 0.95) 0%, rgba(0, 212, 255, 0.95) 100%);
}

/* --- FAQ --- */
body.dark-mode .faq-item {
    background: var(--card-bg);
    border-color: var(--border-color);
}

body.dark-mode .faq-intrebare {
    color: var(--text-primary);
}

body.dark-mode .faq-raspuns {
    color: var(--text-secondary);
}

body.dark-mode .faq-item.activ {
    border-color: #1e90ff;
    background: var(--bg-tertiary);
}

body.dark-mode .faq-item.activ .faq-intrebare {
    color: #00d4ff;
}

/* --- GALLERY --- */
body.dark-mode .galerie-item {
    background: var(--card-bg);
}

body.dark-mode .galerie-overlay {
    background: linear-gradient(135deg, rgba(30, 144, 255, 0.9) 0%, rgba(0, 212, 255, 0.9) 100%);
}

/* --- BLOG --- */
body.dark-mode .blog-meta {
    color: var(--text-tertiary);
}

body.dark-mode .blog-tag {
    background: rgba(30, 144, 255, 0.2);
    color: #00d4ff;
}

/* --- PROMOTIONS --- */
body.dark-mode .promo-badge {
    background: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);
}

body.dark-mode .promo-pret-vechi {
    color: var(--text-tertiary);
}

body.dark-mode .promo-pret-nou {
    color: #00ff87;
}

/* --- TESTIMONIALS --- */
body.dark-mode .testimonial-card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

body.dark-mode .testimonial-text {
    color: var(--text-secondary);
}

body.dark-mode .testimonial-autor strong {
    color: var(--text-primary);
}

body.dark-mode .testimonial-rating i {
    color: #feca57;
}

/* --- PARTNERS --- */
body.dark-mode .parteneri-tab-link {
    background: var(--card-bg);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

body.dark-mode .parteneri-tab-link.activ {
    background: linear-gradient(135deg, #1e90ff 0%, #00d4ff 100%);
    color: white;
}

body.dark-mode .partener-logo {
    background: var(--card-bg);
    border-color: var(--border-color);
}

/* --- CONTACT --- */
body.dark-mode .contact-coloana-stanga,
body.dark-mode .contact-coloana-dreapta {
    background: var(--card-bg);
}

body.dark-mode .contact-info-item {
    color: var(--text-secondary);
}

body.dark-mode .contact-info-item i {
    color: #00d4ff;
}

/* --- FORMS --- */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: var(--text-tertiary);
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    border-color: #1e90ff;
    background: var(--card-bg);
}

/* --- FOOTER --- */
body.dark-mode footer {
    background: var(--bg-primary);
    border-top-color: var(--border-color);
}

body.dark-mode footer h3 {
    color: var(--text-primary);
}

body.dark-mode footer p,
body.dark-mode footer a {
    color: var(--text-secondary);
}

body.dark-mode footer a:hover {
    color: #00d4ff;
}

/* --- BUTTONS --- */
body.dark-mode .buton-programare:not(.buton-contact) {
    background: linear-gradient(135deg, #1e90ff 0%, #00d4ff 100%);
}

body.dark-mode .buton-secondary {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

body.dark-mode .buton-secondary:hover {
    background: var(--card-bg);
    border-color: #1e90ff;
}

/* --- MEGA MENU --- */
body.dark-mode .mega-meniu {
    background: rgba(15, 23, 42, 0.98);
    border-color: rgba(30, 144, 255, 0.3);
}

body.dark-mode .coloana-megameniu h3 {
    color: #00d4ff;
    border-bottom-color: rgba(30, 144, 255, 0.3);
}

body.dark-mode .coloana-megameniu a {
    color: var(--text-secondary);
}

body.dark-mode .coloana-megameniu a:hover {
    background: rgba(30, 144, 255, 0.15);
    color: var(--text-primary);
}

/* --- DROPDOWN --- */
body.dark-mode .dropdown-menu {
    background: rgba(15, 23, 42, 0.98);
    border-color: rgba(30, 144, 255, 0.3);
}

body.dark-mode .dropdown-menu a {
    color: var(--text-secondary);
}

body.dark-mode .dropdown-menu a:hover {
    background: rgba(30, 144, 255, 0.15);
    color: var(--text-primary);
}

/* --- SEARCH --- */
body.dark-mode #publicSearch {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-secondary);
    border-color: rgba(30, 144, 255, 0.3);
}

body.dark-mode #publicSearch:focus {
    background: rgba(255, 255, 255, 0.1);
    border-color: #1e90ff;
}

body.dark-mode #publicSearchResults {
    background: rgba(15, 23, 42, 0.98);
    border-color: rgba(30, 144, 255, 0.3);
}

body.dark-mode #publicSearchResults div {
    color: var(--text-secondary);
    border-bottom-color: rgba(30, 144, 255, 0.1);
}

body.dark-mode #publicSearchResults div:hover {
    background: rgba(30, 144, 255, 0.15);
    color: var(--text-primary);
}

/* --- ACCOUNT SUBNAV --- */
body.dark-mode .account-subnav {
    background: rgba(30, 144, 255, 0.05);
    border-bottom-color: rgba(30, 144, 255, 0.2);
}

body.dark-mode .account-subnav a {
    color: var(--text-secondary);
}

body.dark-mode .account-subnav a:hover {
    color: #00d4ff;
    background: rgba(30, 144, 255, 0.15);
}

body.dark-mode .account-subnav a.activ {
    color: #00d4ff;
    background: rgba(30, 144, 255, 0.2);
}

/* --- MODALS --- */
body.dark-mode .modal-overlay {
    background: rgba(0, 0, 0, 0.85);
}

body.dark-mode .modal-box {
    background: var(--card-bg);
    border-color: var(--border-color);
}

body.dark-mode .modal-header {
    border-bottom-color: var(--border-color);
}

body.dark-mode .modal-close {
    color: var(--text-secondary);
}

body.dark-mode .modal-close:hover {
    color: var(--text-primary);
}

/* --- TABLES --- */
body.dark-mode table {
    background: var(--card-bg);
    border-color: var(--border-color);
}

body.dark-mode thead {
    background: var(--bg-tertiary);
}

body.dark-mode th {
    color: var(--text-primary);
    border-color: var(--border-color);
}

body.dark-mode td {
    color: var(--text-secondary);
    border-color: var(--border-color);
}

body.dark-mode tr:hover {
    background: var(--bg-tertiary);
}

/* --- BADGES --- */
body.dark-mode .badge {
    background: rgba(30, 144, 255, 0.2);
    color: #00d4ff;
}

body.dark-mode .badge-success {
    background: rgba(0, 255, 135, 0.2);
    color: #00ff87;
}

body.dark-mode .badge-warning {
    background: rgba(255, 107, 107, 0.2);
    color: #ff6b6b;
}

/* --- SCROLLBAR --- */
body.dark-mode ::-webkit-scrollbar {
    width: 12px;
    background: var(--bg-primary);
}

body.dark-mode ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #1e90ff 0%, #00d4ff 100%);
    border-radius: 6px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #00d4ff 0%, #1e90ff 100%);
}

/* --- TRANSITIONS --- */
body.dark-mode,
body.dark-mode * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Exclude elements that have their own transitions */
body.dark-mode a,
body.dark-mode button,
body.dark-mode .serviciu-card,
body.dark-mode .blog-card,
body.dark-mode .promo-card {
    transition: all 0.3s ease;
}

/* --- DARK MODE TOGGLE BUTTON --- */
body.dark-mode .dark-mode-toggle {
    background: linear-gradient(135deg, rgba(30, 144, 255, 0.2) 0%, rgba(0, 212, 255, 0.2) 100%);
    border-color: rgba(30, 144, 255, 0.4);
}

body.dark-mode .dark-mode-toggle:hover {
    background: linear-gradient(135deg, rgba(30, 144, 255, 0.3) 0%, rgba(0, 212, 255, 0.3) 100%);
    border-color: #1e90ff;
}

/* --- CTA SECTION --- */
body.dark-mode .sectiune-cta {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

body.dark-mode .cta-container {
    background: rgba(30, 144, 255, 0.1);
    border-color: rgba(30, 144, 255, 0.3);
}

/* --- BACK TO TOP --- */
body.dark-mode .back-to-top {
    background: linear-gradient(135deg, #1e90ff 0%, #00d4ff 100%);
}

/* --- LOADING STATES --- */
body.dark-mode .loading-spinner {
    border-color: var(--bg-tertiary);
    border-top-color: #1e90ff;
}

/* --- TOOLTIPS --- */
body.dark-mode .tooltip {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 768px) {
    body.dark-mode nav {
        background: rgba(15, 23, 42, 0.98);
    }
}