/* Masquer le footer */
footer.footer[role="contentinfo"] {
    display: none !important;
}

/* Masquer la section current_issue */
section.current_issue {
    display: none !important;
}

/* ========================================
   Personnalisation Thème Immersion - OJS
   Masquage d'éléments sur la page d'accueil uniquement
   ======================================== */

/* Masquer le titre principal du header sur la home page - Thème Immersion OJS */
body.page_index.op_index h1.main-header_title {
    display: none !important;
}

/* Masquer la barre de navigation principale sur la home page - Thème Immersion OJS */
body.page_index.op_index nav.navbar.navbar-expand-sm.main-header_nav {
    display: none !important;
}

/* Masquer la section complète des numéros (issues) sur la home page - Thème Immersion OJS */
body.page_index.op_index section.issue {
    display: none !important;
}

/* Masquer le footer principal sur toutes les pages - Thème Immersion OJS */
footer.main-footer#immersion_content_footer {
    display: none !important;
}

/* Masquer le titre principal du header sur toutes les pages - Thème Immersion OJS */
h1.main-header_title {
    display: none !important;
}

/* Masquer le titre principal du header sur toutes les pages - Thème Immersion OJS */
h1.main-header__title {
    display: none !important;
}

/* ============================================
   Theme OJS Immersion - Customisation
   Background color pour .issue
   ============================================ */

/* Applique la couleur de fond #1e3a8a aux éléments .issue */
.issue {
    background-color: #1e3a8a;
}

/* ============================================
   Theme OJS Immersion - Customisation
   Background color pour #immersion_content_header
   ============================================ */

/* Applique la couleur de fond #1e3a8a à l'élément #immersion_content_header */
#immersion_content_header {
    background-color: #1e3a8a;
}


/* ============================================
   Theme OJS Immersion - Customisation
   Background color pour .category
   ============================================ */

/* Applique la couleur de fond blanche aux éléments .category */
.category {
    background-color: #ffffff;
}


/* Applique la couleur de fond blanche à section.col-md-8.article-page */
section.col-md-8.article-page {
    background-color: #ffffff;
    color: #000000;
}

/* Applique la couleur de fond #F9FAFC à section.col-md-8.article-page */
section.col-md-8.article-page {
    background-color: #F9FAFC;
}

/* Applique la couleur noire à tous les textes de tous les niveaux */
section.col-md-8.article-page {
    color: #000000;
}

/* Assure que les titres sont aussi en noir */
section.col-md-8.article-page h1,
section.col-md-8.article-page h2,
section.col-md-8.article-page h3,
section.col-md-8.article-page h4,
section.col-md-8.article-page h5,
section.col-md-8.article-page h6 {
    color: #000000;
}

/* ============================================
   Theme OJS Immersion - Customisation
   Background #F9FAFC pour la page de recherche
   ============================================ */

/* Applique un fond #F9FAFC à la section principale */
#immersion_content_main > section {
    background-color: #F9FAFC !important;
}

/* Applique un fond #F9FAFC à l'aside de recherche */
#immersion_content_main aside.col-md-4.search {
    background-color: #F9FAFC !important;
}

/* Applique un fond #F9FAFC au formulaire de recherche */
#immersion_content_main form.search__form {
    background-color: #F9FAFC !important;
}

/* Applique un fond #F9FAFC à la section des résultats */
#immersion_content_main section.col-md-8 {
    background-color: #F9FAFC !important;
}

/* Applique un fond #F9FAFC à la div row */
#immersion_content_main .row {
    background-color: #F9FAFC !important;
}

/* Applique un fond #F9FAFC aux résultats de recherche */
#immersion_content_main .search_results {
    background-color: #F9FAFC !important;
}


/* Menu de navigation utilisateur - Thème OJS Immersion */
#navigationUser.pkp_navigation_user {
    display: flex;
    gap: 10px;
    justify-content: flex-start; /* Aligne les éléments à gauche */
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Items de menu individuels */
#navigationUser.pkp_navigation_user .nav-item {
    list-style: none;
    margin: 0;
}

