/* ============================================================
   THEME SWITCHER - Dark / Light / System Mode
   ============================================================ */

/* Theme Switcher Buttons */
.theme-switcher-wrap {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: rgba(255,255,255,0.08);
    border-radius: 25px;
    padding: 3px;
    border: 1px solid rgba(255,255,255,0.1);
}
.theme-btn {
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.5);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    padding: 0;
}
.theme-btn:hover {
    color: #fff;
    background: rgba(0,140,255,0.2);
}
.theme-btn.active {
    color: #fff;
    background: rgba(0,140,255,0.4);
    box-shadow: 0 0 10px rgba(0,140,255,0.3);
}

/* Language Switcher */
.lang-switcher {
    display: inline-flex;
    align-items: center;
}
.lang-select {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 75px;
}
.lang-select option {
    background: #1a1a2e;
    color: #fff;
}
.lang-select:hover {
    border-color: rgba(0,140,255,0.3);
}

/* ============================================================
   LIGHT MODE OVERRIDES
   ============================================================ */
body.light-scheme {
    background-color: #f5f7fa !important;
    color: #333 !important;
}

body.light-scheme #wrapper {
    background-color: #f5f7fa !important;
}

body.light-scheme header {
    background: rgba(255,255,255,0.95) !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.08);
}
body.light-scheme header.header-scroll {
    background: rgba(255,255,255,0.98) !important;
}

body.light-scheme #topbar {
    background: #1a1a2e !important;
}

body.light-scheme #mainmenu a {
    color: #333 !important;
}
body.light-scheme #mainmenu a:hover,
body.light-scheme #mainmenu a.active {
    color: #0066cc !important;
}

body.light-scheme .theme-switcher-wrap {
    background: rgba(0,0,0,0.06);
    border-color: rgba(0,0,0,0.1);
}
body.light-scheme .theme-btn {
    color: rgba(0,0,0,0.4);
}
body.light-scheme .theme-btn:hover {
    color: #333;
    background: rgba(0,140,255,0.1);
}
body.light-scheme .theme-btn.active {
    color: #fff;
    background: #0066cc;
}

body.light-scheme .lang-select {
    background: rgba(0,0,0,0.05);
    border-color: rgba(0,0,0,0.1);
    color: #333;
}
body.light-scheme .lang-select option {
    background: #fff;
    color: #333;
}

/* Content areas */
body.light-scheme .bg-dark-2,
body.light-scheme .bg-dark {
    background: #fff !important;
    color: #333 !important;
    border: 1px solid rgba(0,0,0,0.06);
}

body.light-scheme section {
    color: #333;
}

body.light-scheme h1, body.light-scheme h2, body.light-scheme h3,
body.light-scheme h4, body.light-scheme h5, body.light-scheme h6 {
    color: #1a1a2e !important;
}

body.light-scheme p,
body.light-scheme span,
body.light-scheme li,
body.light-scheme div {
    color: #555;
}

body.light-scheme .text-light,
body.light-scheme .text-white {
    color: #333 !important;
}

body.light-scheme a {
    color: #0066cc;
}
body.light-scheme a:hover {
    color: #004499;
}
body.light-scheme a.text-white {
    color: #1a1a2e !important;
}

/* Footer */
body.light-scheme footer {
    background: #1a1a2e !important;
    color: #ccc !important;
}
body.light-scheme footer h5,
body.light-scheme footer .fw-bold {
    color: #fff !important;
}
body.light-scheme footer a {
    color: #aab !important;
}
body.light-scheme footer p,
body.light-scheme footer span,
body.light-scheme footer li,
body.light-scheme footer div {
    color: #aab !important;
}

body.light-scheme .subfooter {
    background: rgba(0,0,0,0.2) !important;
    color: #999 !important;
}

/* Cards / special sections */
body.light-scheme .expert-card,
body.light-scheme .service-detail-card,
body.light-scheme .trust-card {
    background: #fff !important;
    border-color: rgba(0,0,0,0.08) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
body.light-scheme .expert-card:hover,
body.light-scheme .service-detail-card:hover,
body.light-scheme .trust-card:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

body.light-scheme .expert-quote {
    color: #555 !important;
    border-left-color: rgba(0,102,204,0.4) !important;
}
body.light-scheme .expert-name {
    color: #1a1a2e !important;
}
body.light-scheme .expert-title {
    color: #666 !important;
}
body.light-scheme .expert-tag {
    background: rgba(0,102,204,0.06) !important;
    border-color: rgba(0,102,204,0.15) !important;
    color: #0066cc !important;
}
body.light-scheme .expert-badge {
    background: rgba(0,102,204,0.08) !important;
    border-color: rgba(0,102,204,0.2) !important;
    color: #0066cc !important;
}

body.light-scheme .sw-overlay {
    background: rgba(0,0,0,0.3) !important;
}

body.light-scheme .bg-color {
    background-color: #0066cc !important;
}

body.light-scheme .btn-main {
    background: #0066cc !important;
    color: #fff !important;
}
body.light-scheme .btn-main:hover {
    background: #004499 !important;
}

body.light-scheme .de-count h3 {
    color: #0066cc !important;
}

body.light-scheme .triangle-bottomright-dark,
body.light-scheme .triangle-bottomright-dark-half {
    border-bottom-color: #f5f7fa !important;
}

/* Infra items in light */
body.light-scheme .infra-item {
    background: rgba(0,0,0,0.02) !important;
    border-color: rgba(0,0,0,0.06) !important;
}
body.light-scheme .infra-item:hover {
    background: rgba(0,102,204,0.03) !important;
    border-color: rgba(0,102,204,0.15) !important;
}
body.light-scheme .infra-item h6 {
    color: #1a1a2e !important;
}
body.light-scheme .infra-item p {
    color: #666 !important;
}

/* Cert badges in light */
body.light-scheme .cert-badge {
    background: #fff !important;
    border-color: rgba(0,0,0,0.08) !important;
}

/* Extra wrap / sidebar */
body.light-scheme #extra-wrap {
    background: #1a1a2e !important;
}

/* Logo */
body.light-scheme .logo-main,
body.light-scheme .logo-scroll {
    filter: brightness(0.2);
}

/* Section backgrounds for light */
body.light-scheme .expert-testimonial-section,
body.light-scheme .trust-section {
    background: linear-gradient(135deg, #eef2f7 0%, #f5f7fa 50%, #eef2f7 100%) !important;
}

body.light-scheme .service-number {
    color: rgba(0,102,204,0.08) !important;
}

body.light-scheme .arch-node {
    background: rgba(0,102,204,0.06) !important;
    border-color: rgba(0,102,204,0.2) !important;
    color: #0066cc !important;
}

body.light-scheme .process-step {
    border-left-color: rgba(0,102,204,0.2) !important;
}

@media (max-width: 768px) {
    .theme-switcher-wrap {
        display: none;
    }
    .lang-switcher {
        display: none;
    }
}