/* ========================================
   Modales dashboard et modales accessibles depuis le dashboard :
   PLEIN ÉCRAN sur TABLETTE et SMARTPHONE uniquement (max-width: 1279.98px).
   Sur desktop (min-width: 1280px), les tailles sont gérées par
   commercify_modal_desktop_sizes.css.
   ======================================== */

/* ----- BLOC 1 : Plein écran sur tablette + smartphone uniquement ----- */
@media (max-width: 1279.98px) {

/* Conteneur .modal : permettre au dialog de remplir tout l'écran */
body.modal-dashboard-open #dashboardModal.modal.show,
body.modal-options-open #optionsModal.modal.show,
body.modal-language-open #languageModal.modal.show,
body.modal-search-advanced-open #modalSearchAdvanced.modal.show,
body.modal-catalog-selector-open #catalogSelectorModal.modal.show,
body.modal-visitor-open #modalvisitor.modal.show,
body.modal-games-open #gamesCommercifyModal.modal.show,
body.modal-games-open #gameKoinkoinsModal.modal.show,
body.modal-games-open #gameShootYourScammersModal.modal.show,
#modalInstallHomescreen.modal.show,
#modalExportAds.modal.show {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
}

/* .modal-dialog : fullscreen (bat les règles width/max-width/max-height des autres CSS) */
#dashboardModal .modal-dialog,
#dashboardModal.show .modal-dialog,
body.modal-dashboard-open #dashboardModal .modal-dialog,
body.modal-dashboard-open #dashboardModal.show .modal-dialog,
#optionsModal .modal-dialog,
#optionsModal.show .modal-dialog,
body.modal-options-open #optionsModal .modal-dialog,
body.modal-options-open #optionsModal.show .modal-dialog,
#languageModal .modal-dialog,
body.modal-language-open #languageModal .modal-dialog,
#modalSearchAdvanced .modal-dialog,
body.modal-search-advanced-open #modalSearchAdvanced .modal-dialog,
#catalogSelectorModal .modal-dialog,
.catalog-selector-modal .modal-dialog,
body.modal-catalog-selector-open #catalogSelectorModal .modal-dialog,
#modalvisitor .modal-dialog,
#modalvisitor.show .modal-dialog,
body.modal-visitor-open #modalvisitor .modal-dialog,
body.modal-visitor-open #modalvisitor.show .modal-dialog,
#gamesCommercifyModal .modal-dialog,
body.modal-games-open #gamesCommercifyModal .modal-dialog,
#gameKoinkoinsModal .modal-dialog,
body.modal-games-open #gameKoinkoinsModal .modal-dialog,
#gameShootYourScammersModal .modal-dialog,
body.modal-games-open #gameShootYourScammersModal .modal-dialog,
#modalInstallHomescreen .modal-dialog,
#modalInstallHomescreen.show .modal-dialog,
#modalExportAds .modal-dialog,
#modalExportAds.show .modal-dialog {
    width: 100vw !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 100vh !important;
    max-height: none !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
}

/* .modal-content : remplir le dialog, pas de bordure (bat max-height 70vh/60vh etc.) */
#dashboardModal .modal-content,
#optionsModal .modal-content,
#languageModal .modal-content,
#modalSearchAdvanced .modal-content,
#catalogSelectorModal .modal-content,
#modalvisitor .modal-content,
#gamesCommercifyModal .modal-content,
#gameKoinkoinsModal .modal-content,
#gameShootYourScammersModal .modal-content,
#modalInstallHomescreen .modal-content,
#modalExportAds .modal-content {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0;
    flex: 1 1 auto !important;
}

/* .modal-body : scroll interne uniquement */
#dashboardModal .modal-body,
#optionsModal .modal-body,
#languageModal .modal-body,
#modalSearchAdvanced .modal-body,
#catalogSelectorModal .modal-body,
#modalvisitor .modal-body,
#gamesCommercifyModal .modal-body,
#gameKoinkoinsModal .modal-body,
#gameShootYourScammersModal .modal-body,
#modalInstallHomescreen .modal-body,
#modalExportAds .modal-body {
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

} /* fin @media (max-width: 1279.98px) */

