/* =============================================================
   TEFOOD DARK MODE
   Csak body.dark-mode szelektorral – a világos mód semmilyen
   eleme nem változik. Az összes szín felülírás itt van.
   ============================================================= */

/* ---------------------------------------------------
    BOOTSTRAP 5 CSS VÁLTOZÓK FELÜLÍRÁSA
----------------------------------------------------- */

body.dark-mode {
    --bs-body-bg: #1a1c2e;
    --bs-body-color: #d4d4d4;
    --bs-border-color: #3a3f54;
    --bs-border-color-translucent: rgba(255,255,255,0.1);
    --bs-card-bg: #252535;
    --bs-card-cap-bg: #2d3047;
    --bs-card-border-color: #3a3f54;
    --bs-modal-bg: #252535;
    --bs-modal-border-color: #3a3f54;
    --bs-modal-header-border-color: #3a3f54;
    --bs-modal-footer-border-color: #3a3f54;
    --bs-dropdown-bg: #252535;
    --bs-dropdown-border-color: #3a3f54;
    --bs-dropdown-link-color: #d4d4d4;
    --bs-dropdown-link-hover-bg: #3a3f54;
    --bs-dropdown-link-hover-color: #fff;
    --bs-list-group-bg: #252535;
    --bs-list-group-border-color: #3a3f54;
    --bs-list-group-color: #d4d4d4;
    --bs-list-group-action-hover-bg: #2d3047;
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255,255,255,0.04);
    --bs-table-hover-bg: rgba(255,255,255,0.07);
    --bs-table-border-color: #3a3f54;
    --bs-table-color: #d4d4d4;
    --bs-form-control-bg: #2d3047;
    --bs-form-control-disabled-bg: #222436;
    --bs-input-bg: #2d3047;
    --bs-input-border-color: #3a3f54;
    --bs-input-color: #d4d4d4;
    --bs-input-group-addon-bg: #222436;
    --bs-input-group-addon-border-color: #3a3f54;
    --bs-input-group-addon-color: #d4d4d4;
    --bs-secondary-bg: #2d3047;
    --bs-tertiary-bg: #222436;
    --bs-emphasis-color: #fff;
    --bs-secondary-color: #888;
    --bs-tertiary-color: #666;
    --bs-link-color: #4da3d9;
    --bs-link-hover-color: #6bb8e8;
    --bs-code-color: #d4d4d4;
    --bs-heading-color: #e0e0e0;
}

/* ---------------------------------------------------
    ALAP (body, háttér, szöveg)
----------------------------------------------------- */

body.dark-mode {
    background-color: #1a1c2e;
    color: #d4d4d4;
}

body.dark-mode .wrapper {
    background-color: #1a1c2e;
}

/* ---------------------------------------------------
    FEJLÉC (header bar)
----------------------------------------------------- */

body.dark-mode .header-bar {
    background-color: #252535;
    border-bottom: 1px solid #3a3f54;
}

body.dark-mode .header-info-text {
    color: #555;
}

/* Dark mode gomb elválasztó vonal - bordert sötétből a header stíluszához */
body.dark-mode td[style*="border-left"] {
    border-left-color: #3a3f54 !important;
}

body.dark-mode .header-dark-mode-btn {
    color: #aaa;
}

body.dark-mode .header-dark-mode-btn:hover {
    color: #fff;
}

/* ---------------------------------------------------
    SIDEBAR
----------------------------------------------------- */

body.dark-mode #sidebar {
    background: #1e2a3a;
}

body.dark-mode #sidebar .sidebar-header {
    background: rgba(0, 0, 0, 0.3);
}

/* ---------------------------------------------------
    CONTENT TERÜLET
----------------------------------------------------- */

body.dark-mode #content {
    background-color: #1a1c2e;
}

/* ---------------------------------------------------
    NAVBAR
----------------------------------------------------- */

