/* ==========================================================================
   Media Expres - Dark Theme (Mod Întunecat)
   Design System: Luxury Slate & Deep Navy Palette
   ========================================================================== */

/* 1. Tranzitie lina intre teme */
html, body, .topnav, .site-header-top, .article-card, .search-container input, .lang-switcher, .theme-toggle-btn {
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

/* 2. Buton Switcher Tema (Header) */
.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f0f4f8;
    border: 1px solid #b8ccd9;
    border-radius: 14px;
    height: 26px;
    min-width: 32px;
    padding: 0 8px;
    margin-left: 6px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1;
    color: #1e3a8a;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
}

.theme-toggle-btn:hover {
    background: #d8e5ee;
    border-color: #0076b0;
    transform: scale(1.08);
}

.theme-toggle-btn:focus-visible {
    outline: 2px solid #0076b0;
    outline-offset: 1px;
}

.theme-toggle-btn .theme-icon {
    display: inline-block;
    transition: transform 0.3s ease;
}

.theme-toggle-btn:hover .theme-icon {
    transform: rotate(15deg);
}

/* Buton Switcher in Dark Mode */
.dark-theme .theme-toggle-btn {
    background: #1e293b;
    border: 1px solid #475569;
    color: #facc15;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.dark-theme .theme-toggle-btn:hover {
    background: #334155;
    border-color: #facc15;
    box-shadow: 0 0 10px rgba(250, 204, 21, 0.35);
    transform: scale(1.08);
}

.dark-theme .theme-toggle-btn:focus-visible {
    outline: 2px solid #38bdf8;
}

/* 3. Global & Body in Dark Mode */
html.dark-theme,
html.dark-theme body {
    background-color: #0b1120 !important;
    color: #e2e8f0 !important;
}

.dark-theme body {
    color: #e2e8f0 !important;
}

/* 4. Header Top */
.dark-theme .site-header-top {
    background-color: #0b1120;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Logo container in dark mode - asigura un fundal discret, curat pentru logo-ul original */
.dark-theme .header-logo-box a {
    background: #ffffff;
    padding: 3px 8px;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
    display: inline-block;
}

.dark-theme .header-user-actions .header-link {
    color: #93c5fd !important;
}

.dark-theme .header-user-actions .header-link:hover {
    color: #bfdbfe !important;
}

.dark-theme .header-user-actions .header-btn-register {
    color: #f87171 !important;
}

.dark-theme .header-user-actions .header-btn-register:hover {
    color: #fca5a5 !important;
}

.dark-theme .header-date-info {
    color: #94a3b8 !important;
}

/* Selector Limba in Dark Mode */
.dark-theme .lang-switcher {
    background: #1e293b !important;
    border: 1px solid #475569 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .lang-btn {
    color: #cbd5e1 !important;
}

.dark-theme .lang-btn:hover {
    background: #334155 !important;
    color: #f8fafc !important;
}

.dark-theme .lang-btn.lang-active {
    background: #0284c7 !important;
    color: #ffffff !important;
}

.dark-theme .lang-separator {
    color: #64748b !important;
}

/* 5. Bara de Navigare (Topnav) */
.dark-theme .topnav {
    background-color: #0c1d2e !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
    border-radius: 6px;
    overflow: hidden;
}

.dark-theme .nav-main-section {
    background-color: #091726 !important;
    border-bottom: 1px solid #1e293b !important;
}

.dark-theme .nav-primary-buttons a.active,
.dark-theme .btn-webservices {
    background-color: #dc2626 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.3);
}

.dark-theme .nav-primary-buttons a.active:hover,
.dark-theme .btn-webservices:hover {
    background-color: #b91c1c !important;
    color: #ffffff !important;
}

.dark-theme .nav-categories-section {
    background-color: #0d223a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.dark-theme .nav-categories-section a {
    color: #cbd5e1 !important;
}

.dark-theme .nav-categories-section a:hover {
    background-color: #1e3a5f !important;
    color: #38bdf8 !important;
}

.dark-theme .nav-categories-section a.active {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}

.dark-theme .nav-secondary-section {
    background-color: #07121e !important;
}

.dark-theme .nav-secondary-section a {
    color: #94a3b8 !important;
}

.dark-theme .nav-secondary-section a:hover {
    color: #f1f5f9 !important;
}

.dark-theme .search-container input[type="text"] {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border: 1px solid #475569 !important;
    border-right: none !important;
}

.dark-theme .search-container input[type="text"]::placeholder {
    color: #94a3b8 !important;
}

.dark-theme .search-container input[type="text"]:focus {
    border-color: #38bdf8 !important;
    outline: none;
    box-shadow: 0 0 0 1px #38bdf8;
}

.dark-theme .search-container input[type="submit"] {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}

.dark-theme .search-container input[type="submit"]:hover {
    background-color: #b91c1c !important;
}

/* 6. Carduri de Stiri (News Cards) */
.dark-theme .article-card {
    background-color: #151e2e !important;
    border: 1px solid #23354d !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35) !important;
}

.dark-theme .article-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55) !important;
    border-color: #38bdf8 !important;
}

