/* ═══════════════════════════════════════════════════════════
   COMMERCIFY HYPERPROFIL RESPONSIVE CSS
   Optimisation responsive pour toutes les pages hyperprofil
   Réduction des marges/paddings pour smartphones et tablettes
   ═══════════════════════════════════════════════════════════ */

/* --------------------------------------------------------------------------
   Modales PIN (SweetAlert) : boutons Confirmer / Annuler
   Style unique en mode clair et mode sombre : noir + orange (#ffcc00),
   comme le thème dark / typologie Commercify (boutons noirs brillants).
   Fond de la popup également sombre pour que le rendu soit cohérent.
   -------------------------------------------------------------------------- */
.swal-popup-custom {
    background: #101924 !important;
}
.swal-popup-custom .swal-confirm-custom,
.swal-popup-custom .swal-confirm-custom.btn-primary,
.swal-popup-custom .swal-confirm-custom.btn-secondary {
    background: #0d0d0d !important;
    border: 2px solid #ffcc00 !important;
    border-radius: 0 !important;
    color: #ffcc00 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease !important;
}
.swal-popup-custom .swal-confirm-custom:hover,
.swal-popup-custom .swal-confirm-custom.btn-primary:hover,
.swal-popup-custom .swal-confirm-custom.btn-secondary:hover {
    background: rgba(255, 204, 0, 0.2) !important;
    border-color: #ffcc00 !important;
    color: #ffcc00 !important;
    box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.35), 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    transform: scale(1.02) !important;
}
.swal-popup-custom .swal-confirm-custom:focus,
.swal-popup-custom .swal-confirm-custom.btn-primary:focus,
.swal-popup-custom .swal-confirm-custom.btn-secondary:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.5) !important;
    color: #ffcc00 !important;
}

.swal-popup-custom .swal-cancel-custom,
.swal-popup-custom .swal-cancel-custom.btn-outline-light,
.swal-popup-custom .swal-cancel-custom.btn-outline-secondary {
    background: #0d0d0d !important;
    border: 2px solid #ffcc00 !important;
    border-radius: 0 !important;
    color: #ffcc00 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease !important;
}
.swal-popup-custom .swal-cancel-custom:hover,
.swal-popup-custom .swal-cancel-custom.btn-outline-light:hover,
.swal-popup-custom .swal-cancel-custom.btn-outline-secondary:hover {
    background: rgba(255, 204, 0, 0.2) !important;
    border-color: #ffcc00 !important;
    color: #ffcc00 !important;
    box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.35), 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    transform: scale(1.02) !important;
}
.swal-popup-custom .swal-cancel-custom:focus,
.swal-popup-custom .swal-cancel-custom.btn-outline-light:focus,
.swal-popup-custom .swal-cancel-custom.btn-outline-secondary:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.5) !important;
    color: #ffcc00 !important;
}

/* Padding interne uniquement (card-body) : même espace bord↔recherche et bord↔bouton. Le conteneur toolbar reste pleine largeur. */
:root {
    --hyperprofil-toolbar-padding-x: 1rem;
}

/* Angles droits partout : zone de recherche, bouton mise à jour, cartes, etc. */
[id^="hyperprofil_toolbar_"] .form-control,
[id^="hyperprofil_toolbar_"] input[type="search"],
[id^="hyperprofil_toolbar_"] .btn,
[id^="hyperprofil_toolbar_"] .btn-primary,
[id^="hyperprofil_toolbar_"] .card,
[id^="hyperprofil_toolbar_"] .card-body,
.hyperprofil-search-input,
.hyperprofil-update-btn {
    border-radius: 0;
}

/* Contenu principal des pages hyperprofil : cartes, boutons, inputs sans arrondi */
body:has([id^="hyperprofil_toolbar_"]) .nk-content .card,
body:has([id^="hyperprofil_toolbar_"]) .nk-content .card-inner,
body:has([id^="hyperprofil_toolbar_"]) .nk-content .btn,
body:has([id^="hyperprofil_toolbar_"]) .nk-content .form-control,
body:has([id^="hyperprofil_toolbar_"]) .nk-content input[type="search"],
body:has([id^="hyperprofil_toolbar_"]) .nk-content [class*="hyperprofil"] {
    border-radius: 0;
}

[id^="hyperprofil_toolbar_"] .card-body.hyperprofil-toolbar-body,
[id^="hyperprofil_toolbar_"] .card .card-body {
    padding-left: var(--hyperprofil-toolbar-padding-x) !important;
    padding-right: var(--hyperprofil-toolbar-padding-x) !important;
}

/* Zone contenu : même padding que la toolbar à gauche et à droite (bord bouton Mise à jour / bord recherche). LTR + RTL explicites pour éviter tout override. */
.hyperprofil-content-wrap .card-inner {
    box-sizing: border-box !important;
    padding-inline-start: var(--hyperprofil-toolbar-padding-x) !important;
    padding-inline-end: var(--hyperprofil-toolbar-padding-x) !important;
}
/* LTR : forcer padding gauche et droite identiques */
[dir="ltr"] .hyperprofil-content-wrap .card-inner,
html:not([dir="rtl"]) .hyperprofil-content-wrap .card-inner {
    padding-left: var(--hyperprofil-toolbar-padding-x) !important;
    padding-right: var(--hyperprofil-toolbar-padding-x) !important;
}
/* RTL : même espacement, côté miroir */
[dir="rtl"] .hyperprofil-content-wrap .card-inner {
    padding-left: var(--hyperprofil-toolbar-padding-x) !important;
    padding-right: var(--hyperprofil-toolbar-padding-x) !important;
}