/* ----- BLOC 2 : Tablette + smartphone — masquer les 3 liens du footer ----- */
@media (max-width: 1024px) {
    #dashboardModal .dashboard-modal-footer-nav,
    #optionsModal .dashboard-modal-footer-nav,
    #languageModal .dashboard-modal-footer-nav,
    #modalSearchAdvanced .dashboard-modal-footer-nav,
    #modalvisitor .dashboard-modal-footer-nav,
    #catalogSelectorModal .dashboard-modal-footer-nav,
    #gamesCommercifyModal .dashboard-modal-footer-nav,
    #gameKoinkoinsModal .dashboard-modal-footer-nav,
    #gameShootYourScammersModal .dashboard-modal-footer-nav {
        display: none !important;
    }
}

/* ----- BLOC 3 : Smartphone — ne garder que lune + croix dans le header ----- */
@media (max-width: 575.98px) {
    #dashboardModal .dashboard-modal-lang-btn,
    #dashboardModal .dashboard-modal-search-btn,
    #optionsModal .dashboard-modal-lang-btn,
    #optionsModal .dashboard-modal-search-btn,
    #languageModal .dashboard-modal-lang-btn,
    #languageModal .dashboard-modal-search-btn,
    #modalSearchAdvanced .dashboard-modal-lang-btn,
    #modalSearchAdvanced .dashboard-modal-search-btn,
    #modalvisitor .dashboard-modal-lang-btn,
    #modalvisitor .dashboard-modal-search-btn,
    #catalogSelectorModal .dashboard-modal-lang-btn,
    #catalogSelectorModal .dashboard-modal-search-btn,
    #gamesCommercifyModal .dashboard-modal-lang-btn,
    #gamesCommercifyModal .dashboard-modal-search-btn,
    #gameKoinkoinsModal .dashboard-modal-lang-btn,
    #gameKoinkoinsModal .dashboard-modal-search-btn,
    #gameShootYourScammersModal .dashboard-modal-lang-btn,
    #gameShootYourScammersModal .dashboard-modal-search-btn {
        display: none !important;
    }

    /* Réduire la réserve à droite du titre et repositionner lune + croix */
    body.modal-dashboard-open #dashboardModal .dashboard-modal-header .col.dashboard-modal-header-col,
    body.modal-dashboard-open #dashboardModal .dashboard-modal-header .col,
    body.modal-options-open #optionsModal .dashboard-modal-header .col.dashboard-modal-header-col,
    body.modal-options-open #optionsModal .dashboard-modal-header .col,
    body.modal-language-open #languageModal .dashboard-modal-header .col.dashboard-modal-header-col,
    body.modal-language-open #languageModal .dashboard-modal-header .col,
    body.modal-search-advanced-open #modalSearchAdvanced .dashboard-modal-header .col.dashboard-modal-header-col,
    body.modal-search-advanced-open #modalSearchAdvanced .dashboard-modal-header .col,
    body.modal-visitor-open #modalvisitor .dashboard-modal-header .col.dashboard-modal-header-col,
    body.modal-visitor-open #modalvisitor .dashboard-modal-header .col,
    body.modal-catalog-selector-open #catalogSelectorModal .dashboard-modal-header .col.dashboard-modal-header-col,
    body.modal-catalog-selector-open #catalogSelectorModal .dashboard-modal-header .col,
    #dashboardModal .dashboard-modal-header .col.dashboard-modal-header-col,
    #dashboardModal .dashboard-modal-header .col,
    #optionsModal .dashboard-modal-header .col.dashboard-modal-header-col,
    #optionsModal .dashboard-modal-header .col,
    #languageModal .dashboard-modal-header .col.dashboard-modal-header-col,
    #languageModal .dashboard-modal-header .col,
    #modalSearchAdvanced .dashboard-modal-header .col.dashboard-modal-header-col,
    #modalSearchAdvanced .dashboard-modal-header .col,
    #modalvisitor .dashboard-modal-header .col.dashboard-modal-header-col,
    #modalvisitor .dashboard-modal-header .col,
    #catalogSelectorModal .dashboard-modal-header .col.dashboard-modal-header-col,
    #catalogSelectorModal .dashboard-modal-header .col {
        padding-right: 8rem !important;
    }
    #catalogSelectorModal .cfy-catalog-selector-sticky-controls {
        right: 5rem !important;
    }
    #dashboardModal .dashboard-modal-theme-btn,
    #optionsModal .dashboard-modal-theme-btn,
    #languageModal .dashboard-modal-theme-btn,
    #modalSearchAdvanced .dashboard-modal-theme-btn,
    #modalvisitor .dashboard-modal-theme-btn,
    #catalogSelectorModal .dashboard-modal-theme-btn,
    #gamesCommercifyModal .dashboard-modal-theme-btn,
    #gameKoinkoinsModal .dashboard-modal-theme-btn,
    #gameShootYourScammersModal .dashboard-modal-theme-btn {
        right: 2.5rem !important;
    }
    #dashboardModal .dashboard-modal-close,
    #optionsModal .dashboard-modal-close,
    #languageModal .dashboard-modal-close,
    #modalSearchAdvanced .dashboard-modal-close,
    #modalvisitor .dashboard-modal-close,
    #catalogSelectorModal .dashboard-modal-close,
    #gamesCommercifyModal .dashboard-modal-close,
    #gameKoinkoinsModal .dashboard-modal-close,
    #gameShootYourScammersModal .dashboard-modal-close {
        right: 0.4rem !important;
    }

    /* RTL */
    [dir="rtl"] #dashboardModal .dashboard-modal-header .col.dashboard-modal-header-col,
    [dir="rtl"] #dashboardModal .dashboard-modal-header .col,
    [dir="rtl"] #optionsModal .dashboard-modal-header .col.dashboard-modal-header-col,
    [dir="rtl"] #optionsModal .dashboard-modal-header .col,
    [dir="rtl"] #languageModal .dashboard-modal-header .col.dashboard-modal-header-col,
    [dir="rtl"] #languageModal .dashboard-modal-header .col,
    [dir="rtl"] #modalSearchAdvanced .dashboard-modal-header .col.dashboard-modal-header-col,
    [dir="rtl"] #modalSearchAdvanced .dashboard-modal-header .col,
    [dir="rtl"] #modalvisitor .dashboard-modal-header .col.dashboard-modal-header-col,
    [dir="rtl"] #modalvisitor .dashboard-modal-header .col,
    [dir="rtl"] #catalogSelectorModal .dashboard-modal-header .col.dashboard-modal-header-col,
    [dir="rtl"] #catalogSelectorModal .dashboard-modal-header .col {
        padding-right: 0 !important;
        padding-left: 8rem !important;
    }
    [dir="rtl"] #catalogSelectorModal .cfy-catalog-selector-sticky-controls {
        right: auto !important;
        left: 5rem !important;
    }
    [dir="rtl"] #dashboardModal .dashboard-modal-theme-btn,
    [dir="rtl"] #optionsModal .dashboard-modal-theme-btn,
    [dir="rtl"] #languageModal .dashboard-modal-theme-btn,
    [dir="rtl"] #modalSearchAdvanced .dashboard-modal-theme-btn,
    [dir="rtl"] #modalvisitor .dashboard-modal-theme-btn,
    [dir="rtl"] #catalogSelectorModal .dashboard-modal-theme-btn,
    [dir="rtl"] #gamesCommercifyModal .dashboard-modal-theme-btn,
    [dir="rtl"] #gameKoinkoinsModal .dashboard-modal-theme-btn,
    [dir="rtl"] #gameShootYourScammersModal .dashboard-modal-theme-btn {
        right: auto !important;
        left: 2.5rem !important;
    }
    [dir="rtl"] #dashboardModal .dashboard-modal-close,
    [dir="rtl"] #optionsModal .dashboard-modal-close,
    [dir="rtl"] #languageModal .dashboard-modal-close,
    [dir="rtl"] #modalSearchAdvanced .dashboard-modal-close,
    [dir="rtl"] #modalvisitor .dashboard-modal-close,
    [dir="rtl"] #catalogSelectorModal .dashboard-modal-close,
    [dir="rtl"] #gamesCommercifyModal .dashboard-modal-close,
    [dir="rtl"] #gameKoinkoinsModal .dashboard-modal-close,
    [dir="rtl"] #gameShootYourScammersModal .dashboard-modal-close {
        right: auto !important;
        left: 0.4rem !important;
    }
}