body.dark-mode .navbar {
    background: #252535;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

/* ---------------------------------------------------
    KÁRTYÁK
----------------------------------------------------- */

body.dark-mode .card {
    background-color: #252535;
    border-color: #3a3f54;
    color: #d4d4d4;
}

body.dark-mode .card-header {
    background-color: #2d3047;
    border-bottom-color: #3a3f54;
    color: #d4d4d4;
}

body.dark-mode .card-body {
    background-color: #252535;
    color: #d4d4d4;
}

body.dark-mode .card-footer {
    background-color: #252535;
    border-top-color: #3a3f54;
    color: #d4d4d4;
}

/* ---------------------------------------------------
    JUMBOTRON
----------------------------------------------------- */

body.dark-mode .jumbotron {
    background-color: #2d3047;
}

/* ---------------------------------------------------
    TÁBLÁZATOK
----------------------------------------------------- */

body.dark-mode .table {
    color: #d4d4d4;
    border-color: #3a3f54;
}

body.dark-mode .table td,
body.dark-mode .table th {
    border-color: #3a3f54;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255, 255, 255, 0.04);
    color: #d4d4d4;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: transparent;
    color: #d4d4d4;
}

body.dark-mode .table-hover > tbody > tr:hover > * {
    background-color: rgba(255, 255, 255, 0.07);
    color: #d4d4d4;
}

body.dark-mode .table thead th,
body.dark-mode .table thead td {
    background-color: #2d3047;
    color: #b0b0c0;
    border-bottom-color: #3a3f54;
}

body.dark-mode .table-success > td,
body.dark-mode .table-success {
    background-color: rgba(25, 135, 84, 0.25) !important;
    color: #d4d4d4 !important;
}

body.dark-mode .table-warning > td,
body.dark-mode .table-warning {
    background-color: rgba(255, 193, 7, 0.2) !important;
    color: #d4d4d4 !important;
}

body.dark-mode .table-danger > td,
body.dark-mode .table-danger {
    background-color: rgba(220, 53, 69, 0.25) !important;
    color: #d4d4d4 !important;
}

body.dark-mode .table-info > td,
body.dark-mode .table-info {
    background-color: rgba(13, 202, 240, 0.2) !important;
    color: #d4d4d4 !important;
}

/* ---------------------------------------------------
    FORM ELEMEK
----------------------------------------------------- */

body.dark-mode .form-control {
    background-color: #2d3047;
    border-color: #3a3f54;
    color: #d4d4d4;
}

body.dark-mode .form-control:focus {
    background-color: #2d3047;
    border-color: #5b7fa6;
    color: #d4d4d4;
    box-shadow: 0 0 0 0.05rem rgba(91, 127, 166, 0.4);
}

body.dark-mode .form-control:disabled,
body.dark-mode .form-control[readonly] {
    background-color: #222436;
    color: #888;
}

body.dark-mode .form-control::placeholder {
    color: #666;
}

body.dark-mode .form-select {
    background-color: #2d3047 !important;
    border-color: #3a3f54 !important;
    color: #d4d4d4 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aaaaaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

body.dark-mode .form-select:focus {
    background-color: #2d3047 !important;
    border-color: #5b7fa6 !important;
    color: #d4d4d4 !important;
}

body.dark-mode .form-select:disabled,
body.dark-mode .form-select[disabled] {
    background-color: #222436 !important;
    border-color: #3a3f54 !important;
    color: #888888 !important;
}

body.dark-mode select {
    background-color: #2d3047 !important;
    border-color: #3a3f54 !important;
    color: #d4d4d4 !important;
}

body.dark-mode select:focus {
    background-color: #2d3047 !important;
    border-color: #5b7fa6 !important;
    color: #d4d4d4 !important;
}

body.dark-mode .input-group-text {
    background-color: #222436;
    border-color: #3a3f54;
    color: #d4d4d4;
}

body.dark-mode .form-check-input {
    background-color: #2d3047;
    border-color: #3a3f54;
}

body.dark-mode .form-check-input:checked {
    background-color: #4da3d9;
    border-color: #4da3d9;
}

/* ---------------------------------------------------
    GOMBOK
----------------------------------------------------- */

body.dark-mode .btn-outline-primary {
    color: #4da3d9;
    background-color: transparent;
    border-color: #4da3d9;
}

body.dark-mode .btn-outline-primary:hover {
    color: #fff !important;
    background-color: #3d8ab8 !important;
    border-color: #3d8ab8 !important;
}

body.dark-mode .btn-outline-primary.active,
body.dark-mode .btn-outline-primary:active {
    color: #fff !important;
    background-color: #3d8ab8 !important;
    border-color: #3d8ab8 !important;
}

body.dark-mode .btn-secondary {
    background-color: #3a3f54;
    border-color: #4a4f64;
    color: #d4d4d4;
}

body.dark-mode .btn-secondary:hover {
    background-color: #4a4f64;
    border-color: #5a5f74;
    color: #fff;
}

body.dark-mode .btn-outline-secondary {
    color: #a0a0b0;
    border-color: #4a4f64;
}

body.dark-mode .btn-outline-secondary:hover {
    background-color: #3a3f54;
    border-color: #4a4f64;
    color: #d4d4d4;
}

body.dark-mode .btn-light {
    background-color: #3a3f54;
    border-color: #4a4f64;
    color: #d4d4d4;
}

body.dark-mode .btn-light:hover {
    background-color: #4a4f64;
    color: #fff;
}

body.dark-mode .btn-group-btn-primary-selected {
    color: #fff !important;
    background-color: #1b6fa8 !important;
    border-color: #1b6fa8 !important;
}

/* ---------------------------------------------------
    MODÁLOK
----------------------------------------------------- */

body.dark-mode .modal-content {
    background-color: #252535;
    border-color: #3a3f54;
    color: #d4d4d4;
}

body.dark-mode .modal-header {
    background-color: #2d3047;
    border-bottom-color: #3a3f54;
    color: #d4d4d4;
}

body.dark-mode .modal-footer {
    background-color: #252535;
    border-top-color: #3a3f54;
}

body.dark-mode .modal-title {
    color: #d4d4d4;
}

/* ---------------------------------------------------
    DROPDOWN
----------------------------------------------------- */

body.dark-mode .dropdown-menu {
    background-color: #252535 !important;
    border-color: #3a3f54 !important;
    color: #d4d4d4 !important;
}

body.dark-mode .dropdown-item {
    color: #d4d4d4 !important;
    background-color: transparent !important;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #3a3f54 !important;
    color: #fff !important;
}

body.dark-mode .dropdown-item.disabled {
    color: #666 !important;
}

body.dark-mode .dropdown-divider {
    border-top-color: #3a3f54 !important;
}

/* ---------------------------------------------------
    LIST GROUP
----------------------------------------------------- */

body.dark-mode .list-group-item {
    background-color: #252535;
    border-color: #3a3f54;
    color: #d4d4d4;
}

body.dark-mode .list-group-item-action:hover,
body.dark-mode .list-group-item-action:focus {
    background-color: #2d3047;
    color: #fff;
}

body.dark-mode .list-group-item-action {
    color: #d4d4d4;
}

body.dark-mode .list-group-item-dark {
    background-color: #2d3047;
    border-color: #3a3f54;
    color: #d4d4d4;
}

/* ---------------------------------------------------
    LINKEK
----------------------------------------------------- */

body.dark-mode .page-link,
body.dark-mode a,
body.dark-mode a:hover {
    color: #4da3d9;
}

body.dark-mode .page-item.active .page-link {
    background-color: #1b6fa8;
    border-color: #1b6fa8;
    color: #fff;
}

body.dark-mode .page-item.disabled .page-link {
    background-color: #252535;
    border-color: #3a3f54;
    color: #555;
}

/* ---------------------------------------------------
    NAVIGÁCIÓ (nav-item fülek)
----------------------------------------------------- */

body.dark-mode .nav-item {
    background: #2d3047;
}

body.dark-mode .nav-item > a {
    color: #b0b0c0 !important;
}

body.dark-mode .nav-item > .active {
    background-color: #1b6fa8 !important;
}

/* ---------------------------------------------------
    BADGE
----------------------------------------------------- */

body.dark-mode .badge.bg-secondary,
body.dark-mode .badge.badge-secondary {
    background-color: #3a3f54 !important;
    color: #d4d4d4;
}

body.dark-mode .badge.bg-light,
body.dark-mode .badge.badge-light {
    background-color: #3a3f54 !important;
    color: #d4d4d4;
}

/* ---------------------------------------------------
    HR, ELVÁLASZTÓK
----------------------------------------------------- */

body.dark-mode hr {
    border-color: #3a3f54;
}

body.dark-mode .line {
    border-bottom-color: #3a3f54;
}

/* ---------------------------------------------------
    SZÖVEG STÍLUSOK
----------------------------------------------------- */

body.dark-mode .c-app,
body.dark-mode .table,
body.dark-mode .list-group-item-action {
    color: #d4d4d4;
}

body.dark-mode .text-muted {
    color: #888 !important;
}

body.dark-mode .text-dark {
    color: #d4d4d4 !important;
}

body.dark-mode small,
body.dark-mode .small {
    color: #aaa;
}

/* ---------------------------------------------------
    SCROLLBAR (mCustomScrollbar)
----------------------------------------------------- */

body.dark-mode .mCSB_draggerRail {
    background-color: #2d3047;
}

body.dark-mode .mCSB_dragger .mCSB_dragger_bar {
    background-color: #4a4f64;
}

/* ---------------------------------------------------
    SELECT2
----------------------------------------------------- */

/* Alap mező */
body.dark-mode .select2-container--bootstrap-5 .select2-selection {
    background-color: #2d3047;
    border-color: #3a3f54;
    color: #d4d4d4;
}

/* Single select lefelé nyíl - világos ikont */
body.dark-mode .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aaaaaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

/* Kiválasztott érték szövege */
body.dark-mode .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #d4d4d4;
}

/* Placeholder */
body.dark-mode .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #666;
}