/* Titres de section (H4) : alignés sur la grille des sous-sections (= bord bouton Mise à jour / zone recherche).
   Le .row a des marges négatives (gutter) ; les colonnes ont du padding. Les H4 doivent avoir la même
   emprise horizontale que les colonnes : marge = demi-gouttière, largeur = 100% − gouttière.
*/
.hyperprofil-content-wrap .card-inner .row > .hyperprofil-category-header,
.hyperprofil-content-wrap .card-inner .row > .hyperprofil-rayon-header,
.hyperprofil-content-wrap .card-inner .row > .hyperprofil-region-header,
.hyperprofil-content-wrap .card-inner .row > .hyperprofil-country-header,
.hyperprofil-content-wrap .card-inner .row > .hyperprofil-department-header,
.hyperprofil-content-wrap .card-inner .row > .hyperprofil-city-header,
.hyperprofil-content-wrap .card-inner .row > .hyperprofil-devise-header,
.hyperprofil-content-wrap .card-inner .row > .hyperprofil-language-group-header {
    margin-left: calc(0.5 * var(--bs-gutter-x, 1.5rem)) !important;
    margin-right: calc(0.5 * var(--bs-gutter-x, 1.5rem)) !important;
    width: calc(100% - var(--bs-gutter-x, 1.5rem)) !important;
    max-width: calc(100% - var(--bs-gutter-x, 1.5rem)) !important;
    padding-left: var(--hyperprofil-toolbar-padding-x) !important;
    padding-right: var(--hyperprofil-toolbar-padding-x) !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   DÉCALAGE CONTENU SOUS LA TOOLBAR FIXE
   Un seul spacer dans le flux (HTML) réserve l'espace ; aucun JS ne modifie la position.
   ========================================================================== */
.hyperprofil-toolbar-spacer {
    display: block !important;
    width: 100% !important;
    height: 140px !important;
    min-height: 140px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}
@media (max-width: 767.98px) {
    .hyperprofil-toolbar-spacer {
        height: 120px !important;
        min-height: 120px !important;
    }
}
.hyperprofil-content-wrap {
    padding-top: 0 !important;
}

/* Zone des contenus : pas de margin horizontal (source supprimée en PHP pour pages hyperprofil). */
.hyperprofil-content-wrap,
.hyperprofil-content-wrap .card.card-bordered {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ==========================================================================
   RESPONSIVE SMARTPHONES (max-width: 767.98px)
   ========================================================================== */

@media (max-width: 767.98px) {
    /* Réduire le padding horizontal de card-inner à 10px max */
    /* Le padding vertical est conservé pour la lisibilité */
    .card-inner {
        padding: 1rem 10px !important;
    }
    
    /* Réduire le padding de nk-content à 0 pour éviter les accumulations */
    /* On laisse seulement 10px de padding sur card-inner */
    .nk-content,
    .nk-content-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Réduire les marges left/right du conteneur row flex-wrap g-4 */
    .card-inner .flex-wrap.g-4.row,
    .flex-wrap.g-4.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Enlever la marge de card card-bordered sur mobile */
    .card.card-bordered {
        margin: 0 !important;
    }
    
    /* Dark mode - Cards */
    .dark-mode .card.card-bordered,
    html.dark-mode .card.card-bordered,
    [data-bs-theme='dark'] .card.card-bordered {
        background-color: #1a1d29 !important;
        border-color: #495057 !important;
    }
    
    /* Enlever les paddings left/right des colonnes Bootstrap */
    .row > .col-xl-12,
    .row > .col-lg-12,
    .row > .col-md-12,
    .row > .col-sm-12,
    .row > .col-12,
    .flex-wrap.g-4.row > .col-xl-12,
    .flex-wrap.g-4.row > .col-lg-12,
    .flex-wrap.g-4.row > .col-md-12,
    .flex-wrap.g-4.row > .col-sm-12,
    .flex-wrap.g-4.row > .col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Pour les colonnes Bootstrap qui pourraient ajouter du padding */
    .col-xl-12 .card-inner,
    .col-lg-12 .card-inner,
    .col-md-12 .card-inner,
    .col-sm-12 .card-inner,
    .col-12 .card-inner {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    /* S'assurer que les cards ne débordent pas */
    .card {
        max-width: 100%;
        overflow-x: hidden;
    }
    
    /* ==========================================================================
       OPTIMISATION TOOLBAR - SMARTPHONES
       ========================================================================== */
    
    /* Réduire le padding du card-body de la toolbar */
    .hyperprofil-toolbar-body {
        padding: 0.5rem !important;
    }
    
    /* Optimiser le bouton de mise à jour */
    .hyperprofil-update-btn {
        font-size: 0.875rem !important;
        padding: 0.375rem 0.75rem !important;
        white-space: nowrap !important;
    }
    
    /* Optimiser le champ de recherche */
    .hyperprofil-search-input {
        font-size: 0.875rem !important;
    }
    
    /* Réduire le gap dans la row de la toolbar */
    .hyperprofil-toolbar-row {
        --bs-gutter-x: 0.5rem;
    }
    
    /* ==========================================================================
       OPTIMISATION HEADERS DE GROUPES - SMARTPHONES
       ========================================================================== */
    
    /* Headers de groupes (h4 avec "Tout sélectionner") */
    .hyperprofil-category-header,
    .hyperprofil-rayon-header,
    .hyperprofil-region-header,
    .hyperprofil-country-header,
    .hyperprofil-department-header,
    .hyperprofil-city-header,
    .hyperprofil-devise-header,
    .hyperprofil-language-group-header {
        font-size: 0.875rem !important;
        margin-top: 0.5rem !important;
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    
    /* Titre du groupe à gauche */
    .hyperprofil-group-title {
        font-size: 0.875rem !important;
        flex: 1 !important;
        text-align: left !important;
    }
    
    /* Checkbox et label "Tout sélectionner" à droite */
    .hyperprofil-category-header .form-check,
    .hyperprofil-rayon-header .form-check,
    .hyperprofil-region-header .form-check,
    .hyperprofil-country-header .form-check,
    .hyperprofil-department-header .form-check,
    .hyperprofil-city-header .form-check,
    .hyperprofil-devise-header .form-check,
    .hyperprofil-language-group-header .form-check {
        margin-left: 0.5rem !important;
        flex-shrink: 0 !important;
    }
    
    .hyperprofil-category-header .form-check-label,
    .hyperprofil-rayon-header .form-check-label,
    .hyperprofil-region-header .form-check-label,
    .hyperprofil-country-header .form-check-label,
    .hyperprofil-department-header .form-check-label,
    .hyperprofil-city-header .form-check-label,
    .hyperprofil-devise-header .form-check-label,
    .hyperprofil-language-group-header .form-check-label {
        font-size: 0.75rem !important;
    }
    
    /* Réduire la taille des checkboxes */
    .hyperprofil-category-header .form-check-input,
    .hyperprofil-rayon-header .form-check-input,
    .hyperprofil-region-header .form-check-input,
    .hyperprofil-country-header .form-check-input,
    .hyperprofil-department-header .form-check-input,
    .hyperprofil-city-header .form-check-input,
    .hyperprofil-devise-header .form-check-input,
    .hyperprofil-language-group-header .form-check-input {
        width: 1rem !important;
        height: 1rem !important;
    }
    
    /* ==========================================================================
       OPTIMISATION GRID ITEMS - SMARTPHONES
       ========================================================================== */
    
    /* Réduire les colonnes pour plus d'items visibles */
    /* Override des classes Bootstrap col-6 pour afficher 3 colonnes au lieu de 2 */
    .hyperprofil-category-item.col-6,
    .hyperprofil-rayon-item.col-6,
    .hyperprofil-region-item.col-6,
    .hyperprofil-country-item.col-6,
    .hyperprofil-department-item.col-6,
    .hyperprofil-city-item.col-6,
    .hyperprofil-devise-item.col-6,
    .hyperprofil-language-item.col-6,
    .hyperprofil-category-item,
    .hyperprofil-rayon-item,
    .hyperprofil-region-item,
    .hyperprofil-country-item,
    .hyperprofil-department-item,
    .hyperprofil-city-item,
    .hyperprofil-devise-item,
    .hyperprofil-language-item {
        /* col-6 devient col-4 pour 3 colonnes au lieu de 2 */
        flex: 0 0 auto !important;
        width: 33.33333333% !important;
        max-width: 33.33333333% !important;
    }
    
    /* Réduire les gaps dans la grid */
    .flex-wrap.g-4.row {
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0.5rem;
    }
    
    /* Titres des items de catégories */
    .hyperprofil-category-link,
    .hyperprofil-rayon-link,
    .hyperprofil-region-link,
    .hyperprofil-country-link,
    .hyperprofil-department-link,
    .hyperprofil-city-link,
    .hyperprofil-devise-link,
    .hyperprofil-language-link {
        font-size: 0.75rem !important;
        line-height: 1.2 !important;
    }
    
    /* ==========================================================================
       OPTIMISATION BOUTONS DU BODY - SMARTPHONES
       ========================================================================== */
    
    /* Tous les boutons btn-lg deviennent btn-sm */
    .card-inner .btn-lg,
    .card-body .btn-lg {
        font-size: 0.875rem !important;
        padding: 0.375rem 0.75rem !important;
    }
    
    /* ==========================================================================
       OPTIMISATION TEXTES GÉNÉRAUX - SMARTPHONES
       ========================================================================== */
    
    /* Alertes et info boxes */
    .alert,
    .alert-pro {
        font-size: 0.875rem !important;
        padding: 0.75rem !important;
    }
    
    .alert-heading h6 {
        font-size: 0.875rem !important;
    }
    
    /* Labels et textes dans les cards */
    .card-inner label,
    .card-body label {
        font-size: 0.75rem !important;
    }
    
    .card-inner .text-soft,
    .card-body .text-soft {
        font-size: 0.8125rem !important;
    }
    
    /* ==========================================================================
       AMÉLIORATION LISIBILITÉ ZONES DE RECHERCHE STICKY - THÈME CLAIR
       ========================================================================== */
    
    /* Zones de recherche dans les toolbars hyperprofil - thème clair */
    #hyperprofil_toolbar_categories input[type="search"],
    #hyperprofil_toolbar_categories .form-control,
    #hyperprofil_toolbar_rayons input[type="search"],
    #hyperprofil_toolbar_rayons .form-control,
    #hyperprofil_toolbar_regions input[type="search"],
    #hyperprofil_toolbar_regions .form-control,
    #hyperprofil_toolbar_countries input[type="search"],
    #hyperprofil_toolbar_countries .form-control,
    #hyperprofil_toolbar_departments input[type="search"],
    #hyperprofil_toolbar_departments .form-control,
    #hyperprofil_toolbar_cities input[type="search"],
    #hyperprofil_toolbar_cities .form-control,
    #hyperprofil_toolbar_devises input[type="search"],
    #hyperprofil_toolbar_devises .form-control,
    #hyperprofil_toolbar_languages input[type="search"],
    #hyperprofil_toolbar_languages .form-control {
        color: #212529 !important;
        background-color: #ffffff !important;
        border-color: #ced4da !important;
    }
    
    /* Placeholder des champs de recherche */
    #hyperprofil_toolbar_categories input[type="search"]::placeholder,
    #hyperprofil_toolbar_categories .form-control::placeholder,
    #hyperprofil_toolbar_rayons input[type="search"]::placeholder,
    #hyperprofil_toolbar_rayons .form-control::placeholder,
    #hyperprofil_toolbar_regions input[type="search"]::placeholder,
    #hyperprofil_toolbar_regions .form-control::placeholder,
    #hyperprofil_toolbar_countries input[type="search"]::placeholder,
    #hyperprofil_toolbar_countries .form-control::placeholder,
    #hyperprofil_toolbar_departments input[type="search"]::placeholder,
    #hyperprofil_toolbar_departments .form-control::placeholder,
    #hyperprofil_toolbar_cities input[type="search"]::placeholder,
    #hyperprofil_toolbar_cities .form-control::placeholder,
    #hyperprofil_toolbar_devises input[type="search"]::placeholder,
    #hyperprofil_toolbar_devises .form-control::placeholder,
    #hyperprofil_toolbar_languages input[type="search"]::placeholder,
    #hyperprofil_toolbar_languages .form-control::placeholder {
        color: #6c757d !important;
        opacity: 1 !important;
    }
    
    /* Focus des champs de recherche */
    #hyperprofil_toolbar_categories input[type="search"]:focus,
    #hyperprofil_toolbar_categories .form-control:focus,
    #hyperprofil_toolbar_rayons input[type="search"]:focus,
    #hyperprofil_toolbar_rayons .form-control:focus,
    #hyperprofil_toolbar_regions input[type="search"]:focus,
    #hyperprofil_toolbar_regions .form-control:focus,
    #hyperprofil_toolbar_countries input[type="search"]:focus,
    #hyperprofil_toolbar_countries .form-control:focus,
    #hyperprofil_toolbar_departments input[type="search"]:focus,
    #hyperprofil_toolbar_departments .form-control:focus,
    #hyperprofil_toolbar_cities input[type="search"]:focus,
    #hyperprofil_toolbar_cities .form-control:focus,
    #hyperprofil_toolbar_devises input[type="search"]:focus,
    #hyperprofil_toolbar_devises .form-control:focus,
    #hyperprofil_toolbar_languages input[type="search"]:focus,
    #hyperprofil_toolbar_languages .form-control:focus {
        color: #212529 !important;
        background-color: #ffffff !important;
        border-color: #80bdff !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    }
    
    /* ==========================================================================
       AMÉLIORATION LISIBILITÉ BOUTONS DE MISE À JOUR - THÈME CLAIR
       ========================================================================== */
    
    /* Boutons de mise à jour dans les toolbars hyperprofil - thème clair */
    #hyperprofil_toolbar_categories .btn-primary,
    #hyperprofil_toolbar_categories .btn-primary.btn-lg,
    #hyperprofil_toolbar_categories .eg-swal-report,
    #hyperprofil_toolbar_rayons .btn-primary,
    #hyperprofil_toolbar_rayons .btn-primary.btn-lg,
    #hyperprofil_toolbar_rayons .eg-swal-report,
    #hyperprofil_toolbar_regions .btn-primary,
    #hyperprofil_toolbar_regions .btn-primary.btn-lg,
    #hyperprofil_toolbar_regions .eg-swal-report,
    #hyperprofil_toolbar_countries .btn-primary,
    #hyperprofil_toolbar_countries .btn-primary.btn-lg,
    #hyperprofil_toolbar_countries .eg-swal-report,
    #hyperprofil_toolbar_departments .btn-primary,
    #hyperprofil_toolbar_departments .btn-primary.btn-lg,
    #hyperprofil_toolbar_departments .eg-swal-report,
    #hyperprofil_toolbar_cities .btn-primary,
    #hyperprofil_toolbar_cities .btn-primary.btn-lg,
    #hyperprofil_toolbar_cities .eg-swal-report,
    #hyperprofil_toolbar_devises .btn-primary,
    #hyperprofil_toolbar_devises .btn-primary.btn-lg,
    #hyperprofil_toolbar_devises .eg-swal-report,
    #hyperprofil_toolbar_languages .btn-primary,
    #hyperprofil_toolbar_languages .btn-primary.btn-lg,
    #hyperprofil_toolbar_languages .eg-swal-report {
        color: #ffffff !important;
        background-color: #0d6efd !important;
        border-color: #0d6efd !important;
    }
    
    /* Boutons désactivés */
    #hyperprofil_toolbar_categories .btn-primary:disabled,
    #hyperprofil_toolbar_categories .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_categories .eg-swal-report:disabled,
    #hyperprofil_toolbar_rayons .btn-primary:disabled,
    #hyperprofil_toolbar_rayons .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_rayons .eg-swal-report:disabled,
    #hyperprofil_toolbar_regions .btn-primary:disabled,
    #hyperprofil_toolbar_regions .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_regions .eg-swal-report:disabled,
    #hyperprofil_toolbar_countries .btn-primary:disabled,
    #hyperprofil_toolbar_countries .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_countries .eg-swal-report:disabled,
    #hyperprofil_toolbar_departments .btn-primary:disabled,
    #hyperprofil_toolbar_departments .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_departments .eg-swal-report:disabled,
    #hyperprofil_toolbar_cities .btn-primary:disabled,
    #hyperprofil_toolbar_cities .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_cities .eg-swal-report:disabled,
    #hyperprofil_toolbar_devises .btn-primary:disabled,
    #hyperprofil_toolbar_devises .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_devises .eg-swal-report:disabled,
    #hyperprofil_toolbar_languages .btn-primary:disabled,
    #hyperprofil_toolbar_languages .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_languages .eg-swal-report:disabled {
        color: #ffffff !important;
        background-color: #6c757d !important;
        border-color: #6c757d !important;
        opacity: 0.8 !important;
    }
    
    /* ==========================================================================
       DARK MODE - SMARTPHONES
       ========================================================================== */
    
    /* Restaurer le background transparent en dark mode pour les toolbars */
    .dark-mode #hyperprofil_toolbar_categories,
    html.dark-mode #hyperprofil_toolbar_categories,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories,
    .dark-mode #hyperprofil_toolbar_rayons,
    html.dark-mode #hyperprofil_toolbar_rayons,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons,
    .dark-mode #hyperprofil_toolbar_regions,
    html.dark-mode #hyperprofil_toolbar_regions,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions,
    .dark-mode #hyperprofil_toolbar_countries,
    html.dark-mode #hyperprofil_toolbar_countries,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries,
    .dark-mode #hyperprofil_toolbar_departments,
    html.dark-mode #hyperprofil_toolbar_departments,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments,
    .dark-mode #hyperprofil_toolbar_cities,
    html.dark-mode #hyperprofil_toolbar_cities,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities,
    .dark-mode #hyperprofil_toolbar_devises,
    html.dark-mode #hyperprofil_toolbar_devises,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises,
    .dark-mode #hyperprofil_toolbar_languages,
    html.dark-mode #hyperprofil_toolbar_languages,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages {
        background: transparent !important;
    }
    
    /* Conteneurs des zones de recherche en dark mode - changer bg-white */
    .dark-mode #hyperprofil_toolbar_categories .card.bg-white,
    .dark-mode #hyperprofil_toolbar_categories .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_categories .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_categories .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_rayons .card.bg-white,
    .dark-mode #hyperprofil_toolbar_rayons .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_rayons .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_rayons .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_regions .card.bg-white,
    .dark-mode #hyperprofil_toolbar_regions .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_regions .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_regions .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_countries .card.bg-white,
    .dark-mode #hyperprofil_toolbar_countries .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_countries .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_countries .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_departments .card.bg-white,
    .dark-mode #hyperprofil_toolbar_departments .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_departments .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_departments .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_cities .card.bg-white,
    .dark-mode #hyperprofil_toolbar_cities .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_cities .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_cities .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_devises .card.bg-white,
    .dark-mode #hyperprofil_toolbar_devises .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_devises .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_devises .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_languages .card.bg-white,
    .dark-mode #hyperprofil_toolbar_languages .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_languages .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_languages .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .card.card-bordered.bg-white {
        background-color: #1a1d29 !important;
    }
    
    /* Card-body des zones de recherche en dark mode */
    .dark-mode #hyperprofil_toolbar_categories .card-body,
    html.dark-mode #hyperprofil_toolbar_categories .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .card-body,
    .dark-mode #hyperprofil_toolbar_rayons .card-body,
    html.dark-mode #hyperprofil_toolbar_rayons .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .card-body,
    .dark-mode #hyperprofil_toolbar_regions .card-body,
    html.dark-mode #hyperprofil_toolbar_regions .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .card-body,
    .dark-mode #hyperprofil_toolbar_countries .card-body,
    html.dark-mode #hyperprofil_toolbar_countries .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .card-body,
    .dark-mode #hyperprofil_toolbar_departments .card-body,
    html.dark-mode #hyperprofil_toolbar_departments .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .card-body,
    .dark-mode #hyperprofil_toolbar_cities .card-body,
    html.dark-mode #hyperprofil_toolbar_cities .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .card-body,
    .dark-mode #hyperprofil_toolbar_devises .card-body,
    html.dark-mode #hyperprofil_toolbar_devises .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .card-body,
    .dark-mode #hyperprofil_toolbar_languages .card-body,
    html.dark-mode #hyperprofil_toolbar_languages .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .card-body {
        background-color: transparent !important;
    }
    
    /* Rows et colonnes dans les zones de recherche en dark mode - SMARTPHONES */
    .dark-mode #hyperprofil_toolbar_categories .row,
    .dark-mode #hyperprofil_toolbar_categories .col,
    .dark-mode #hyperprofil_toolbar_categories .col-auto,
    html.dark-mode #hyperprofil_toolbar_categories .row,
    html.dark-mode #hyperprofil_toolbar_categories .col,
    html.dark-mode #hyperprofil_toolbar_categories .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .col-auto,
    .dark-mode #hyperprofil_toolbar_rayons .row,
    .dark-mode #hyperprofil_toolbar_rayons .col,
    .dark-mode #hyperprofil_toolbar_rayons .col-auto,
    html.dark-mode #hyperprofil_toolbar_rayons .row,
    html.dark-mode #hyperprofil_toolbar_rayons .col,
    html.dark-mode #hyperprofil_toolbar_rayons .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .col-auto,
    .dark-mode #hyperprofil_toolbar_regions .row,
    .dark-mode #hyperprofil_toolbar_regions .col,
    .dark-mode #hyperprofil_toolbar_regions .col-auto,
    html.dark-mode #hyperprofil_toolbar_regions .row,
    html.dark-mode #hyperprofil_toolbar_regions .col,
    html.dark-mode #hyperprofil_toolbar_regions .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .col-auto,
    .dark-mode #hyperprofil_toolbar_countries .row,
    .dark-mode #hyperprofil_toolbar_countries .col,
    .dark-mode #hyperprofil_toolbar_countries .col-auto,
    html.dark-mode #hyperprofil_toolbar_countries .row,
    html.dark-mode #hyperprofil_toolbar_countries .col,
    html.dark-mode #hyperprofil_toolbar_countries .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .col-auto,
    .dark-mode #hyperprofil_toolbar_departments .row,
    .dark-mode #hyperprofil_toolbar_departments .col,
    .dark-mode #hyperprofil_toolbar_departments .col-auto,
    html.dark-mode #hyperprofil_toolbar_departments .row,
    html.dark-mode #hyperprofil_toolbar_departments .col,
    html.dark-mode #hyperprofil_toolbar_departments .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .col-auto,
    .dark-mode #hyperprofil_toolbar_cities .row,
    .dark-mode #hyperprofil_toolbar_cities .col,
    .dark-mode #hyperprofil_toolbar_cities .col-auto,
    html.dark-mode #hyperprofil_toolbar_cities .row,
    html.dark-mode #hyperprofil_toolbar_cities .col,
    html.dark-mode #hyperprofil_toolbar_cities .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .col-auto,
    .dark-mode #hyperprofil_toolbar_devises .row,
    .dark-mode #hyperprofil_toolbar_devises .col,
    .dark-mode #hyperprofil_toolbar_devises .col-auto,
    html.dark-mode #hyperprofil_toolbar_devises .row,
    html.dark-mode #hyperprofil_toolbar_devises .col,
    html.dark-mode #hyperprofil_toolbar_devises .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .col-auto,
    .dark-mode #hyperprofil_toolbar_languages .row,
    .dark-mode #hyperprofil_toolbar_languages .col,
    .dark-mode #hyperprofil_toolbar_languages .col-auto,
    html.dark-mode #hyperprofil_toolbar_languages .row,
    html.dark-mode #hyperprofil_toolbar_languages .col,
    html.dark-mode #hyperprofil_toolbar_languages .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .col-auto {
        background-color: transparent !important;
    }
    
    /* Zones de recherche en dark mode */
    .dark-mode #hyperprofil_toolbar_categories input[type="search"],
    .dark-mode #hyperprofil_toolbar_categories .form-control,
    html.dark-mode #hyperprofil_toolbar_categories input[type="search"],
    html.dark-mode #hyperprofil_toolbar_categories .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .form-control,
    .dark-mode #hyperprofil_toolbar_rayons input[type="search"],
    .dark-mode #hyperprofil_toolbar_rayons .form-control,
    html.dark-mode #hyperprofil_toolbar_rayons input[type="search"],
    html.dark-mode #hyperprofil_toolbar_rayons .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .form-control,
    .dark-mode #hyperprofil_toolbar_regions input[type="search"],
    .dark-mode #hyperprofil_toolbar_regions .form-control,
    html.dark-mode #hyperprofil_toolbar_regions input[type="search"],
    html.dark-mode #hyperprofil_toolbar_regions .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .form-control,
    .dark-mode #hyperprofil_toolbar_countries input[type="search"],
    .dark-mode #hyperprofil_toolbar_countries .form-control,
    html.dark-mode #hyperprofil_toolbar_countries input[type="search"],
    html.dark-mode #hyperprofil_toolbar_countries .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .form-control,
    .dark-mode #hyperprofil_toolbar_departments input[type="search"],
    .dark-mode #hyperprofil_toolbar_departments .form-control,
    html.dark-mode #hyperprofil_toolbar_departments input[type="search"],
    html.dark-mode #hyperprofil_toolbar_departments .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .form-control,
    .dark-mode #hyperprofil_toolbar_cities input[type="search"],
    .dark-mode #hyperprofil_toolbar_cities .form-control,
    html.dark-mode #hyperprofil_toolbar_cities input[type="search"],
    html.dark-mode #hyperprofil_toolbar_cities .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .form-control,
    .dark-mode #hyperprofil_toolbar_devises input[type="search"],
    .dark-mode #hyperprofil_toolbar_devises .form-control,
    html.dark-mode #hyperprofil_toolbar_devises input[type="search"],
    html.dark-mode #hyperprofil_toolbar_devises .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .form-control,
    .dark-mode #hyperprofil_toolbar_languages input[type="search"],
    .dark-mode #hyperprofil_toolbar_languages .form-control,
    html.dark-mode #hyperprofil_toolbar_languages input[type="search"],
    html.dark-mode #hyperprofil_toolbar_languages .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .form-control {
        color: #e9ecef !important;
        background-color: #1a1d29 !important;
        border-color: #495057 !important;
    }
    
    /* Placeholder des champs de recherche en dark mode */
    .dark-mode #hyperprofil_toolbar_categories input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_categories .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_categories input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_categories .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_rayons input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_rayons .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_rayons input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_rayons .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_regions input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_regions .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_regions input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_regions .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_countries input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_countries .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_countries input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_countries .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_departments input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_departments .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_departments input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_departments .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_cities input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_cities .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_cities input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_cities .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_devises input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_devises .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_devises input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_devises .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_languages input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_languages .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_languages input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_languages .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .form-control::placeholder {
        color: #adb5bd !important;
        opacity: 1 !important;
    }
    
    /* Focus des champs de recherche en dark mode */
    .dark-mode #hyperprofil_toolbar_categories input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_categories .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_categories input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_categories .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .form-control:focus,
    .dark-mode #hyperprofil_toolbar_rayons input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_rayons .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_rayons input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_rayons .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .form-control:focus,
    .dark-mode #hyperprofil_toolbar_regions input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_regions .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_regions input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_regions .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .form-control:focus,
    .dark-mode #hyperprofil_toolbar_countries input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_countries .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_countries input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_countries .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .form-control:focus,
    .dark-mode #hyperprofil_toolbar_departments input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_departments .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_departments input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_departments .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .form-control:focus,
    .dark-mode #hyperprofil_toolbar_cities input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_cities .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_cities input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_cities .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .form-control:focus,
    .dark-mode #hyperprofil_toolbar_devises input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_devises .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_devises input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_devises .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .form-control:focus,
    .dark-mode #hyperprofil_toolbar_languages input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_languages .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_languages input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_languages .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .form-control:focus {
        color: #ffffff !important;
        background-color: #1a1d29 !important;
        border-color: #80bdff !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    }
    
    /* Boutons de mise à jour en dark mode */
    .dark-mode #hyperprofil_toolbar_categories .btn-primary,
    .dark-mode #hyperprofil_toolbar_categories .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_categories .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_categories .btn-primary,
    html.dark-mode #hyperprofil_toolbar_categories .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_categories .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_rayons .btn-primary,
    .dark-mode #hyperprofil_toolbar_rayons .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_rayons .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_rayons .btn-primary,
    html.dark-mode #hyperprofil_toolbar_rayons .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_rayons .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_regions .btn-primary,
    .dark-mode #hyperprofil_toolbar_regions .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_regions .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_regions .btn-primary,
    html.dark-mode #hyperprofil_toolbar_regions .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_regions .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_countries .btn-primary,
    .dark-mode #hyperprofil_toolbar_countries .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_countries .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_countries .btn-primary,
    html.dark-mode #hyperprofil_toolbar_countries .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_countries .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_departments .btn-primary,
    .dark-mode #hyperprofil_toolbar_departments .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_departments .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_departments .btn-primary,
    html.dark-mode #hyperprofil_toolbar_departments .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_departments .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_cities .btn-primary,
    .dark-mode #hyperprofil_toolbar_cities .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_cities .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_cities .btn-primary,
    html.dark-mode #hyperprofil_toolbar_cities .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_cities .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_devises .btn-primary,
    .dark-mode #hyperprofil_toolbar_devises .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_devises .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_devises .btn-primary,
    html.dark-mode #hyperprofil_toolbar_devises .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_devises .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_languages .btn-primary,
    .dark-mode #hyperprofil_toolbar_languages .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_languages .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_languages .btn-primary,
    html.dark-mode #hyperprofil_toolbar_languages .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_languages .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .eg-swal-report {
        color: #ffffff !important;
        background-color: #0d6efd !important;
        border-color: #0d6efd !important;
    }
}

