/* 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 au main container principal */
main.container#immersion_content_main,
main#immersion_content_main {
    background-color: #F9FAFC !important;
}

/* 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;
}

/* Styles pour les boutons btn-primary - Thème OJS Immersion */
.btn.btn-primary {
    background-color: #1e3a8a;
    color: white;
    border: 2px solid #1e3a8a;
    transition: all 0.3s ease;
}

.btn.btn-primary:hover {
    background-color: white;
    color: #1e3a8a;
    border: 2px solid #1e3a8a;
}

/* Styles pour les boutons btn-secondary - Même style que btn-primary */
.btn.btn-secondary {
    background-color: #1e3a8a;
    color: white;
    border: 2px solid #1e3a8a;
    transition: all 0.3s ease;
}

.btn.btn-secondary:hover {
    background-color: white;
    color: #1e3a8a;
    border: 2px solid #1e3a8a;
}

/* 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;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 999999 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #525659 !important;
    overflow: hidden !important;
}

/* PDF iFrame - Pleine occupation */
#pdfCanvasContainer.galley_view iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* MASQUER tout ce qui n'est PAS le PDF quand le PDF est actif */
body:has(#pdfCanvasContainer.galley_view) > *:not(#pdfCanvasContainer):not(script):not(style) {
    visibility: hidden !important;
    pointer-events: none !important;
}

/* S'assurer que le PDF reste visible */
body:has(#pdfCanvasContainer.galley_view) #pdfCanvasContainer.galley_view {
    visibility: visible !important;
    pointer-events: auto !important;
}