/* Focus / open állapot */
body.dark-mode .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.dark-mode .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #5b7fa6;
    box-shadow: 0 0 0 0.05rem rgba(74, 144, 186, 0.25);
}

/* Disabled állapot - illeszkedik a form-control:disabled-hoz */
body.dark-mode .select2-container--bootstrap-5.select2-container--disabled .select2-selection,
body.dark-mode .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
    background-color: #222436 !important;
    border-color: #3a3f54 !important;
    color: #888888 !important;
    cursor: not-allowed;
}

/* Clear gomb (X) - világos SVG ikon */
body.dark-mode .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
body.dark-mode .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aaaaaa'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75rem auto;
}

/* Dropdown háttér - azonos a selection fejléc háttérrel, keret = open selection keret */
body.dark-mode .select2-container--bootstrap-5 .select2-dropdown {
    background-color: #2d3047 !important;
    border-color: #5b7fa6 !important;
    color: #d4d4d4;
}

/* Keresőmező a dropdownban - !important a magasabb specificitású eredeti CSS felülírásához */
body.dark-mode .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field,
body.dark-mode .select2-container--bootstrap-5 .select2-search__field {
    background-color: #2d3047 !important;
    border-color: #3a3f54 !important;
    color: #d4d4d4 !important;
}

body.dark-mode .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus,
body.dark-mode .select2-container--bootstrap-5 .select2-search__field:focus {
    border-color: #5b7fa6 !important;
    box-shadow: 0 0 0 0.05rem rgba(74, 144, 186, 0.25) !important;
}