/* Liens du menu - État normal */
#navigationUser.pkp_navigation_user .main-header__admin-link {
    background-color: #1e3a8a;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border: 2px solid #1e3a8a;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    transition: all 0.3s ease;
}

/* Liens du menu - État hover */
#navigationUser.pkp_navigation_user .main-header__admin-link:hover {
    background-color: white;
    color: #1e3a8a;
    border: 2px solid #1e3a8a;
}

/* ============================================
   Theme OJS Immersion - Customisation
   Masquer l'élément a.is_img image dans le header immersion
   ============================================ */

/* Masque l'élément a.is_img */
a.is_img {
    display: none !important;
}

/* ============================================
   Theme OJS Immersion - Customisation
   Masquer la navigation principale (hamburger menu)
   ============================================ */

/* Masque la navigation principale complète */
nav.navbar.navbar-expand-sm.main-header__nav {
    display: none !important;
}

/* Alternative : Masquer uniquement le bouton hamburger */
.navbar-toggler.hamburger {
    display: none !important;
}

/* Masquer le menu principal */
#main-menu {
    display: none !important;
}

/* ============================================
   Theme OJS Immersion - Customisation
   Texte en noir pour header.issue__header
   ============================================ */

/* Applique la couleur noire au header et tous ses éléments */
header.issue__header {
    color: #000000 !important;
}

/* Applique la couleur noire au titre */
header.issue__header h1.issue__title,
header.issue__header .issue__localized_name {
    color: #000000 !important;
}

/* Applique la couleur noire aux métadonnées */
header.issue__header p.issue__meta {
    color: #000000 !important;
}

/* Applique la couleur noire à tous les éléments enfants */
header.issue__header * {
    color: #000000 !important;
}


/* ============================================
   PDF.js VIEWER FIX - Panorama OEM
   Force le PDF viewer en PLEIN ÉCRAN
   S'applique UNIQUEMENT sur les pages avec PDF viewer
   ============================================ */

/* PDF Container - PLEIN ÉCRAN TOTAL - Couvre tout l'écran */
#pdfCanvasContainer.galley_view {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 999999 !important;
    background: #ffffff;
    margin: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
}

/* Iframe dans le PDF container - Occupe toute la hauteur/largeur */
#pdfCanvasContainer.galley_view iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999999 !important;
    display: block;
    border: none;
}

/* ============================================
   RÈGLES APPLIQUÉES UNIQUEMENT SI PDF PRÉSENT
   Utilise :has() pour cibler les pages avec PDF
   ============================================ */