body:has(#pdfCanvasContainer.galley_view) #pdfCanvasContainer.galley_view iframe {
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Masquer SPÉCIFIQUEMENT le header quand PDF actif */
body:has(#pdfCanvasContainer.galley_view) header,
body:has(#pdfCanvasContainer.galley_view) nav,
body:has(#pdfCanvasContainer.galley_view) footer {
    display: none !important;
}

/* Masquer le contenu principal aussi */
body:has(#pdfCanvasContainer.galley_view) main,
body:has(#pdfCanvasContainer.galley_view) aside,
body:has(#pdfCanvasContainer.galley_view) section:not(#pdfCanvasContainer) {
    display: none !important;
}

/* Détruire toute marge/padding du body quand PDF actif */
body:has(#pdfCanvasContainer.galley_view) {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* HTML aussi - sécurité maximale */
html:has(#pdfCanvasContainer.galley_view) {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Cacher les barres de défilement de la page quand PDF actif */
body:has(#pdfCanvasContainer.galley_view)::-webkit-scrollbar {
    display: none !important;
}

body:has(#pdfCanvasContainer.galley_view) {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* Support mobile - Plein écran total */
@media (max-width: 768px) {
    #pdfCanvasContainer.galley_view {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: 999999 !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
   Background #F9FAFC pour .modal-content
   ============================================ */

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

/* Textes en #1e3a8a dans modal-content (sauf boutons) */
.modal-content {
    color: #1e3a8a !important;
}

/* Tous les éléments textuels en #1e3a8a */
.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6,
.modal-content p,
.modal-content span:not(.btn):not(.btn-primary):not(.btn-secondary),
.modal-content div:not(.btn):not(.btn-primary):not(.btn-secondary),
.modal-content label,
.modal-content strong,
.modal-content em,
.modal-content b,
.modal-content i,
.modal-content small,
.modal-content li,
.modal-content td,
.modal-content th {
    color: #1e3a8a !important;
}

/* Liens en #1e3a8a (sauf s'ils sont des boutons) */
.modal-content a:not(.btn):not(.btn-primary):not(.btn-secondary),
.modal-content a:not(.btn):not(.btn-primary):not(.btn-secondary):hover,
.modal-content a:not(.btn):not(.btn-primary):not(.btn-secondary):visited {
    color: #1e3a8a !important;
}

/* Bouton Register dans modal-content - État normal */
.modal-content button[type="submit"],
.modal-content .btn-primary,
.modal-content a.btn-primary,
.modal-content input[type="submit"],
.modal-content .register-button,
.modal-content button.register,
.modal-content a.register {
    background-color: #253984 !important;
    color: white !important;
    border: 2px solid #253984 !important;
    transition: all 0.3s ease;
}

/* Bouton Register dans modal-content - État hover */
.modal-content button[type="submit"]:hover,
.modal-content .btn-primary:hover,
.modal-content a.btn-primary:hover,
.modal-content input[type="submit"]:hover,
.modal-content .register-button:hover,
.modal-content button.register:hover,
.modal-content a.register:hover {
    background-color: #F9FAFC !important;
    color: #253984 !important;
    border: 2px solid #253984 !important;
}

/* ============================================
   Theme OJS Immersion - Customisation
   Texte en noir pour header.article-page_header
   FORCE LE NOIR - CONTRE LE BLANC
   ============================================ */

/* Approche 1 : Sélecteurs multiples ultra-spécifiques */
header.article-page_header,
header[class="article-page_header"],
header[class*="article-page_header"],
.article-page_header,
section header.article-page_header,
main header.article-page_header,
article header.article-page_header,
div header.article-page_header {
    color: #000000 !important;
}

/* Tous les éléments enfants - ultra-spécifique */
header.article-page_header *,
header[class="article-page_header"] *,
header[class*="article-page_header"] *,
section header.article-page_header *,
main header.article-page_header *,
article header.article-page_header * {
    color: #000000 !important;
}

/* Approche 2 : Contrer explicitement le blanc */
header.article-page_header[style*="color: white"],
header.article-page_header[style*="color: #fff"],
header.article-page_header[style*="color: #ffffff"],
header.article-page_header[style*="color:white"],
header.article-page_header[style*="color:#fff"],
header.article-page_header[style*="color:#ffffff"] {
    color: #000000 !important;
}

/* Enfants avec couleur blanche */
header.article-page_header *[style*="color: white"],
header.article-page_header *[style*="color: #fff"],
header.article-page_header *[style*="color: #ffffff"],
header.article-page_header *[style*="color:white"],
header.article-page_header *[style*="color:#fff"],
header.article-page_header *[style*="color:#ffffff"] {
    color: #000000 !important;
}

/* Approche 3 : Tous les éléments textuels possibles */
header.article-page_header h1,
header.article-page_header h2,
header.article-page_header h3,
header.article-page_header h4,
header.article-page_header h5,
header.article-page_header h6,
header.article-page_header p,
header.article-page_header span,
header.article-page_header div,
header.article-page_header strong,
header.article-page_header em,
header.article-page_header b,
header.article-page_header i,
header.article-page_header small,
header.article-page_header label,
header.article-page_header td,
header.article-page_header th,
header.article-page_header li,
header.article-page_header ul,
header.article-page_header ol,
header.article-page_header dl,
header.article-page_header dt,
header.article-page_header dd {
    color: #000000 !important;
}

/* Approche 4 : Liens - TOUS les états */
header.article-page_header a,
header.article-page_header a:link,
header.article-page_header a:visited,
header.article-page_header a:hover,
header.article-page_header a:active,
header.article-page_header a:focus,
header.article-page_header a[href] {
    color: #000000 !important;
    text-decoration: underline;
}

/* Approche 5 : Hover - maintenir le noir */
header.article-page_header:hover,
header.article-page_header:hover *,
header.article-page_header *:hover,
header.article-page_header a:hover,
header.article-page_header span:hover,
header.article-page_header div:hover {
    color: #000000 !important;
}

/* Approche 6 : Classes OJS spécifiques */
header.article-page_header .meta,
header.article-page_header .metadata,
header.article-page_header .author,
header.article-page_header .authors,
header.article-page_header .date,
header.article-page_header .published,
header.article-page_header .subtitle,
header.article-page_header .title,
header.article-page_header .article-title,
header.article-page_header .article-subtitle,
header.article-page_header .label,
header.article-page_header .badge,
header.article-page_header .tag,
header.article-page_header .description,
header.article-page_header .summary {
    color: #000000 !important;
}

/* Approche 7 : Pseudo-éléments */
header.article-page_header *::before,
header.article-page_header *::after {
    color: #000000 !important;
}

/* Approche 8 : Forcer avec text-shadow pour rendre visible */
header.article-page_header,
header.article-page_header * {
    color: #000000 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Approche 9 : Contrer les classes Bootstrap/OJS qui mettent en blanc */
header.article-page_header .text-white,
header.article-page_header .text-light,
header.article-page_header .white-text,
header.article-page_header .light-text {
    color: #000000 !important;
}

/* Approche 10 : Sélecteurs d'attribut pour data-* */
header.article-page_header[data-color],
header.article-page_header *[data-color] {
    color: #000000 !important;
}

/* ============================================
   Theme OJS Immersion - Customisation
   Texte en noir pour .article-page_meta
   FORCE LE NOIR sur tous les éléments
   ============================================ */

/* Sélecteur principal - article-page_meta */
.article-page_meta,
div.article-page_meta,
section.article-page_meta {
    color: #000000 !important;
}

/* Tous les éléments enfants */
.article-page_meta *,
div.article-page_meta *,
section.article-page_meta * {
    color: #000000 !important;
}

/* Tous les éléments textuels possibles */
.article-page_meta h1,
.article-page_meta h2,
.article-page_meta h3,
.article-page_meta h4,
.article-page_meta h5,
.article-page_meta h6,
.article-page_meta p,
.article-page_meta span,
.article-page_meta div,
.article-page_meta strong,
.article-page_meta em,
.article-page_meta b,
.article-page_meta i,
.article-page_meta small,
.article-page_meta label,
.article-page_meta td,
.article-page_meta th,
.article-page_meta li,
.article-page_meta ul,
.article-page_meta ol,
.article-page_meta dl,
.article-page_meta dt,
.article-page_meta dd {
    color: #000000 !important;
}

/* ============================================
   HYPERLIENS dans article-page_meta - NOIR FORCÉ
   Sélecteurs ultra-spécifiques pour écraser tous les styles
   ============================================ */

/* Paragraphe p.article-page_meta - TEXTE EN NOIR */
p.article-page_meta,
p[class="article-page_meta"],
p[class*="article-page_meta"] {
    color: #000000 !important;
}

/* Tous les éléments dans p.article-page_meta - TEXTE EN NOIR */
p.article-page_meta *,
p[class="article-page_meta"] *,
p[class*="article-page_meta"] * {
    color: #000000 !important;
}

/* Hyperliens dans p.article-page_meta - NOIR */
p.article-page_meta a,
p[class="article-page_meta"] a,
p[class*="article-page_meta"] a,
p.article-page_meta a[href],
p[class="article-page_meta"] a[href],
p[class*="article-page_meta"] a[href],
p.article-page_meta a:link,
p[class="article-page_meta"] a:link,
p[class*="article-page_meta"] a:link {
    color: #000000 !important;
    text-decoration: underline;
}

/* Hyperliens dans p.article-page_meta - HOVER NOIR */
p.article-page_meta a:hover,
p[class="article-page_meta"] a:hover,
p[class*="article-page_meta"] a:hover,
p.article-page_meta a:visited,
p[class="article-page_meta"] a:visited,
p[class*="article-page_meta"] a:visited,
p.article-page_meta a:active,
p[class="article-page_meta"] a:active,
p[class*="article-page_meta"] a:active,
p.article-page_meta a:focus,
p[class="article-page_meta"] a:focus,
p[class*="article-page_meta"] a:focus {
    color: #000000 !important;
}

/* Liste ul.authors-string - TEXTE EN NOIR */
ul.authors-string,
ul[class="authors-string"],
ul[class*="authors-string"] {
    color: #000000 !important;
}

/* Tous les éléments dans ul.authors-string - TEXTE EN NOIR */
ul.authors-string *,
ul[class="authors-string"] *,
ul[class*="authors-string"] *,
ul.authors-string li,
ul[class="authors-string"] li,
ul[class*="authors-string"] li,
ul.authors-string span,
ul[class="authors-string"] span,
ul[class*="authors-string"] span {
    color: #000000 !important;
}

/* Hyperliens dans ul.authors-string - NOIR */
ul.authors-string a,
ul[class="authors-string"] a,
ul[class*="authors-string"] a,
ul.authors-string a:hover,
ul[class="authors-string"] a:hover,
ul[class*="authors-string"] a:hover,
ul.authors-string a:visited,
ul[class="authors-string"] a:visited,
ul[class*="authors-string"] a:visited {
    color: #000000 !important;
}

/* Forcer avec webkit pour p.article-page_meta et ul.authors-string */
p.article-page_meta,
p.article-page_meta *,
p.article-page_meta a,
ul.authors-string,
ul.authors-string *,
ul.authors-string a {
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}

/* Liens - État NORMAL - Sélecteurs multiples */
.article-page_meta a,
div.article-page_meta a,
section.article-page_meta a,
.article-page_meta a[href],
div.article-page_meta a[href],
section.article-page_meta a[href],
.article-page_meta a:link,
div.article-page_meta a:link,
section.article-page_meta a:link {
    color: #000000 !important;
    text-decoration: underline;
}

/* Liens - État VISITED */
.article-page_meta a:visited,
div.article-page_meta a:visited,
section.article-page_meta a:visited {
    color: #000000 !important;
}

/* Liens - État HOVER - RESTE NOIR */
.article-page_meta a:hover,
div.article-page_meta a:hover,
section.article-page_meta a:hover,
.article-page_meta a[href]:hover,
div.article-page_meta a[href]:hover,
section.article-page_meta a[href]:hover {
    color: #000000 !important;
    text-decoration: underline;
}

/* Liens - États ACTIVE et FOCUS */
.article-page_meta a:active,
.article-page_meta a:focus,
div.article-page_meta a:active,
div.article-page_meta a:focus,
section.article-page_meta a:active,
section.article-page_meta a:focus {
    color: #000000 !important;
}

/* Forcer avec webkit pour les liens */
.article-page_meta a,
.article-page_meta a:hover,
.article-page_meta a:visited,
.article-page_meta a:active,
.article-page_meta a:focus,
div.article-page_meta a,
div.article-page_meta a:hover,
div.article-page_meta a:visited,
section.article-page_meta a,
section.article-page_meta a:hover {
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}

/* Contrer les styles inline sur les liens */
.article-page_meta a[style*="color"],
div.article-page_meta a[style*="color"],
section.article-page_meta a[style*="color"] {
    color: #000000 !important;
}

/* Maintenir le noir au hover */
.article-page_meta:hover,
.article-page_meta:hover *,
.article-page_meta *:hover {
    color: #000000 !important;
}

/* Pseudo-éléments */
.article-page_meta *::before,
.article-page_meta *::after {
    color: #000000 !important;
}

/* Forcer avec propriétés webkit */
.article-page_meta,
.article-page_meta * {
    color: #000000 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Contrer les classes qui mettent en blanc */
.article-page_meta .text-white,
.article-page_meta .text-light,
.article-page_meta .white-text,
.article-page_meta .light-text {
    color: #000000 !important;
}

/* Contrer les styles inline */
.article-page_meta[style*="color: white"],
.article-page_meta[style*="color: #fff"],
.article-page_meta[style*="color: #ffffff"],
.article-page_meta *[style*="color: white"],
.article-page_meta *[style*="color: #fff"],
.article-page_meta *[style*="color: #ffffff"] {
    color: #000000 !important;
}

/* ============================================
   Theme OJS Immersion - Customisation
   Correction débordement section.col-md-8
   ============================================ */

/* Limiter la section parente */
section.col-md-8 {
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Limiter search_results dans section.col-md-8 */
section.col-md-8 .search_results,
section.col-md-8 div.search_results {
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Corriger col-md-12 offset-md-4 qui déborde */
section.col-md-8 .col-md-12.offset-md-4,
section.col-md-8 div.col-md-12.offset-md-4 {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
}

/* S'assurer que le texte ne déborde pas */
section.col-md-8 .col-md-12.offset-md-4 *,
section.col-md-8 div.col-md-12.offset-md-4 * {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* Gérer les longs mots ou URLs */
section.col-md-8 .col-md-12.offset-md-4 a,
section.col-md-8 .col-md-12.offset-md-4 p,
section.col-md-8 .col-md-12.offset-md-4 span,
section.col-md-8 .col-md-12.offset-md-4 div {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    hyphens: auto !important;
}

/* Alternative : Enlever complètement l'offset pour cette configuration */
.search_results .col-md-12.offset-md-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Sur écrans moyens et grands, ajuster l'offset sans débordement */
@media (min-width: 768px) {
    section.col-md-8 .search_results .col-md-12.offset-md-4 {
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
        margin-left: 0 !important;
    }
}

/* ============================================
   Theme OJS Immersion - Customisation
   Couleur texte champs de recherche #182C66
   FORCER LA COULEUR PENDANT LA SAISIE
   ============================================ */

/* Champ de recherche - Sélecteurs ultra-spécifiques */
input[type="search"],
input[name="query"],
input#query,
form input[type="search"],
form input[name="query"],
form input#query,
form.search_form input,
form.search_form input[type="search"],
form.search_form input.form-control,
form.search_form input.search_control,
form.search_form input#query,
form.search_form input[name="query"],
.search_form input,
.search_form input[type="search"],
.search_form input.form-control,
.search_form input.search_control,
.search_form input#query,
.search_form input[name="query"] {
    color: #182C66 !important;
    -webkit-text-fill-color: #182C66 !important;
    -moz-text-fill-color: #182C66 !important;
}

/* Tous les états possibles */
input[type="search"]:focus,
input[type="search"]:active,
input[type="search"]:hover,
input[name="query"]:focus,
input[name="query"]:active,
input#query:focus,
input#query:active,
form.search_form input:focus,
form.search_form input:active,
form.search_form input[type="search"]:focus,
form.search_form input[type="search"]:active,
form.search_form input.form-control:focus,
form.search_form input.form-control:active,
form.search_form input.search_control:focus,
form.search_form input.search_control:active,
form.search_form input#query:focus,
form.search_form input#query:active,
.search_form input:focus,
.search_form input:active,
.search_form input[type="search"]:focus,
.search_form input[type="search"]:active,
.search_form input.form-control:focus,
.search_form input.form-control:active,
.search_form input.search_control:focus,
.search_form input.search_control:active,
.search_form input#query:focus,
.search_form input#query:active {
    color: #182C66 !important;
    -webkit-text-fill-color: #182C66 !important;
    -moz-text-fill-color: #182C66 !important;
}

/* Contrer les styles inline blanc */
input[type="search"][style*="color: white"],
input[type="search"][style*="color: #fff"],
input[type="search"][style*="color: #ffffff"],
input[type="search"][style*="color:white"],
form.search_form input[style*="color"],
.search_form input[style*="color"] {
    color: #182C66 !important;
    -webkit-text-fill-color: #182C66 !important;
}

/* Placeholder */
input[type="search"]::placeholder,
input[name="query"]::placeholder,
input#query::placeholder,
form.search_form input::placeholder,
form.search_form input[type="search"]::placeholder,
form.search_form input.form-control::placeholder,
form.search_form input.search_control::placeholder,
form.search_form input#query::placeholder,
.search_form input::placeholder,
.search_form input[type="search"]::placeholder,
.search_form input.form-control::placeholder,
.search_form input.search_control::placeholder,
.search_form input#query::placeholder {
    color: #182C66 !important;
    opacity: 0.7 !important;
}

/* Contrer les classes Bootstrap/OJS qui mettent en blanc */
input.text-white,
input.text-light,
form.search_form input.text-white,
form.search_form input.text-light,
.search_form input.text-white,
.search_form input.text-light {
    color: #182C66 !important;
    -webkit-text-fill-color: #182C66 !important;
}

/* Forcer pour tous les inputs dans le formulaire de recherche */
form[role="search"] input,
form[action*="search"] input,
.search input,
aside.search input {
    color: #182C66 !important;
    -webkit-text-fill-color: #182C66 !important;
}

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