/* Opciók */
body.dark-mode .select2-container--bootstrap-5 .select2-results__option {
    color: #d4d4d4;
}

/* Kiemelés (hover) */
body.dark-mode .select2-container--bootstrap-5 .select2-results__option--highlighted {
    background-color: #3a3f54;
    color: #fff;
}

/* Kiválasztott opció */
body.dark-mode .select2-container--bootstrap-5 .select2-results__option--selected,
body.dark-mode .select2-container--bootstrap-5 .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: #1e4a7a;
    color: #d4d4d4;
}

/* Disabled opció */
body.dark-mode .select2-container--bootstrap-5 .select2-results__option--disabled,
body.dark-mode .select2-container--bootstrap-5 .select2-results__option[aria-disabled=true] {
    color: #555;
}

/* Group label */
body.dark-mode .select2-container--bootstrap-5 .select2-results__group {
    color: #888;
}

/* "Nincs találat" üzenet */
body.dark-mode .select2-container--bootstrap-5 .select2-results__message {
    color: #888;
}

/* Multi-select: choice chipek */
body.dark-mode .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #3a3f54;
    border-color: #4a4f64;
    color: #d4d4d4;
}

/* Multi-select: chip eltávolító gomb - világos SVG ikon */
body.dark-mode .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aaaaaa'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75rem auto;
    border: 0;
}