/* Force tous les éléments header/nav en arrière-plan SEULEMENT si PDF présent */
body:has(#pdfCanvasContainer.galley_view) header,
body:has(#pdfCanvasContainer.galley_view) .pkp_structure_head,
body:has(#pdfCanvasContainer.galley_view) .pkp_head_wrapper,
body:has(#pdfCanvasContainer.galley_view) .site-header,
body:has(#pdfCanvasContainer.galley_view) nav,
body:has(#pdfCanvasContainer.galley_view) .navbar,
body:has(#pdfCanvasContainer.galley_view) .navigation,
body:has(#pdfCanvasContainer.galley_view) .main-menu,
body:has(#pdfCanvasContainer.galley_view) .top-bar,
body:has(#pdfCanvasContainer.galley_view) .menu-bar {
    position: relative !important;
    z-index: 1 !important;
}

/* Force les éléments fixed/sticky en arrière-plan SEULEMENT si PDF présent */
body:has(#pdfCanvasContainer.galley_view) header[style*="position: fixed"],
body:has(#pdfCanvasContainer.galley_view) header[style*="position: sticky"],
body:has(#pdfCanvasContainer.galley_view) nav[style*="position: fixed"],
body:has(#pdfCanvasContainer.galley_view) nav[style*="position: sticky"],
body:has(#pdfCanvasContainer.galley_view) .fixed-header,
body:has(#pdfCanvasContainer.galley_view) .sticky-header {
    position: relative !important;
    z-index: 1 !important;
}

/* Breadcrumbs et navigation de page en arrière-plan SEULEMENT si PDF présent */
body:has(#pdfCanvasContainer.galley_view) .breadcrumbs,
body:has(#pdfCanvasContainer.galley_view) .breadcrumb,
body:has(#pdfCanvasContainer.galley_view) .page-navigation,
body:has(#pdfCanvasContainer.galley_view) .pkp_navigation_primary {
    position: relative !important;
    z-index: 1 !important;
}

/* Sidebar et widgets en arrière-plan SEULEMENT si PDF présent */
body:has(#pdfCanvasContainer.galley_view) aside,
body:has(#pdfCanvasContainer.galley_view) .sidebar,
body:has(#pdfCanvasContainer.galley_view) .widget,
body:has(#pdfCanvasContainer.galley_view) .pkp_structure_sidebar {
    position: relative !important;
    z-index: 1 !important;
}

/* Modals et overlays (sauf PDF) en arrière-plan SEULEMENT si PDF présent */
body:has(#pdfCanvasContainer.galley_view) .modal:not(#pdfCanvasContainer),
body:has(#pdfCanvasContainer.galley_view) .overlay:not(#pdfCanvasContainer),
body:has(#pdfCanvasContainer.galley_view) .popup:not(#pdfCanvasContainer) {
    z-index: 2 !important;
}

/* Footer en arrière-plan SEULEMENT si PDF présent */
body:has(#pdfCanvasContainer.galley_view) footer,
body:has(#pdfCanvasContainer.galley_view) .pkp_structure_footer,
body:has(#pdfCanvasContainer.galley_view) .site-footer {
    position: relative !important;
    z-index: 1 !important;
}

/* Empêcher le scroll du body quand PDF est en plein écran */
body:has(#pdfCanvasContainer.galley_view) {
    overflow: hidden !important;
    height: 100vh !important;
    position: relative !important;
}

/* Cacher tous les autres éléments de la page sauf le PDF */
body:has(#pdfCanvasContainer.galley_view) > *:not(#pdfCanvasContainer):not(script):not(style) {
    display: none !important;
}

/* Container galley_view aussi au premier plan */
.galley_view {
    position: relative !important;
    z-index: 999998 !important;
}

/* Empêcher les barres de notification de couvrir le PDF SEULEMENT si PDF présent */
body:has(#pdfCanvasContainer.galley_view) .notification-bar,
body:has(#pdfCanvasContainer.galley_view) .alert-bar,
body:has(#pdfCanvasContainer.galley_view) .announcement-bar,
body:has(#pdfCanvasContainer.galley_view) .cookie-notice {
    z-index: 1 !important;
}

/* Empêcher les widgets de chat de couvrir le PDF SEULEMENT si PDF présent */
body:has(#pdfCanvasContainer.galley_view) .chat-widget,
body:has(#pdfCanvasContainer.galley_view) .live-chat,
body:has(#pdfCanvasContainer.galley_view) .support-widget {
    z-index: 1 !important;
}

/* Responsive - Mobile - Plein écran aussi */
@media (max-width: 768px) {
    #pdfCanvasContainer.galley_view {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
    }
    
    #pdfCanvasContainer.galley_view iframe {
        width: 100% !important;
        height: 100% !important;
    }
    
    /* Cacher complètement le header sur mobile quand PDF actif */
    body:has(#pdfCanvasContainer.galley_view) header,
    body:has(#pdfCanvasContainer.galley_view) nav,
    body:has(#pdfCanvasContainer.galley_view) .mobile-menu,
    body:has(#pdfCanvasContainer.galley_view) .hamburger-menu {
        display: none !important;
    }
}

/* Styles d'impression - Afficher uniquement le PDF */
@media print {
    /* Cacher tout sauf le PDF lors de l'impression */
    body:has(#pdfCanvasContainer.galley_view) * {
        visibility: hidden;
    }
    
    body:has(#pdfCanvasContainer.galley_view) #pdfCanvasContainer.galley_view,
    body:has(#pdfCanvasContainer.galley_view) #pdfCanvasContainer.galley_view * {
        visibility: visible;
    }
    
    #pdfCanvasContainer.galley_view {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}

/* Fallback nucléaire - Force TOUT derrière le PDF SEULEMENT si PDF présent */
body:has(#pdfCanvasContainer.galley_view) > *:not(#pdfCanvasContainer):not(script):not(style) {
    z-index: 1 !important;
}

/* Indicateurs de focus pour accessibilité */
#pdfCanvasContainer.galley_view:focus,
#pdfCanvasContainer.galley_view iframe:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Optimisation performance - Accélération GPU */
#pdfCanvasContainer.galley_view,
#pdfCanvasContainer.galley_view iframe {
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
}

/* ============================================
   Theme OJS Immersion - Customisation
   UNIQUEMENT pages search et catalog/category
   Utilise :has() pour cibler ces pages spécifiquement
   ============================================ */

/* 1. CORRIGER LE DÉBORDEMENT - UNIQUEMENT sur pages avec recherche ou catégorie */
main.container#immersion_content_main:has(aside.search) > section > .row > .col-md-8.offset-md-4,
main#immersion_content_main:has(aside.search) > section > .row > .col-md-8.offset-md-4,
main.container#immersion_content_main:has(.category) > section > .row > .col-md-8.offset-md-4,
main#immersion_content_main:has(.category) > section > .row > .col-md-8.offset-md-4 {
    margin-left: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

main.container#immersion_content_main:has(aside.search) > section,
main#immersion_content_main:has(aside.search) > section,
main.container#immersion_content_main:has(.category) > section,
main#immersion_content_main:has(.category) > section {
    overflow: hidden !important;
    width: 100% !important;
}

main.container#immersion_content_main:has(aside.search) > section > .row,
main#immersion_content_main:has(aside.search) > section > .row,
main.container#immersion_content_main:has(.category) > section > .row,
main#immersion_content_main:has(.category) > section > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 2. RÈGLES POUR PAGES SEARCH - Afficher uniquement p.article__meta et h4.article_title */
/* NOTE: Sur page search, la colonne est col-md-12 et non col-md-8 offset-md-4 */

/* Correction débordement sur page search - Section parente */
body.page_search main#immersion_content_main > section {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Correction débordement sur page search - Row */
body.page_search main#immersion_content_main > section > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* Correction débordement sur page search - col-md-12 */
body.page_search main#immersion_content_main > section > .row > .col-12,
body.page_search .col-md-12 {
    margin-left: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* Masquer tous les <p> SAUF p.article__meta sur pages search */
body.page_search .col-md-12 p:not(.article__meta) {
    display: none !important;
}

/* S'assurer que p.article__meta reste visible sur pages search */
body.page_search .col-md-12 p.article__meta {
    display: block !important;
    visibility: visible !important;
}

/* Masquer les spans et divs génériques sur pages search */
body.page_search .col-md-12 > span,
body.page_search .col-md-12 > div:not(.obj_article_summary):not(.article):not([class*="article"]) {
    display: none !important;
}

/* S'assurer que h4.article_title reste visible sur pages search */
body.page_search .col-md-12 h4.article_title,
body.page_search .col-md-12 h4 {
    display: block !important;
    visibility: visible !important;
}

/* Masquer texte générique sur pages search */
body.page_search .col-md-12 .pkp_screen_reader,
body.page_search .col-md-12 .sr-only {
    display: none !important;
}

/* 3. RÈGLES POUR PAGES CATEGORY - Garder h4.article_title et p.article__meta, masquer les autres <p> et texte libre */

/* Masquer tous les <p> SAUF p.article__meta dans col-md-8 offset-md-4 sur pages category */
main#immersion_content_main:has(.category) .col-md-8.offset-md-4 p:not(.article__meta) {
    display: none !important;
}

/* S'assurer que p.article__meta reste visible sur pages category */
main#immersion_content_main:has(.category) .col-md-8.offset-md-4 p.article__meta {
    display: block !important;
    visibility: visible !important;
}

/* Masquer les spans et divs qui contiennent du texte libre (comme "Results") */
main#immersion_content_main:has(.category) .col-md-8.offset-md-4 > span,
main#immersion_content_main:has(.category) .col-md-8.offset-md-4 > div:not(.obj_article_summary):not(.article):not([class*="article"]) {
    display: none !important;
}

/* S'assurer que h4.article_title reste visible sur pages category */
main#immersion_content_main:has(.category) .col-md-8.offset-md-4 h4.article_title,
main#immersion_content_main:has(.category) .col-md-8.offset-md-4 h4 {
    display: block !important;
    visibility: visible !important;
}

/* Masquer le texte "Results" et autres textes dans des éléments génériques */
main#immersion_content_main:has(.category) .col-md-8.offset-md-4 .pkp_screen_reader,
main#immersion_content_main:has(.category) .col-md-8.offset-md-4 .sr-only {
    display: none !important;
}

/* RÈGLES POUR col-12 sur pages category */
/* Masquer tous les <p> SAUF p.article__meta dans col-12 sur pages category */
main#immersion_content_main:has(.category) .col-12 p:not(.article__meta) {
    display: none !important;
}

/* S'assurer que p.article__meta reste visible sur pages category */
main#immersion_content_main:has(.category) .col-12 p.article__meta {
    display: block !important;
    visibility: visible !important;
}

/* Masquer les spans et divs génériques dans col-12 */
main#immersion_content_main:has(.category) .col-12 > span,
main#immersion_content_main:has(.category) .col-12 > div:not(.obj_article_summary):not(.article):not([class*="article"]) {
    display: none !important;
}

/* S'assurer que h4.article_title reste visible dans col-12 */
main#immersion_content_main:has(.category) .col-12 h4.article_title,
main#immersion_content_main:has(.category) .col-12 h4 {
    display: block !important;
    visibility: visible !important;
}

/* Masquer texte générique dans col-12 */
main#immersion_content_main:has(.category) .col-12 .pkp_screen_reader,
main#immersion_content_main:has(.category) .col-12 .sr-only {
    display: none !important;
}

/* 4. RÈGLES POUR PAGES ISSUE - Mêmes masquages que category */

/* Masquer tous les <p> SAUF p.article__meta dans col-md-8 offset-md-4 sur pages issue */
main#immersion_content_main:has(.issue) .col-md-8.offset-md-4 p:not(.article__meta),
main#immersion_content_main:has(section.issue) .col-md-8.offset-md-4 p:not(.article__meta) {
    display: none !important;
}

/* S'assurer que p.article__meta reste visible sur pages issue */
main#immersion_content_main:has(.issue) .col-md-8.offset-md-4 p.article__meta,
main#immersion_content_main:has(section.issue) .col-md-8.offset-md-4 p.article__meta {
    display: block !important;
    visibility: visible !important;
}

/* Masquer les spans et divs qui contiennent du texte libre sur pages issue */
main#immersion_content_main:has(.issue) .col-md-8.offset-md-4 > span,
main#immersion_content_main:has(.issue) .col-md-8.offset-md-4 > div:not(.obj_article_summary):not(.article):not([class*="article"]),
main#immersion_content_main:has(section.issue) .col-md-8.offset-md-4 > span,
main#immersion_content_main:has(section.issue) .col-md-8.offset-md-4 > div:not(.obj_article_summary):not(.article):not([class*="article"]) {
    display: none !important;
}

/* S'assurer que h4.article_title reste visible sur pages issue */
main#immersion_content_main:has(.issue) .col-md-8.offset-md-4 h4.article_title,
main#immersion_content_main:has(.issue) .col-md-8.offset-md-4 h4,
main#immersion_content_main:has(section.issue) .col-md-8.offset-md-4 h4.article_title,
main#immersion_content_main:has(section.issue) .col-md-8.offset-md-4 h4 {
    display: block !important;
    visibility: visible !important;
}

/* Masquer le texte générique sur pages issue */
main#immersion_content_main:has(.issue) .col-md-8.offset-md-4 .pkp_screen_reader,
main#immersion_content_main:has(.issue) .col-md-8.offset-md-4 .sr-only,
main#immersion_content_main:has(section.issue) .col-md-8.offset-md-4 .pkp_screen_reader,
main#immersion_content_main:has(section.issue) .col-md-8.offset-md-4 .sr-only {
    display: none !important;
}

/* RÈGLES POUR col-12 sur pages issue */
/* Masquer tous les <p> SAUF p.article__meta dans col-12 sur pages issue */
main#immersion_content_main:has(.issue) .col-12 p:not(.article__meta),
main#immersion_content_main:has(section.issue) .col-12 p:not(.article__meta) {
    display: none !important;
}

/* S'assurer que p.article__meta reste visible dans col-12 sur pages issue */
main#immersion_content_main:has(.issue) .col-12 p.article__meta,
main#immersion_content_main:has(section.issue) .col-12 p.article__meta {
    display: block !important;
    visibility: visible !important;
}

/* Masquer les spans et divs génériques dans col-12 sur pages issue */
main#immersion_content_main:has(.issue) .col-12 > span,
main#immersion_content_main:has(.issue) .col-12 > div:not(.obj_article_summary):not(.article):not([class*="article"]),
main#immersion_content_main:has(section.issue) .col-12 > span,
main#immersion_content_main:has(section.issue) .col-12 > div:not(.obj_article_summary):not(.article):not([class*="article"]) {
    display: none !important;
}

/* S'assurer que h4.article_title reste visible dans col-12 sur pages issue */
main#immersion_content_main:has(.issue) .col-12 h4.article_title,
main#immersion_content_main:has(.issue) .col-12 h4,
main#immersion_content_main:has(section.issue) .col-12 h4.article_title,
main#immersion_content_main:has(section.issue) .col-12 h4 {
    display: block !important;
    visibility: visible !important;
}

/* Masquer texte générique dans col-12 sur pages issue */
main#immersion_content_main:has(.issue) .col-12 .pkp_screen_reader,
main#immersion_content_main:has(.issue) .col-12 .sr-only,
main#immersion_content_main:has(section.issue) .col-12 .pkp_screen_reader,
main#immersion_content_main:has(section.issue) .col-12 .sr-only {
    display: none !important;
}

/* ============================================
   Liens en noir dans <main id="immersion_content_main">
   SAUF les boutons (éléments avec "btn" dans la classe)
   ============================================ */

/* Tous les états des liens : normal, visited, hover, active, focus */
main#immersion_content_main a:not([class*="btn"]),
main#immersion_content_main a:not([class*="btn"]):link,
main#immersion_content_main a:not([class*="btn"]):visited,
main#immersion_content_main a:not([class*="btn"]):hover,
main#immersion_content_main a:not([class*="btn"]):active,
main#immersion_content_main a:not([class*="btn"]):focus {
    color: #000000 !important;
}

/* ============================================
   Champs de formulaire dans <main id="immersion_content_main">
   Fond blanc et texte noir
   ============================================ */

/* Tous les champs input, textarea, select dans les formulaires */
#immersion_content_main input[type="text"],
#immersion_content_main input[type="search"],
#immersion_content_main input[type="email"],
#immersion_content_main input[type="password"],
#immersion_content_main input[type="number"],
#immersion_content_main input[type="tel"],
#immersion_content_main input[type="url"],
#immersion_content_main input[type="date"],
#immersion_content_main input[type="time"],
#immersion_content_main textarea,
#immersion_content_main select {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* État focus (quand on écrit dans le champ) */
#immersion_content_main input[type="text"]:focus,
#immersion_content_main input[type="search"]:focus,
#immersion_content_main input[type="email"]:focus,
#immersion_content_main input[type="password"]:focus,
#immersion_content_main input[type="number"]:focus,
#immersion_content_main input[type="tel"]:focus,
#immersion_content_main input[type="url"]:focus,
#immersion_content_main input[type="date"]:focus,
#immersion_content_main input[type="time"]:focus,
#immersion_content_main textarea:focus,
#immersion_content_main select:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Placeholder en gris pour meilleure lisibilité */
#immersion_content_main input::placeholder,
#immersion_content_main textarea::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

/* ============================================
   Fin de la customisation
   ============================================ */