/* ==========================================================================
   RESPONSIVE TABLETTES (768px - 991.98px)
   ========================================================================== */

@media (min-width: 768px) and (max-width: 991.98px) {
    /* Réduire le padding horizontal de card-inner à 10px max */
    /* Le padding vertical est légèrement augmenté pour tablettes */
    .card-inner {
        padding: 1.2rem 10px !important;
    }
    
    /* Réduire le padding de nk-content à 0 pour éviter les accumulations */
    .nk-content,
    .nk-content-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Réduire les marges left/right du conteneur row flex-wrap g-4 */
    .card-inner .flex-wrap.g-4.row,
    .flex-wrap.g-4.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Enlever la marge de card card-bordered sur tablettes */
    .card.card-bordered {
        margin: 0 !important;
    }
    
    /* Dark mode - Cards */
    .dark-mode .card.card-bordered,
    html.dark-mode .card.card-bordered,
    [data-bs-theme='dark'] .card.card-bordered {
        background-color: #1a1d29 !important;
        border-color: #495057 !important;
    }
    
    /* Enlever les paddings left/right des colonnes Bootstrap */
    .row > .col-xl-12,
    .row > .col-lg-12,
    .row > .col-md-12,
    .row > .col-sm-12,
    .row > .col-12,
    .flex-wrap.g-4.row > .col-xl-12,
    .flex-wrap.g-4.row > .col-lg-12,
    .flex-wrap.g-4.row > .col-md-12,
    .flex-wrap.g-4.row > .col-sm-12,
    .flex-wrap.g-4.row > .col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Pour les colonnes Bootstrap */
    .col-xl-12 .card-inner,
    .col-lg-12 .card-inner,
    .col-md-12 .card-inner,
    .col-sm-12 .card-inner {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    /* S'assurer que les cards ne débordent pas */
    .card {
        max-width: 100%;
        overflow-x: hidden;
    }
    
    /* ==========================================================================
       AMÉLIORATION LISIBILITÉ ZONES DE RECHERCHE STICKY - THÈME CLAIR
       ========================================================================== */
    
    /* Zones de recherche dans les toolbars hyperprofil - thème clair */
    #hyperprofil_toolbar_categories input[type="search"],
    #hyperprofil_toolbar_categories .form-control,
    #hyperprofil_toolbar_rayons input[type="search"],
    #hyperprofil_toolbar_rayons .form-control,
    #hyperprofil_toolbar_regions input[type="search"],
    #hyperprofil_toolbar_regions .form-control,
    #hyperprofil_toolbar_countries input[type="search"],
    #hyperprofil_toolbar_countries .form-control,
    #hyperprofil_toolbar_departments input[type="search"],
    #hyperprofil_toolbar_departments .form-control,
    #hyperprofil_toolbar_cities input[type="search"],
    #hyperprofil_toolbar_cities .form-control,
    #hyperprofil_toolbar_devises input[type="search"],
    #hyperprofil_toolbar_devises .form-control,
    #hyperprofil_toolbar_languages input[type="search"],
    #hyperprofil_toolbar_languages .form-control {
        color: #212529 !important;
        background-color: #ffffff !important;
        border-color: #ced4da !important;
    }
    
    /* Placeholder des champs de recherche */
    #hyperprofil_toolbar_categories input[type="search"]::placeholder,
    #hyperprofil_toolbar_categories .form-control::placeholder,
    #hyperprofil_toolbar_rayons input[type="search"]::placeholder,
    #hyperprofil_toolbar_rayons .form-control::placeholder,
    #hyperprofil_toolbar_regions input[type="search"]::placeholder,
    #hyperprofil_toolbar_regions .form-control::placeholder,
    #hyperprofil_toolbar_countries input[type="search"]::placeholder,
    #hyperprofil_toolbar_countries .form-control::placeholder,
    #hyperprofil_toolbar_departments input[type="search"]::placeholder,
    #hyperprofil_toolbar_departments .form-control::placeholder,
    #hyperprofil_toolbar_cities input[type="search"]::placeholder,
    #hyperprofil_toolbar_cities .form-control::placeholder,
    #hyperprofil_toolbar_devises input[type="search"]::placeholder,
    #hyperprofil_toolbar_devises .form-control::placeholder,
    #hyperprofil_toolbar_languages input[type="search"]::placeholder,
    #hyperprofil_toolbar_languages .form-control::placeholder {
        color: #6c757d !important;
        opacity: 1 !important;
    }
    
    /* Focus des champs de recherche */
    #hyperprofil_toolbar_categories input[type="search"]:focus,
    #hyperprofil_toolbar_categories .form-control:focus,
    #hyperprofil_toolbar_rayons input[type="search"]:focus,
    #hyperprofil_toolbar_rayons .form-control:focus,
    #hyperprofil_toolbar_regions input[type="search"]:focus,
    #hyperprofil_toolbar_regions .form-control:focus,
    #hyperprofil_toolbar_countries input[type="search"]:focus,
    #hyperprofil_toolbar_countries .form-control:focus,
    #hyperprofil_toolbar_departments input[type="search"]:focus,
    #hyperprofil_toolbar_departments .form-control:focus,
    #hyperprofil_toolbar_cities input[type="search"]:focus,
    #hyperprofil_toolbar_cities .form-control:focus,
    #hyperprofil_toolbar_devises input[type="search"]:focus,
    #hyperprofil_toolbar_devises .form-control:focus,
    #hyperprofil_toolbar_languages input[type="search"]:focus,
    #hyperprofil_toolbar_languages .form-control:focus {
        color: #212529 !important;
        background-color: #ffffff !important;
        border-color: #80bdff !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    }
    
    /* ==========================================================================
       AMÉLIORATION LISIBILITÉ BOUTONS DE MISE À JOUR - THÈME CLAIR
       ========================================================================== */
    
    /* Boutons de mise à jour dans les toolbars hyperprofil - thème clair */
    #hyperprofil_toolbar_categories .btn-primary,
    #hyperprofil_toolbar_categories .btn-primary.btn-lg,
    #hyperprofil_toolbar_categories .eg-swal-report,
    #hyperprofil_toolbar_rayons .btn-primary,
    #hyperprofil_toolbar_rayons .btn-primary.btn-lg,
    #hyperprofil_toolbar_rayons .eg-swal-report,
    #hyperprofil_toolbar_regions .btn-primary,
    #hyperprofil_toolbar_regions .btn-primary.btn-lg,
    #hyperprofil_toolbar_regions .eg-swal-report,
    #hyperprofil_toolbar_countries .btn-primary,
    #hyperprofil_toolbar_countries .btn-primary.btn-lg,
    #hyperprofil_toolbar_countries .eg-swal-report,
    #hyperprofil_toolbar_departments .btn-primary,
    #hyperprofil_toolbar_departments .btn-primary.btn-lg,
    #hyperprofil_toolbar_departments .eg-swal-report,
    #hyperprofil_toolbar_cities .btn-primary,
    #hyperprofil_toolbar_cities .btn-primary.btn-lg,
    #hyperprofil_toolbar_cities .eg-swal-report,
    #hyperprofil_toolbar_devises .btn-primary,
    #hyperprofil_toolbar_devises .btn-primary.btn-lg,
    #hyperprofil_toolbar_devises .eg-swal-report,
    #hyperprofil_toolbar_languages .btn-primary,
    #hyperprofil_toolbar_languages .btn-primary.btn-lg,
    #hyperprofil_toolbar_languages .eg-swal-report {
        color: #ffffff !important;
        background-color: #0d6efd !important;
        border-color: #0d6efd !important;
    }
    
    /* Boutons désactivés */
    #hyperprofil_toolbar_categories .btn-primary:disabled,
    #hyperprofil_toolbar_categories .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_categories .eg-swal-report:disabled,
    #hyperprofil_toolbar_rayons .btn-primary:disabled,
    #hyperprofil_toolbar_rayons .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_rayons .eg-swal-report:disabled,
    #hyperprofil_toolbar_regions .btn-primary:disabled,
    #hyperprofil_toolbar_regions .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_regions .eg-swal-report:disabled,
    #hyperprofil_toolbar_countries .btn-primary:disabled,
    #hyperprofil_toolbar_countries .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_countries .eg-swal-report:disabled,
    #hyperprofil_toolbar_departments .btn-primary:disabled,
    #hyperprofil_toolbar_departments .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_departments .eg-swal-report:disabled,
    #hyperprofil_toolbar_cities .btn-primary:disabled,
    #hyperprofil_toolbar_cities .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_cities .eg-swal-report:disabled,
    #hyperprofil_toolbar_devises .btn-primary:disabled,
    #hyperprofil_toolbar_devises .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_devises .eg-swal-report:disabled,
    #hyperprofil_toolbar_languages .btn-primary:disabled,
    #hyperprofil_toolbar_languages .btn-primary.btn-lg:disabled,
    #hyperprofil_toolbar_languages .eg-swal-report:disabled {
        color: #ffffff !important;
        background-color: #6c757d !important;
        border-color: #6c757d !important;
        opacity: 0.8 !important;
    }
    
    /* ==========================================================================
       DARK MODE - TABLETTES
       ========================================================================== */
    
    /* Restaurer le background transparent en dark mode pour les toolbars */
    .dark-mode #hyperprofil_toolbar_categories,
    html.dark-mode #hyperprofil_toolbar_categories,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories,
    .dark-mode #hyperprofil_toolbar_rayons,
    html.dark-mode #hyperprofil_toolbar_rayons,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons,
    .dark-mode #hyperprofil_toolbar_regions,
    html.dark-mode #hyperprofil_toolbar_regions,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions,
    .dark-mode #hyperprofil_toolbar_countries,
    html.dark-mode #hyperprofil_toolbar_countries,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries,
    .dark-mode #hyperprofil_toolbar_departments,
    html.dark-mode #hyperprofil_toolbar_departments,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments,
    .dark-mode #hyperprofil_toolbar_cities,
    html.dark-mode #hyperprofil_toolbar_cities,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities,
    .dark-mode #hyperprofil_toolbar_devises,
    html.dark-mode #hyperprofil_toolbar_devises,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises,
    .dark-mode #hyperprofil_toolbar_languages,
    html.dark-mode #hyperprofil_toolbar_languages,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages {
        background: transparent !important;
    }
    
    /* Conteneurs des zones de recherche en dark mode - changer bg-white */
    .dark-mode #hyperprofil_toolbar_categories .card.bg-white,
    .dark-mode #hyperprofil_toolbar_categories .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_categories .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_categories .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_rayons .card.bg-white,
    .dark-mode #hyperprofil_toolbar_rayons .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_rayons .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_rayons .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_regions .card.bg-white,
    .dark-mode #hyperprofil_toolbar_regions .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_regions .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_regions .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_countries .card.bg-white,
    .dark-mode #hyperprofil_toolbar_countries .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_countries .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_countries .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_departments .card.bg-white,
    .dark-mode #hyperprofil_toolbar_departments .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_departments .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_departments .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_cities .card.bg-white,
    .dark-mode #hyperprofil_toolbar_cities .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_cities .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_cities .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_devises .card.bg-white,
    .dark-mode #hyperprofil_toolbar_devises .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_devises .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_devises .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .card.card-bordered.bg-white,
    .dark-mode #hyperprofil_toolbar_languages .card.bg-white,
    .dark-mode #hyperprofil_toolbar_languages .card.card-bordered.bg-white,
    html.dark-mode #hyperprofil_toolbar_languages .card.bg-white,
    html.dark-mode #hyperprofil_toolbar_languages .card.card-bordered.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .card.bg-white,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .card.card-bordered.bg-white {
        background-color: #1a1d29 !important;
    }
    
    /* Card-body des zones de recherche en dark mode */
    .dark-mode #hyperprofil_toolbar_categories .card-body,
    html.dark-mode #hyperprofil_toolbar_categories .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .card-body,
    .dark-mode #hyperprofil_toolbar_rayons .card-body,
    html.dark-mode #hyperprofil_toolbar_rayons .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .card-body,
    .dark-mode #hyperprofil_toolbar_regions .card-body,
    html.dark-mode #hyperprofil_toolbar_regions .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .card-body,
    .dark-mode #hyperprofil_toolbar_countries .card-body,
    html.dark-mode #hyperprofil_toolbar_countries .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .card-body,
    .dark-mode #hyperprofil_toolbar_departments .card-body,
    html.dark-mode #hyperprofil_toolbar_departments .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .card-body,
    .dark-mode #hyperprofil_toolbar_cities .card-body,
    html.dark-mode #hyperprofil_toolbar_cities .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .card-body,
    .dark-mode #hyperprofil_toolbar_devises .card-body,
    html.dark-mode #hyperprofil_toolbar_devises .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .card-body,
    .dark-mode #hyperprofil_toolbar_languages .card-body,
    html.dark-mode #hyperprofil_toolbar_languages .card-body,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .card-body {
        background-color: transparent !important;
    }
    
    /* Rows et colonnes dans les zones de recherche en dark mode - TABLETTES */
    .dark-mode #hyperprofil_toolbar_categories .row,
    .dark-mode #hyperprofil_toolbar_categories .col,
    .dark-mode #hyperprofil_toolbar_categories .col-auto,
    html.dark-mode #hyperprofil_toolbar_categories .row,
    html.dark-mode #hyperprofil_toolbar_categories .col,
    html.dark-mode #hyperprofil_toolbar_categories .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .col-auto,
    .dark-mode #hyperprofil_toolbar_rayons .row,
    .dark-mode #hyperprofil_toolbar_rayons .col,
    .dark-mode #hyperprofil_toolbar_rayons .col-auto,
    html.dark-mode #hyperprofil_toolbar_rayons .row,
    html.dark-mode #hyperprofil_toolbar_rayons .col,
    html.dark-mode #hyperprofil_toolbar_rayons .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .col-auto,
    .dark-mode #hyperprofil_toolbar_regions .row,
    .dark-mode #hyperprofil_toolbar_regions .col,
    .dark-mode #hyperprofil_toolbar_regions .col-auto,
    html.dark-mode #hyperprofil_toolbar_regions .row,
    html.dark-mode #hyperprofil_toolbar_regions .col,
    html.dark-mode #hyperprofil_toolbar_regions .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .col-auto,
    .dark-mode #hyperprofil_toolbar_countries .row,
    .dark-mode #hyperprofil_toolbar_countries .col,
    .dark-mode #hyperprofil_toolbar_countries .col-auto,
    html.dark-mode #hyperprofil_toolbar_countries .row,
    html.dark-mode #hyperprofil_toolbar_countries .col,
    html.dark-mode #hyperprofil_toolbar_countries .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .col-auto,
    .dark-mode #hyperprofil_toolbar_departments .row,
    .dark-mode #hyperprofil_toolbar_departments .col,
    .dark-mode #hyperprofil_toolbar_departments .col-auto,
    html.dark-mode #hyperprofil_toolbar_departments .row,
    html.dark-mode #hyperprofil_toolbar_departments .col,
    html.dark-mode #hyperprofil_toolbar_departments .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .col-auto,
    .dark-mode #hyperprofil_toolbar_cities .row,
    .dark-mode #hyperprofil_toolbar_cities .col,
    .dark-mode #hyperprofil_toolbar_cities .col-auto,
    html.dark-mode #hyperprofil_toolbar_cities .row,
    html.dark-mode #hyperprofil_toolbar_cities .col,
    html.dark-mode #hyperprofil_toolbar_cities .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .col-auto,
    .dark-mode #hyperprofil_toolbar_devises .row,
    .dark-mode #hyperprofil_toolbar_devises .col,
    .dark-mode #hyperprofil_toolbar_devises .col-auto,
    html.dark-mode #hyperprofil_toolbar_devises .row,
    html.dark-mode #hyperprofil_toolbar_devises .col,
    html.dark-mode #hyperprofil_toolbar_devises .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .col-auto,
    .dark-mode #hyperprofil_toolbar_languages .row,
    .dark-mode #hyperprofil_toolbar_languages .col,
    .dark-mode #hyperprofil_toolbar_languages .col-auto,
    html.dark-mode #hyperprofil_toolbar_languages .row,
    html.dark-mode #hyperprofil_toolbar_languages .col,
    html.dark-mode #hyperprofil_toolbar_languages .col-auto,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .row,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .col,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .col-auto {
        background-color: transparent !important;
    }
    
    /* Zones de recherche en dark mode */
    .dark-mode #hyperprofil_toolbar_categories input[type="search"],
    .dark-mode #hyperprofil_toolbar_categories .form-control,
    html.dark-mode #hyperprofil_toolbar_categories input[type="search"],
    html.dark-mode #hyperprofil_toolbar_categories .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .form-control,
    .dark-mode #hyperprofil_toolbar_rayons input[type="search"],
    .dark-mode #hyperprofil_toolbar_rayons .form-control,
    html.dark-mode #hyperprofil_toolbar_rayons input[type="search"],
    html.dark-mode #hyperprofil_toolbar_rayons .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .form-control,
    .dark-mode #hyperprofil_toolbar_regions input[type="search"],
    .dark-mode #hyperprofil_toolbar_regions .form-control,
    html.dark-mode #hyperprofil_toolbar_regions input[type="search"],
    html.dark-mode #hyperprofil_toolbar_regions .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .form-control,
    .dark-mode #hyperprofil_toolbar_countries input[type="search"],
    .dark-mode #hyperprofil_toolbar_countries .form-control,
    html.dark-mode #hyperprofil_toolbar_countries input[type="search"],
    html.dark-mode #hyperprofil_toolbar_countries .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .form-control,
    .dark-mode #hyperprofil_toolbar_departments input[type="search"],
    .dark-mode #hyperprofil_toolbar_departments .form-control,
    html.dark-mode #hyperprofil_toolbar_departments input[type="search"],
    html.dark-mode #hyperprofil_toolbar_departments .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .form-control,
    .dark-mode #hyperprofil_toolbar_cities input[type="search"],
    .dark-mode #hyperprofil_toolbar_cities .form-control,
    html.dark-mode #hyperprofil_toolbar_cities input[type="search"],
    html.dark-mode #hyperprofil_toolbar_cities .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .form-control,
    .dark-mode #hyperprofil_toolbar_devises input[type="search"],
    .dark-mode #hyperprofil_toolbar_devises .form-control,
    html.dark-mode #hyperprofil_toolbar_devises input[type="search"],
    html.dark-mode #hyperprofil_toolbar_devises .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .form-control,
    .dark-mode #hyperprofil_toolbar_languages input[type="search"],
    .dark-mode #hyperprofil_toolbar_languages .form-control,
    html.dark-mode #hyperprofil_toolbar_languages input[type="search"],
    html.dark-mode #hyperprofil_toolbar_languages .form-control,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages input[type="search"],
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .form-control {
        color: #e9ecef !important;
        background-color: #1a1d29 !important;
        border-color: #495057 !important;
    }
    
    /* Placeholder des champs de recherche en dark mode */
    .dark-mode #hyperprofil_toolbar_categories input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_categories .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_categories input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_categories .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_rayons input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_rayons .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_rayons input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_rayons .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_regions input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_regions .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_regions input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_regions .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_countries input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_countries .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_countries input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_countries .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_departments input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_departments .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_departments input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_departments .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_cities input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_cities .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_cities input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_cities .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_devises input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_devises .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_devises input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_devises .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .form-control::placeholder,
    .dark-mode #hyperprofil_toolbar_languages input[type="search"]::placeholder,
    .dark-mode #hyperprofil_toolbar_languages .form-control::placeholder,
    html.dark-mode #hyperprofil_toolbar_languages input[type="search"]::placeholder,
    html.dark-mode #hyperprofil_toolbar_languages .form-control::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages input[type="search"]::placeholder,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .form-control::placeholder {
        color: #adb5bd !important;
        opacity: 1 !important;
    }
    
    /* Focus des champs de recherche en dark mode */
    .dark-mode #hyperprofil_toolbar_categories input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_categories .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_categories input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_categories .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .form-control:focus,
    .dark-mode #hyperprofil_toolbar_rayons input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_rayons .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_rayons input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_rayons .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .form-control:focus,
    .dark-mode #hyperprofil_toolbar_regions input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_regions .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_regions input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_regions .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .form-control:focus,
    .dark-mode #hyperprofil_toolbar_countries input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_countries .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_countries input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_countries .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .form-control:focus,
    .dark-mode #hyperprofil_toolbar_departments input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_departments .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_departments input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_departments .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .form-control:focus,
    .dark-mode #hyperprofil_toolbar_cities input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_cities .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_cities input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_cities .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .form-control:focus,
    .dark-mode #hyperprofil_toolbar_devises input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_devises .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_devises input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_devises .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .form-control:focus,
    .dark-mode #hyperprofil_toolbar_languages input[type="search"]:focus,
    .dark-mode #hyperprofil_toolbar_languages .form-control:focus,
    html.dark-mode #hyperprofil_toolbar_languages input[type="search"]:focus,
    html.dark-mode #hyperprofil_toolbar_languages .form-control:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages input[type="search"]:focus,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .form-control:focus {
        color: #ffffff !important;
        background-color: #1a1d29 !important;
        border-color: #80bdff !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    }
    
    /* Boutons de mise à jour en dark mode */
    .dark-mode #hyperprofil_toolbar_categories .btn-primary,
    .dark-mode #hyperprofil_toolbar_categories .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_categories .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_categories .btn-primary,
    html.dark-mode #hyperprofil_toolbar_categories .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_categories .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_categories .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_rayons .btn-primary,
    .dark-mode #hyperprofil_toolbar_rayons .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_rayons .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_rayons .btn-primary,
    html.dark-mode #hyperprofil_toolbar_rayons .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_rayons .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_rayons .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_regions .btn-primary,
    .dark-mode #hyperprofil_toolbar_regions .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_regions .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_regions .btn-primary,
    html.dark-mode #hyperprofil_toolbar_regions .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_regions .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_regions .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_countries .btn-primary,
    .dark-mode #hyperprofil_toolbar_countries .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_countries .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_countries .btn-primary,
    html.dark-mode #hyperprofil_toolbar_countries .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_countries .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_countries .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_departments .btn-primary,
    .dark-mode #hyperprofil_toolbar_departments .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_departments .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_departments .btn-primary,
    html.dark-mode #hyperprofil_toolbar_departments .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_departments .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_departments .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_cities .btn-primary,
    .dark-mode #hyperprofil_toolbar_cities .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_cities .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_cities .btn-primary,
    html.dark-mode #hyperprofil_toolbar_cities .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_cities .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_cities .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_devises .btn-primary,
    .dark-mode #hyperprofil_toolbar_devises .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_devises .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_devises .btn-primary,
    html.dark-mode #hyperprofil_toolbar_devises .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_devises .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_devises .eg-swal-report,
    .dark-mode #hyperprofil_toolbar_languages .btn-primary,
    .dark-mode #hyperprofil_toolbar_languages .btn-primary.btn-lg,
    .dark-mode #hyperprofil_toolbar_languages .eg-swal-report,
    html.dark-mode #hyperprofil_toolbar_languages .btn-primary,
    html.dark-mode #hyperprofil_toolbar_languages .btn-primary.btn-lg,
    html.dark-mode #hyperprofil_toolbar_languages .eg-swal-report,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .btn-primary,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .btn-primary.btn-lg,
    [data-bs-theme='dark'] #hyperprofil_toolbar_languages .eg-swal-report {
        color: #ffffff !important;
        background-color: #0d6efd !important;
        border-color: #0d6efd !important;
    }
}

/* ==========================================================================
   SUPPORT RTL
   ========================================================================== */

@media (max-width: 767.98px) {
    html[dir="rtl"] .nk-content,
    html[dir="rtl"] .nk-content-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    html[dir="rtl"] .nk-content,
    html[dir="rtl"] .nk-content-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}