body.dark-mode .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") !important;
}

/* Multi-select: disabled chipek */
body.dark-mode .select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #2a2f44;
    border-color: #3a3f54;
    color: #888888;
}

/* ---------------------------------------------------
    TINYMCE
----------------------------------------------------- */

body.dark-mode .tox-tinymce {
    border-color: #3a3f54 !important;
}

/* ---------------------------------------------------
    TOAST
----------------------------------------------------- */

body.dark-mode #toast {
    background-color: #1b6fa8;
}

/* ---------------------------------------------------
    IMG UPLOAD PROGRESS BAR
----------------------------------------------------- */

body.dark-mode .img_upload_progress_bar_div {
    background-color: #3a3f54;
}

/* ---------------------------------------------------
    RÉSZLETES KERESŐ SÁV
----------------------------------------------------- */

body.dark-mode div[style*="background-color: #eee"] {
    background-color: #2d3047 !important;
}

/* ---------------------------------------------------
    INLINE STÍLUSOK FELÜLÍRÁSA (attribute selector)
    Ezek a partials-ban lévő beégetett szín értékek,
    amelyek nem érhetők el CSS osztályokkal.
----------------------------------------------------- */

/* Dashboard KPI kártyák (dashboard.html) */
body.dark-mode div[style*="background-color: white"] {
    background-color: #252535 !important;
    color: #d4d4d4;
}

/* Login oldal előfizetési listák (login.html) */
body.dark-mode div[style*="background-color: #e9ecef"] {
    background-color: #2d3047 !important;
}

/* input-group-text fehér háttér (screen.html) */
body.dark-mode span[style*="background-color: #fff"] {
    background-color: #222436 !important;
}

/* Kattintható szövegek és linkek – primary kék (screen.html) */
body.dark-mode [style*="color: #0063a7"] {
    color: #4da3d9 !important;
}

body.dark-mode [style*="color: #337ab7"] {
    color: #5ba8d9 !important;
}

/* Sötét szöveg inline (screen.html modal) */
body.dark-mode [style*="color: #494949"] {
    color: #d4d4d4 !important;
}

body.dark-mode [style*="color: #2f2f2f"] {
    color: #d4d4d4 !important;
}

/* ---------------------------------------------------
    LOGIN OLDAL - EGYSZÍNŰ HÁTTÉR
----------------------------------------------------- */

body.dark-mode.login-screen {
    background-color: #1a1c2e;
    background-image: none;
}

body.dark-mode .login-background-image {
    background-image: none;
    background-color: #1a1c2e;
}

body.dark-mode .tick-xanh-fullscreen {
    background-color: #1a1c2e;
}

body.dark-mode .tick-xanh-header {
    background-color: #1a1c2e;
}

body.dark-mode .tick-xanh-header-text h1 {
    color: #4da3d9;
}

body.dark-mode .tick-xanh-header-text p {
    color: #888;
}

body.dark-mode .tick-xanh-fullscreen .card {
    background-color: rgba(37, 37, 53, 0.95);
    border: 1px solid #3a3f54;
}