.dark-theme .article-card-img {
    border-right-color: #23354d !important;
}

.dark-theme .article-title a {
    color: #f1f5f9 !important;
}

.dark-theme .article-title a:hover,
.dark-theme .article-title a:active,
.dark-theme .article-title a:focus {
    color: #38bdf8 !important;
}

.dark-theme .article-meta {
    color: #94a3b8 !important;
}

.dark-theme .article-desc {
    color: #cbd5e1 !important;
}

.dark-theme .article-more {
    color: #38bdf8 !important;
}

.dark-theme .article-thumb-img {
    background-color: transparent !important;
}

@media (max-width: 768px) {
    .dark-theme .article-card {
        border-bottom: 4px solid #1e3a5f !important;
    }
    .dark-theme .article-card-img {
        border-bottom-color: #23354d !important;
    }
}

/* 7. Tipografie & Titluri */
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
.dark-theme h7 {
    color: #f8fafc !important;
}

.dark-theme a:link,
.dark-theme a:visited {
    color: #60a5fa;
}

.dark-theme a:hover,
.dark-theme a:active {
    color: #93c5fd;
}

.dark-theme a.l_tit_stir:link,
.dark-theme a.l_tit_stir:visited {
    color: #93c5fd !important;
}

.dark-theme a.l_tit_stir:hover {
    color: #38bdf8 !important;
}

.dark-theme a.l_tit_stir_on:link,
.dark-theme a.l_tit_stir_on:visited,
.dark-theme a.l_tit_stir_on:hover {
    color: #f87171 !important;
}

.dark-theme a.blink:link,
.dark-theme a.blink:visited,
.dark-theme a.blink:active {
    color: #f1f5f9 !important;
}

.dark-theme a.blink:hover {
    color: #38bdf8 !important;
}

.dark-theme .body_copy,
.dark-theme .body_copy a {
    color: #cbd5e1 !important;
}

.dark-theme TD.data_stire,
.dark-theme TD.stiri_taiate {
    color: #94a3b8 !important;
}

/* 8. Pagina Articol (articole.aspx) & Componente */
.dark-theme hr {
    border-top: 1px solid #334155 !important;
}

