/* ========================================
   COMMERCIFY MODAL DESKTOP SIZES
   Desktop uniquement (min-width: 1280px).
   Positionnement type dashboard (centré, 20px en haut) et dimensions
   adaptées par modale. Les modales en plein écran sur desktop
   réutilisent le même rendu que fullscreen_touch.
   ======================================== */

@media (min-width: 1280px) {

/* ----- Modales en PLEIN ÉCRAN sur desktop (Mes murs et vignettes, Carte du monde, 2 jeux) ----- */
body.modal-options-open #optionsModal.modal.show,
body.modal-search-advanced-open #modalSearchAdvanced.modal.show,
body.modal-games-open #gameKoinkoinsModal.modal.show,
body.modal-games-open #gameShootYourScammersModal.modal.show,
#optionsModal.modal.show,
#modalSearchAdvanced.modal.show,
#gameKoinkoinsModal.modal.show,
#gameShootYourScammersModal.modal.show {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
}

body.modal-options-open #optionsModal .modal-dialog,
#optionsModal .modal-dialog,
#optionsModal.show .modal-dialog,
body.modal-search-advanced-open #modalSearchAdvanced .modal-dialog,
#modalSearchAdvanced .modal-dialog,
body.modal-games-open #gameKoinkoinsModal .modal-dialog,
#gameKoinkoinsModal .modal-dialog,
body.modal-games-open #gameShootYourScammersModal .modal-dialog,
#gameShootYourScammersModal .modal-dialog {
    width: 100vw !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: none !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
}

#optionsModal .modal-content,
#optionsModal .dashboard-modal-content,
#modalSearchAdvanced .modal-content,
#modalSearchAdvanced .search-modal-content.dashboard-modal-content,
#gameKoinkoinsModal .modal-content,
#gameShootYourScammersModal .modal-content {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0;
    flex: 1 1 auto !important;
}

#optionsModal .modal-body,
#optionsModal .dashboard-modal-body,
#modalSearchAdvanced .modal-body,
#modalSearchAdvanced .search-modal-body,
#gameKoinkoinsModal .modal-body,
#gameShootYourScammersModal .modal-body {
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* ----- Modales avec dimensions adaptées : uniquement Export, Langues, Menu Jump, Liste jeux, Visitor ----- */
#modalExportAds.show,
body:has(#modalExportAds.show) #modalExportAds.modal.show,
#languageModal.show,
#languageModal.fade.show,
body.modal-language-open #languageModal.show,
#catalogSelectorModal.show,
body.modal-catalog-selector-open #catalogSelectorModal.show,
#gamesCommercifyModal.show,
#gamesCommercifyModal.fade.show,
body.modal-games-open #gamesCommercifyModal.show,
#modalvisitor.show,
body.modal-visitor-open #modalvisitor.show {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding-top: 20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

/* ----- Export : largeur doublée, plus haute, margin réduit (remontée) ----- */
#modalExportAds .modal-dialog,
#modalExportAds.show .modal-dialog {
    margin: 12px 20px 20px !important;
    width: 90% !important;
    max-width: 1040px !important;
    height: fit-content !important;
    max-height: calc(100vh - 24px) !important;
    min-height: 0 !important;
}

#modalExportAds.show,
body:has(#modalExportAds.show) #modalExportAds.modal.show {
    padding-top: 12px !important;
}

#modalExportAds .modal-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 24px) !important;
    flex: 0 1 auto !important;
}

#modalExportAds .modal-body {
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* ----- Langues / IHM : 60 % max hauteur, largeur +30 % (95vw / 1248px) ----- */
#languageModal .modal-dialog,
#languageModal.show .modal-dialog,
body.modal-language-open #languageModal .modal-dialog {
    margin: 20px !important;
    width: 95vw !important;
    max-width: 1248px !important;
    max-height: 60vh !important;
    height: auto !important;
    min-height: 0 !important;
}

#languageModal .modal-content,
body.modal-language-open #languageModal .modal-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: 60vh !important;
    flex: 0 1 auto !important;
}

#languageModal .language-modal-body,
#languageModal .modal-body {
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* ----- Menu Jump (#catalogSelectorModal) : 70 % 2K, 80 % HD ----- */
#catalogSelectorModal .modal-dialog,
#catalogSelectorModal.show .modal-dialog,
body.modal-catalog-selector-open #catalogSelectorModal .modal-dialog {
    margin: 20px auto !important;
    max-height: calc(100vh - 40px) !important;
    height: auto !important;
    min-height: 0 !important;
}

#catalogSelectorModal .modal-content,
body.modal-catalog-selector-open #catalogSelectorModal .modal-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 40px) !important;
    flex: 0 1 auto !important;
}

#catalogSelectorModal .modal-body {
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* ----- Sélecteur de jeu : dimensions (liste des jeux) ----- */
#gamesCommercifyModal .modal-dialog,
#gamesCommercifyModal.show .modal-dialog,
body.modal-games-open #gamesCommercifyModal .modal-dialog {
    margin: 20px !important;
    width: 90% !important;
    max-width: 1144px !important;
    max-height: calc(100vh - 40px) !important;
    height: auto !important;
    min-height: 0 !important;
}

#gamesCommercifyModal .modal-content,
#gamesCommercifyModal .games-modal-content,
body.modal-games-open #gamesCommercifyModal .modal-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 40px) !important;
    flex: 0 1 auto !important;
}

#gamesCommercifyModal .modal-body,
#gamesCommercifyModal .games-modal-body {
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* ----- Visitor (Publisher ARA) : largeur réduite, remontée avec margin ----- */
#modalvisitor .modal-dialog,
#modalvisitor.show .modal-dialog,
body.modal-visitor-open #modalvisitor .modal-dialog {
    margin: 20px !important;
    max-height: calc(100vh - 40px) !important;
    height: auto !important;
    min-height: 0 !important;
}

#modalvisitor .modal-content,
#modalvisitor .visitor-modal-content,
body.modal-visitor-open #modalvisitor .visitor-modal-content,
#modalvisitor .modal-dialog .modal-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 40px) !important;
    flex: 0 1 auto !important;
}

#modalvisitor .modal-body,
#modalvisitor .visitor-modal-body {
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

} /* fin @media (min-width: 1280px) */

/* ----- Menu Jump (#catalogSelectorModal) : largeur 80 % HD, 70 % 2K ----- */
@media (min-width: 1280px) and (max-width: 2559.98px) {
    #catalogSelectorModal .modal-dialog,
    #catalogSelectorModal.show .modal-dialog,
    body.modal-catalog-selector-open #catalogSelectorModal .modal-dialog {
        width: 80% !important;
        max-width: 80vw !important;
    }
}

@media (min-width: 2560px) {
    #catalogSelectorModal .modal-dialog,
    #catalogSelectorModal.show .modal-dialog,
    body.modal-catalog-selector-open #catalogSelectorModal .modal-dialog {
        width: 70% !important;
        max-width: 70vw !important;
    }
}

/* ----- Visitor : largeur selon résolution (HD vs 2K) ----- */
@media (min-width: 1280px) and (max-width: 2559.98px) {
    #modalvisitor .modal-dialog,
    #modalvisitor.show .modal-dialog,
    body.modal-visitor-open #modalvisitor .modal-dialog {
        width: 65% !important;
        max-width: 70vw !important;
    }
}

@media (min-width: 2560px) {
    #modalvisitor .modal-dialog,
    #modalvisitor.show .modal-dialog,
    body.modal-visitor-open #modalvisitor .modal-dialog {
        width: 50% !important;
        max-width: 50vw !important;
    }
}