body.dark-mode .tick-xanh-fullscreen .card-body h2 {
    color: #d4d4d4;
}

/* ---------------------------------------------------
    DASHBOARD ITEM CARD
----------------------------------------------------- */

body.dark-mode .dashboard-item-card {
    background-color: #252535 !important;
    color: #d4d4d4;
}

/* KPI panel szövegszín javítás dark mode-ban */
body.dark-mode .dashboard-item-card table {
    /* A KPI szín-kódok (up/down/equal) lehet, hogy sötétek az API-ból,
       ezért itt emeljük ki a szöveget font-weight-el és biztosítunk jó olvashatóságot */
    font-weight: 500;
    filter: brightness(1.4);
}

/* Kék és zöld szín korrekció dark mode-ban */
/* Primär kék szín - világosabb és lágyabb */
body.dark-mode .text-accent,
body.dark-mode .text-link-style,
body.dark-mode .tox-button--primary {
    color: #034cb5 !important;
    filter: brightness(1.4) saturate(1.1);
}

/* Success/vállidáció zöld - világosabb */
body.dark-mode .form-control.is-valid,
body.dark-mode .was-validated .form-control:valid,
body.dark-mode .form-select.is-valid,
body.dark-mode .was-validated .form-select:valid {
    border-color: #66bb6a !important;
}

body.dark-mode .valid-feedback {
    color: #66bb6a;
}

/* ---------------------------------------------------
    FORM VALIDATION STATES (dark mode)
----------------------------------------------------- */

/* Valid state - zöld kerettel és zöld text */
body.dark-mode .form-control.is-valid,
body.dark-mode .was-validated .form-control:valid,
body.dark-mode .form-select.is-valid,
body.dark-mode .was-validated .form-select:valid {
    border-color: #51cf66 !important;
    color: #d4d4d4;
}

body.dark-mode .form-control.is-valid:focus,
body.dark-mode .was-validated .form-control:valid:focus,
body.dark-mode .form-select.is-valid:focus,
body.dark-mode .was-validated .form-select:valid:focus {
    border-color: #69db7c !important;
    box-shadow: 0 0 0 0.05rem rgba(81, 207, 102, 0.25) !important;
}

/* Invalid state - piros kerettel és piros text */
body.dark-mode .form-control.is-invalid,
body.dark-mode .was-validated .form-control:invalid,
body.dark-mode .form-select.is-invalid,
body.dark-mode .was-validated .form-select:invalid {
    border-color: #ff6b6b !important;
    color: #d4d4d4;
}

body.dark-mode .form-control.is-invalid:focus,
body.dark-mode .was-validated .form-control:invalid:focus,
body.dark-mode .form-select.is-invalid:focus,
body.dark-mode .was-validated .form-select:invalid:focus {
    border-color: #ff8787 !important;
    box-shadow: 0 0 0 0.05rem rgba(255, 107, 107, 0.25) !important;
}

/* Input group validation states */
body.dark-mode .input-group.is-valid .form-control,
body.dark-mode .input-group.is-valid .input-group-text {
    border-color: #51cf66 !important;
}

body.dark-mode .input-group.is-invalid .form-control,
body.dark-mode .input-group.is-invalid .input-group-text {
    border-color: #ff6b6b !important;
}

/* Valid feedback text */
body.dark-mode .valid-feedback {
    color: #51cf66;
}

/* Invalid feedback text */
body.dark-mode .invalid-feedback {
    color: #ff6b6b;
}

/* ---------------------------------------------------
    TINYMCE EDITOR - Dark Mode
----------------------------------------------------- */

/* Editor container */
body.dark-mode .tox-tinymce {
    background-color: #252535 !important;
    border-color: #3a3f54 !important;
}

/* Toolbar area */
body.dark-mode .tox-editor-header {
    background-color: #2d3047 !important;
    border-bottom-color: #3a3f54 !important;
}