.dark-theme .btn-google-pref {
    background-color: #1e293b !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

.dark-theme .btn-google-pref:hover {
    background-color: #334155 !important;
    color: #ffffff !important;
}

.dark-theme .ztm-learning-link {
    color: #94a3b8 !important;
}

.dark-theme .ztm-learning-link a {
    color: #f87171 !important;
}

.dark-theme .ztm-learning-link a:hover {
    color: #fca5a5 !important;
}

/* Paywall Panel */
.dark-theme #panelPaywallGate,
.dark-theme [id$="panelPaywallGate"] {
    background: linear-gradient(135deg, #151e2e 0%, #1a293f 100%) !important;
    border: 1px solid #2b4365 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme #panelPaywallGate h3,
.dark-theme [id$="panelPaywallGate"] h3 {
    color: #f8fafc !important;
}

.dark-theme #panelPaywallGate p,
.dark-theme [id$="panelPaywallGate"] p {
    color: #cbd5e1 !important;
}

.dark-theme #panelPaywallGate div[style*="background-color: #ebf8ff"],
.dark-theme [id$="panelPaywallGate"] div[style*="background-color: #ebf8ff"] {
    background-color: #0f2742 !important;
    border-color: #3b82f6 !important;
}

.dark-theme #panelPaywallGate div[style*="color: #2b6cb0"],
.dark-theme [id$="panelPaywallGate"] div[style*="color: #2b6cb0"] {
    color: #60a5fa !important;
}

.dark-theme #panelPaywallGate div[style*="color: #4a5568"],
.dark-theme [id$="panelPaywallGate"] div[style*="color: #4a5568"] {
    color: #cbd5e1 !important;
}

.dark-theme #lnkPaywallRegister,
.dark-theme [id$="lnkPaywallRegister"] {
    background-color: #1e293b !important;
    color: #60a5fa !important;
    border-color: #3b82f6 !important;
}

.dark-theme #lnkPaywallSub,
.dark-theme [id$="lnkPaywallSub"] {
    background-color: #1e293b !important;
    color: #cbd5e1 !important;
    border-color: #475569 !important;
}

.dark-theme font[color="#08298A"],
.dark-theme font[color="#08298a"] {
    color: #93c5fd !important;
}

/* 9. Coloana Dreapta (Sidebar) */
.dark-theme .column_jos.right {
    color: #cbd5e1 !important;
}

.dark-theme .column_jos.right b {
    color: #f1f5f9 !important;
}

.dark-theme .column_jos.right mark {
    background-color: #1e3a5f !important;
    color: #38bdf8 !important;
    padding: 2px 4px;
    border-radius: 4px;
}

.dark-theme .column_jos.right a {
    color: #93c5fd !important;
}

@media only screen and (max-width: 900px) {
    .dark-theme .column_jos.right {
        border-top: 2px solid #1e3a5f !important;
    }
}

/* 10. Pagini Statice & Info Legale (info.aspx, termeni, confidentialitate etc.) */
.dark-theme div[style*="background: #f8fafc"],
.dark-theme div[style*="background:#f8fafc"] {
    background: #151e2e !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

.dark-theme div[style*="background: #f8fafc"] h3,
.dark-theme div[style*="background:#f8fafc"] h3 {
    color: #38bdf8 !important;
    border-bottom-color: #334155 !important;
}

/* 11. Formulare, Butoane & Tabele */
.dark-theme input[type="text"],
.dark-theme input[type="password"],
.dark-theme input[type="email"],
.dark-theme select,
.dark-theme textarea {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border: 1px solid #475569 !important;
    border-radius: 4px;
}

.dark-theme input[type="text"]:focus,
.dark-theme input[type="password"]:focus,
.dark-theme input[type="email"]:focus,
.dark-theme select:focus,
.dark-theme textarea:focus {
    border-color: #38bdf8 !important;
    outline: none;
    box-shadow: 0 0 0 1px #38bdf8;
}

.dark-theme .button3 {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border-color: #ef4444 !important;
}

.dark-theme .button3:hover {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

.dark-theme TD.tab_copr_m {
    background-color: #0f2742 !important;
    color: #ffffff !important;
}

.dark-theme TD.tab_copr_e {
    background-color: #151e2e !important;
    color: #93c5fd !important;
}

.dark-theme TD.srad_abon {
    background-color: #151e2e !important;
    color: #cbd5e1 !important;
}

.dark-theme TD.s_ob {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}