/* ==========================================================================
   TARR ÜGYFÉLKAPU - DARK MODE
   ========================================================================== */

[data-bs-theme="dark"] {
    /* 1. Alapváltozók kifordítása */
    --white: #1e1e1e; /* A kártyák és dobozok háttere sötétszürke lesz */
    --color3: #121212; /* Nagyon sötét háttér */
    --color4: #121212; /* Body háttér */
    --textColor1: #e0e0e0; /* Világos szöveg */
    --textColor2: #a0a0a0; /* Halványabb szöveg */
    
    /* Bootstrap alapváltozók felülírása */
    --bs-body-bg: #121212;
    --bs-body-color: #e0e0e0;
    --bs-border-color: #333333;
}

/* --- GLOBÁLIS HÁTTEREK ÉS SZÖVEGEK --- */
[data-bs-theme="dark"] body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

/* Fehér hátterek erőszakos felülírása sötétre */
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .bg-light {
    background-color: var(--white) !important;
    border-color: #333 !important;
}

/* Sötét szövegek világosítása */
[data-bs-theme="dark"] .text-dark-theme,
[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .fw-bold.text-dark-theme {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .text-muted {
    color: #a0a0a0 !important;
}

/* --- KÁRTYÁK, DOBOZOK, ACCORDIONOK --- */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .info-card,
[data-bs-theme="dark"] .service-card-container,
[data-bs-theme="dark"] .single-service-card,
[data-bs-theme="dark"] .settings-nav-card,
[data-bs-theme="dark"] .loginBox,
[data-bs-theme="dark"] .address-header,
[data-bs-theme="dark"] .card-header-white,
[data-bs-theme="dark"] .search-box-gray,
[data-bs-theme="dark"] .call-list-row,
[data-bs-theme="dark"] .channel-accordion-header,
[data-bs-theme="dark"] .channel-accordion-body,
[data-bs-theme="dark"] .service-accordion-header,
[data-bs-theme="dark"] .service-accordion-body,
[data-bs-theme="dark"] .decl-accordion-header,
[data-bs-theme="dark"] .decl-accordion-body,
[data-bs-theme="dark"] .declaration-row,
[data-bs-theme="dark"] .document-item,
[data-bs-theme="dark"] .mobiltv-user-card {
    background-color: var(--white) !important;
    border-color: #333 !important;
    color: var(--textColor1) !important;
}

/* Kártyák hover effektje sötét módban */
[data-bs-theme="dark"] .settings-nav-card:hover,
[data-bs-theme="dark"] .document-item:hover,
[data-bs-theme="dark"] .call-list-row:hover {
    background-color: #2b2b2b !important;
    border-color: #444 !important;
}

/* --- INPUT MEZŐK ÉS ŰRLAPOK --- */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .modal-input,
[data-bs-theme="dark"] .form-control-custom,
[data-bs-theme="dark"] .form-control-rounded {
    background-color: #2b2b2b !important;
    border-color: #444 !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #333 !important;
    border-color: var(--color1) !important;
    color: #fff !important;
}

/* --- TÁBLÁZATOK --- */
[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--textColor1);
    --bs-table-border-color: #333;
}

[data-bs-theme="dark"] .table-light {
    --bs-table-bg: #2b2b2b;
    --bs-table-color: #fff;
}

[data-bs-theme="dark"] .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* --- FEHÉR GOMBOK (pl. Mégsem, Szűrés törlése) --- */
[data-bs-theme="dark"] .btn-white,
[data-bs-theme="dark"] .btn-light {
    background-color: #2b2b2b !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

[data-bs-theme="dark"] .btn-white:hover,
[data-bs-theme="dark"] .btn-light:hover {
    background-color: #3a3a3a !important;
    color: #fff !important;
}

/* --- MODALOK ÉS DROPDOWNOK --- */
[data-bs-theme="dark"] .modal-content {
    background-color: var(--white) !important;
    border-color: #333 !important;
}

[data-bs-theme="dark"] .dropdown-menu {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

[data-bs-theme="dark"] .dropdown-item {
    color: #e0e0e0 !important;
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #2b2b2b !important;
}

[data-bs-theme="dark"] .dropdown-header {
    background-color: #121212 !important;
    color: #fff !important;
}

/* --- OLDALSÓ MENÜ (SIDEBAR) --- */
[data-bs-theme="dark"] .sidebar-desktop,
[data-bs-theme="dark"] .offcanvas-body {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

[data-bs-theme="dark"] .sidebar-link {
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

[data-bs-theme="dark"] .sidebar-link:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* --- JAVÍTÁSOK (Gombok és Dropdown) --- */

/* 1. Gombok szövegszínének javítása (mivel a --white változó sötét lett) */
[data-bs-theme="dark"] .btn-primary,
[data-bs-theme="dark"] .btn-details,
[data-bs-theme="dark"] .btn-orange-action,
[data-bs-theme="dark"] .btn-outline-primary:hover,
[data-bs-theme="dark"] .btn-outline-primary:active,
[data-bs-theme="dark"] .btn-outline-primary:focus-visible {
    color: #ffffff !important;
}

/* 2. Aktív fiók (Dropdown) hátterének sötétítése */
[data-bs-theme="dark"] .active-account-item {
    background-color: #2b1b0e !important; /* Nagyon sötét, elegáns narancsos-barna háttér */
    border-left-color: var(--color1) !important; /* A narancs csík megmarad */
}

/* A benne lévő szöveg biztosan fehér legyen */
[data-bs-theme="dark"] .active-account-item .text-dark-theme {
    color: #ffffff !important;
}

/* --- JAVÍTÁSOK 2. KÖR (Copyright és Outline gombok) --- */

/* 1. A .colorWhite osztály javítása (mivel a --white változó sötét lett) */
[data-bs-theme="dark"] .colorWhite {
    color: #ffffff !important;
}

/* 2. Körvonalas (Outline) gombok láthatósága sötét módban */
[data-bs-theme="dark"] .btn-outline-primary {
    color: #ffffff !important; /* Fehér szöveg */
    border-color: #ffffff !important; /* Fehér keret, hogy látszódjon a sötét háttéren */
}

/* Körvonalas gomb hover állapota sötét módban (Invertáljuk) */
[data-bs-theme="dark"] .btn-outline-primary:hover,
[data-bs-theme="dark"] .btn-outline-primary:active,
[data-bs-theme="dark"] .btn-outline-primary:focus-visible {
    background-color: #ffffff !important; /* Fehér háttér */
    color: var(--color-indigo) !important; /* Sötétkék szöveg */
    border-color: #ffffff !important;
}

/* --- JAVÍTÁSOK 3. KÖR (Hover, Modal X, Card Header) --- */

/* 1. Szolgáltatás sor hover hátterének sötétítése */
[data-bs-theme="dark"] .service-row:hover {
    background-color: #2b2b2b !important;
}

/* 2. Modal bezáró gomb (Bootstrap szín-invertálás kikapcsolása) */
[data-bs-theme="dark"] .btn-close-custom {
    filter: none !important; /* Megakadályozzuk, hogy a Bootstrap kifordítsa a színeket */
    background-color: var(--color1) !important; /* Biztosítjuk a narancs hátteret */
}

[data-bs-theme="dark"] .btn-close-custom:hover {
    background-color: #d6741f !important;
}

/* 3. Narancssárga Card Header belső szövegeinek javítása */
[data-bs-theme="dark"] .card-header .text-muted {
    color: rgba(255, 255, 255, 0.85) !important; /* Világosszürke helyett áttetsző fehér a narancs háttéren */
}

[data-bs-theme="dark"] .card-header .fw-bold {
    color: #ffffff !important; /* A főcím is biztosan hófehér maradjon */
}

/* --- JAVÍTÁSOK 4. KÖR (Card Header halvány szöveg javítása) --- */

/* A narancssárga fejléceken lévő kiegészítő szövegek (pl. Azonosító) megerősítése */
[data-bs-theme="dark"] .card-header .text-muted {
    color: #ffffff !important;
    opacity: 1 !important; /* Felülírjuk a HTML-ben lévő opacity-75 osztályt */
    font-weight: 600 !important; /* Egy picit vastagabb betű a jobb olvashatóságért */
}

/* --- JAVÍTÁSOK 5. KÖR (Csatornakiosztás oldal kontraszt javítása) --- */

/* 1. Felső infó sáv (Felhasználónév, Email, ID) */
[data-bs-theme="dark"] .info-label-small {
    color: #b0b0b0 !important; /* Világosabb szürke a sötét háttéren */
}

[data-bs-theme="dark"] .info-value-bold {
    color: #ffffff !important; /* Hófehér a jobb olvashatóságért */
}

/* 2. Accordion belső szövegek (Csatornák száma és neve) */
[data-bs-theme="dark"] .channel-count {
    color: #b0b0b0 !important; /* A #999 helyett világosabb szürke */
}

[data-bs-theme="dark"] .channel-name {
    color: #e0e0e0 !important; /* Az eredeti #555 sötétszürke helyett világos, jól olvasható szín */
}

/* --- JAVÍTÁSOK 6. KÖR (Személyes adatok oldal kontraszt) --- */

/* 1. Adat címkék (pl. Ügyfélszám, Név) */
[data-bs-theme="dark"] .data-label {
    color: #b0b0b0 !important; /* Világosszürke */
}

/* 2. Adat értékek (pl. 9151921, Dajka Norbert) */
[data-bs-theme="dark"] .data-value {
    color: #ffffff !important; /* Hófehér a tökéletes olvashatóságért */
}

/* 3. Szerkesztés (Ceruza) ikon a kártyák fejlécében */
[data-bs-theme="dark"] .header-edit-icon,
[data-bs-theme="dark"] .bi-pencil {
    color: #b0b0b0 !important; /* Alapból világosszürke, hogy látszódjon */
}

[data-bs-theme="dark"] .header-edit-icon:hover,
[data-bs-theme="dark"] .bi-pencil:hover {
    color: var(--color1) !important; /* Rámutatáskor szépen narancssárga lesz */
}

/* --- JAVÍTÁSOK 7. KÖR (Dokumentumok üres állapotok és Accordionok) --- */

/* 1. Üres állapot (Empty state) dobozok sötétítése */
[data-bs-theme="dark"] .empty-state {
    background-color: var(--white) !important; /* Ez sötét módban a sötétszürke kártya háttér */
    border: 1px solid #333 !important;
    border-radius: 8px;
}

[data-bs-theme="dark"] .empty-state .text-muted {
    color: #b0b0b0 !important; /* Világosabb szürke szöveg és ikon */
}

/* 2. Standard Accordion elemek sötétítése (Nyilatkozatok fül) */
[data-bs-theme="dark"] .accordion-item,
[data-bs-theme="dark"] .accordion-button,
[data-bs-theme="dark"] .accordion-body {
    background-color: var(--white) !important;
    color: #ffffff !important;
    border-color: #333 !important;
}

/* Accordion gomb lenyitva (Aktív állapot) */
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: #2b2b2b !important; /* Egy picit világosabb szürke, hogy elkülönüljön */
    color: var(--color1) !important; /* Narancssárga szöveg aktív állapotban */
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.05);
}

/* Accordion lenyíló nyíl színének invertálása (hogy látszódjon a sötét háttéren) */
[data-bs-theme="dark"] .accordion-button::after {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* 3. Történet badge-ek (címkék) sötétítése */
[data-bs-theme="dark"] .badge.bg-light.text-dark {
    background-color: #2b2b2b !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* --- JAVÍTÁSOK 8. KÖR (Tabok / Pills gombok) --- */

/* 1. Tab gombok alapállapota sötét módban */
[data-bs-theme="dark"] .custom-pills .nav-link,
[data-bs-theme="dark"] .nav-pills .nav-link {
    background-color: var(--white) !important; /* Ez sötét módban a sötétszürke kártya háttér */
    color: #e0e0e0 !important; /* Világosszürke szöveg */
    border-color: #333 !important;
}

/* 2. Tab gombok Hover (rámutatás) állapota sötét módban */
[data-bs-theme="dark"] .custom-pills .nav-link:hover,
[data-bs-theme="dark"] .nav-pills .nav-link:hover {
    background-color: #2b2b2b !important; /* Egy picit kivilágosodik (sötétszürke) */
    color: #ffffff !important; /* Hófehér szöveg */
    border-color: #444 !important;
}

/* 3. Aktív Tab gomb (A narancssárga szín marad, de a szöveg biztosan fehér lesz) */
[data-bs-theme="dark"] .custom-pills .nav-link.active,
[data-bs-theme="dark"] .nav-pills .nav-link.active {
    background-color: var(--color1) !important;
    border-color: var(--color1) !important;
    color: #ffffff !important;
}

/* --- JAVÍTÁSOK 9. KÖR (Modal belső kiemelt doboz inline stílus felülírása) --- */

/* A fixen beégetett világos háttér és szürke szaggatott keret felülírása */
[data-bs-theme="dark"] .modal-body div[style*="background-color: #f8f9fa"],
[data-bs-theme="dark"] div[style*="border: 1px dashed #ddd"],
[data-bs-theme="dark"] div[style*="border: 1px dashed #ccc"] {
    background-color: #2b2b2b !important; /* Sötétszürke háttér */
    border-color: #555 !important; /* Sötétebb szaggatott keret */
}

/* Biztosítjuk, hogy a benne lévő szövegek tökéletesen olvashatóak legyenek */
[data-bs-theme="dark"] .modal-body .text-muted.small.text-uppercase {
    color: #b0b0b0 !important; /* Világosszürke címke */
}

[data-bs-theme="dark"] .modal-body .fs-5.text-dark-theme {
    color: #ffffff !important; /* Hófehér szerződés ID */
}

/* --- JAVÍTÁSOK 10. KÖR (Inline stílusok: Email alias és Bridge beállítások) --- */

/* 1. Email-alias kártya fejléc (fix fehér háttér felülírása) */
[data-bs-theme="dark"] .card-header[style*="background: #fff"] {
    background-color: var(--white) !important; /* Visszaadjuk neki a sötét kártya hátteret */
    color: #ffffff !important; /* Biztosítjuk a hófehér szöveget */
    border-bottom-color: #333 !important; /* Sötét alsó elválasztó vonal */
}

/* 2. Bridge beállítások belső doboz (rikító világos keret felülírása) */
[data-bs-theme="dark"] div[style*="border-color: #eee !important"] {
    background-color: #2b2b2b !important; /* Sötétszürke háttér */
    border-color: #444 !important; /* Szolid, sötét keret a rikító fehér helyett */
}

/* --- JAVÍTÁSOK 11. KÖR (Fizetés oldal ÁSZF kiemelő doboz) --- */

/* A halvány narancs háttér lecserélése sötét, elegáns árnyalatra */
[data-bs-theme="dark"] .terms-highlight-box {
    background-color: #2b1b0e !important; /* Sötét, narancsos-barna háttér */
    border-color: var(--color1) !important; /* A vastag narancs keret megmarad */
}

/* Biztosítjuk, hogy a benne lévő szöveg hófehér maradjon */
[data-bs-theme="dark"] .terms-highlight-box .text-dark-theme {
    color: #ffffff !important;
}

/* --- JAVÍTÁSOK 12. KÖR (Autofill sárga háttér és DÁP gomb) --- */

/* 1. Chrome/Edge automatikus kitöltés (Autofill) sárga hátterének felülírása sötét módban */
[data-bs-theme="dark"] input:-webkit-autofill,
[data-bs-theme="dark"] input:-webkit-autofill:hover, 
[data-bs-theme="dark"] input:-webkit-autofill:focus, 
[data-bs-theme="dark"] input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #2b2b2b inset !important; /* Sötétszürke belső árnyék, ami eltakarja a sárgát */
    -webkit-text-fill-color: #ffffff !important; /* Fehér szövegszín */
    transition: background-color 5000s ease-in-out 0s;
}

/* 2. DÁP gomb (btn-outline-dark) kivilágosítása sötét módban */
[data-bs-theme="dark"] .btn-outline-dark {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

[data-bs-theme="dark"] .btn-outline-dark:hover {
    background-color: #ffffff !important;
    color: #121212 !important; /* Hover esetén fehér háttér, sötét szöveg */
}

/* 3. Inline SVG logó szövegszínének fehérré tétele sötét módban */
[data-bs-theme="dark"] .navbar-brand {
    color: #ffffff !important;
}

/* A félig átlátszó fekete hover szín felülírása */
[data-bs-theme="dark"] .link1:hover {
    color: #ffffff !important; /* Rámutatáskor hófehér lesz, így tökéletesen kiemelkedik */
    text-shadow: 0 0 8px rgba(255,255,255,0.2); /* Egy nagyon finom ragyogás, hogy még elegánsabb legyen */
}

/* Biztosítjuk, hogy alapállapotban is szép világos legyen a sötét fejlécen */
[data-bs-theme="dark"] .link1 {
    color: #e0e0e0 !important;
}