/* Main editing area */
body.dark-mode .tox-edit-area {
    background-color: #252535 !important;
}

/* Editable content area */
body.dark-mode .tox-edit-area__iframe {
    background-color: #1a1c2e !important;
}

/* Content body (inside the editor) */
body.dark-mode .mce-content-body {
    color: #d4d4d4 !important;
    background-color: #1a1c2e !important;
}

/* Buttons and controls */
body.dark-mode .tox-button {
    color: #d4d4d4 !important;
    background-color: #2d3047 !important;
    border-color: #3a3f54 !important;
}

body.dark-mode .tox-button:hover {
    background-color: #3a3f54 !important;
}

body.dark-mode .tox-button--primary {
    background-color: #0063a7 !important;
    color: #fff !important;
}

body.dark-mode .tox-button--primary:hover {
    background-color: #004a7a !important;
}

/* Dropdowns and menus */
body.dark-mode .tox-menu,
body.dark-mode .tox-dropzone,
body.dark-mode .tox-collection {
    background-color: #252535 !important;
    border-color: #3a3f54 !important;
}

body.dark-mode .tox-collection__item {
    color: #d4d4d4 !important;
}

body.dark-mode .tox-collection__item:hover {
    background-color: #3a3f54 !important;
}

/* Input fields */
body.dark-mode .tox-textfield,
body.dark-mode .tox-listboxfield,
body.dark-mode .tox-selectfield select {
    background-color: #1a1c2e !important;
    color: #d4d4d4 !important;
    border-color: #3a3f54 !important;
}

/* Dialog boxes */
body.dark-mode .tox-dialog {
    background-color: #252535 !important;
    color: #d4d4d4 !important;
}

body.dark-mode .tox-dialog__header {
    background-color: #2d3047 !important;
    border-bottom-color: #3a3f54 !important;
}

body.dark-mode .tox-dialog__footer {
    background-color: #2d3047 !important;
    border-top-color: #3a3f54 !important;
}

/* Labels and text */
body.dark-mode .tox-label,
body.dark-mode .tox-form__group label {
    color: #d4d4d4 !important;
}

/* Status bar */
body.dark-mode .tox-statusbar {
    background-color: #2d3047 !important;
    border-top-color: #3a3f54 !important;
    color: #d4d4d4 !important;
}

/* ---------------------------------------------------
    KÖZÖS - JELSZÓ SZEM IKON
----------------------------------------------------- */

body.dark-mode .pw-toggle-icon {
    color: #d4d4d4;
}

/* ---------------------------------------------------
    KÖZÖS - SZÖVEGSZÍNEK
----------------------------------------------------- */

body.dark-mode .text-link-style {
    color: #4da3d9;
}

body.dark-mode .text-accent {
    color: #4da3d9;
}

body.dark-mode .file-meta-text {
    color: #888;
}

/* ---------------------------------------------------
    SCREEN - RÉSZLETES SZŰRŐ SÁV
----------------------------------------------------- */

body.dark-mode .screen-filter-bar {
    background-color: #2d3047;
}

body.dark-mode .screen-search-addon {
    background-color: #2d3047;
    color: #888;
    border-color: #3a3f54;
}

/* ---------------------------------------------------
    SCREEN - TÉRKÉP
----------------------------------------------------- */

body.dark-mode .map-canvas-border {
    border-color: #3a3f54 !important;
}

body.dark-mode .map-address-bar {
    background-color: #2d3047;
    border-color: #3a3f54;
}

/* ---------------------------------------------------
    SCREEN - EGYÉB
----------------------------------------------------- */

body.dark-mode .thumb-border {
    border-color: #3a3f54;
}

body.dark-mode .modal-ge-body-color {
    color: #d4d4d4;
}

/* ---------------------------------------------------
    LOGIN - LÁBLÉC / ELŐFIZETÉS
----------------------------------------------------- */

body.dark-mode .login-footer-text {
    color: #555;
}

body.dark-mode .subscription-product-card {
    background-color: #2d3047;
}