/* E-Nectar : L'Essentiel à gauche de HOT Newsflash */
.site-grid > .grid-child.container-top-a {
    display: grid !important;
    grid-template-columns: 130px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

/* Bloc L'Essentiel */
.grid-child.container-top-a > .top-a.card:first-child {
    padding: 0 !important;
}

.grid-child.container-top-a > .top-a.card:first-child .card-body {
    height: 100% !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Image L'Essentiel */
.grid-child.container-top-a > .top-a.card:first-child img {
    display: block !important;
    height: 210px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}
/* E-Nectar : supprimer les cadres Joomla autour des modules top-a */
.grid-child.container-top-a > .top-a.card {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
/* E-Nectar : réduire l'espace sous la zone top-a */
.site-grid > .grid-child.container-top-a {
    margin-bottom: -40px !important;
}
/* ===== Menu principal E-Nectar ===== */

.menu-enectar {
    background: linear-gradient(to bottom, #176b9a 0%, #123b78 100%);
    border-top: 1px solid #39a9c5;
    border-bottom: 1px solid #075979;
    padding: 0;
}

.menu-enectar > li > a {
    color: #ffffff !important;
    padding: 10px 14px !important;
    font-weight: 600;
    text-decoration: none;
}

.menu-enectar > li > a:hover,
.menu-enectar > li.active > a,
.menu-enectar > li.current > a {
    background: #e6b83f;
    color: #003b5c !important;
}
.menu-enectar > li {
    border-right: 1px solid rgba(255, 255, 255, 0.30);
}

.menu-enectar > li:last-child {
    border-right: none;
}
.menu-enectar {
    display: flex;
    width: 100%;
}

.menu-enectar > li {
    flex: 1 1 auto;
    text-align: center;
}
.menu-enectar > li > a {
    display: block;
    margin: 0 !important;
}

.menu-enectar > li.active > a,
.menu-enectar > li.current > a {
    margin: 0 !important;
}
/* ===== HOT Newsflash E-Nectar ===== */

.enectar-hotnews {
    width: 100%;
    max-width: none;
}
/* ===== HOT Newsflash E-Nectar ===== */

.enectar-hotnews {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin: 12px auto !important;
}
.enectar-hotnews {
    border: 2px solid #c79f4b !important;
}
.enectar-hotnews-main {
    background-color: #d9ff91 !important;
}
.enectar-hotnews-copy h3 a {
    color: #123f78 !important;
}
.enectar-hotnews-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 140px;
    padding: 20px 100px;
}

.enectar-hotnews-copy h3 {
    margin: 0 0 10px 0;
}

.enectar-hotnews-copy p {
    margin: 0 0 12px 0;
}

.enectar-hotnews-more {
    margin-top: 4px;
}
/* Menu horizontal : ouverture des sous-menus au survol */
.container-nav .mod-menu > li {
    position: relative;
}

.container-nav .mod-menu > li:hover > ul,
.container-nav .mod-menu > li:focus-within > ul {
    display: block;
}
/* E-Nectar : sous-menu horizontal sur une seule ligne */
.container-nav .mod-menu__sub {
    width: max-content !important;
    min-width: 280px !important;
    max-width: none !important;
}

.container-nav .mod-menu__sub > li,
.container-nav .mod-menu__sub > li > a {
    width: auto !important;
    max-width: none !important;
}

.container-nav .mod-menu__sub > li > a {
    white-space: nowrap !important;
}
/* E-Nectar : couleurs des sous-menus */
.container-nav .mod-menu__sub {
    background: #243b86 !important;
}

.container-nav .mod-menu__sub > li > a {
    color: #ffffff !important;
    padding: 7px 12px !important;
}
/* E-Nectar : sous-menu actif et survol */
.container-nav .mod-menu__sub > li.current > a,
.container-nav .mod-menu__sub > li.active > a,
.container-nav .mod-menu__sub > li > a:hover,
.container-nav .mod-menu__sub > li > a:focus {
    background: #ccff73 !important;
    color: #000000 !important;
}
.container-nav .mod-menu__sub > li > a {
    font-size: 16px !important;
}
.container-nav .mod-menu__sub > li > a {
    font-size: 16px !important;
    font-weight: 600 !important;
}
/* E-Nectar : flèche du menu sans augmenter la hauteur */
.container-nav .mod-menu > li {
    position: relative;
}

.container-nav .mod-menu > li > .mod-menu__toggle-sub {
    position: absolute !important;
    left: 50% !important;
    bottom: 2px !important;
    transform: translateX(-50%) !important;

    padding: 0 !important;
    margin: 0 !important;
    width: 18px !important;
    height: 12px !important;
    min-height: 0 !important;
}
/* E-Nectar : sous-menus de deuxième niveau */
.container-nav .mod-menu__sub > li {
    position: relative;
}

.container-nav .mod-menu__sub > li > .mod-menu__sub {
    display: none;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    z-index: 1000;
}

.container-nav .mod-menu__sub > li:hover > .mod-menu__sub,
.container-nav .mod-menu__sub > li:focus-within > .mod-menu__sub {
    display: block !important;
}
/* E-Nectar : 2e niveau de sous-menu */
.container-nav .mod-menu__sub > li.deeper {
    position: relative !important;
}

.container-nav .mod-menu__sub > li.deeper > .mod-menu__sub {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    min-width: 280px !important;
    width: max-content !important;
    z-index: 9999 !important;
}

.container-nav .mod-menu__sub > li.deeper:hover > .mod-menu__sub,
.container-nav .mod-menu__sub > li.deeper:focus-within > .mod-menu__sub {
    display: block !important;
}
/* E-Nectar : laisser la grille gérer la largeur des sidebars 
@media (min-width: 768px) {
    .site-grid > .container-sidebar-left,
    .site-grid > .container-sidebar-right {
        width: 100% !important;
        max-width: none !important;
    }
} */
/* E-Nectar : article central élargi, sidebars confortables */
@media (min-width: 992px) {
    .site-grid {
        grid-template-columns:
            [full-start] minmax(0, 1fr)
            [main-start]
            18rem
            minmax(0, 21.75rem)
            minmax(0, 21.75rem)
            18rem
            [main-end]
            minmax(0, 1fr)
            [full-end] !important;
    }
}
/* E-Nectar : marges internes autour de l'article */
@media (min-width: 992px) {
    .container-component {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}
/* E-Nectar : TOP-A centré sans trop réduire HOT Newsflash */
.grid-child.container-top-a {
    width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* L'Essentiel un peu plus compact */
.site-grid > .grid-child.container-top-a {
    grid-template-columns: 120px minmax(0, 1fr) !important;
    gap: 8px !important;
}
.context-jeune {
    background: #fff4cc !important;
}
/* Menu contextuel : LE PROPHÈTE */
.sidebar-left.context-prophete,
.context-prophete {
    background: #e6f2ff !important;
}
/* Menu contextuel : SA VÉRACITÉ */
.context-veracite {
    background: #ffe8e8 !important;
}
/* Menu contextuel : AFFLUENTS DE LA FOI */
.context-affluents {
    background: #e8f5e9 !important;
}
/* Menu contextuel : COMPRENDRE L'ISLAM */
.context-comprendre {
    background: #e3f2fd !important;
}
/* Menu contextuel : PRATIQUE */
.context-pratique {
    background: #fff3e0 !important;
}
/* Menu contextuel : APPRENDRE L'ARABE */
.context-arabe {
    background: #f5edda !important;
}
/* Menus contextuels : À LIRE EN LIGNE */
.context-initiation {
    background: #B6D8F2 !important;
}
.context-phenomene {
    background: #F4CFDF !important;
}
.context-jesus {
    background: #A7E0E0 !important;
}
/* Menu saisonnier : DHOU-AL-HIJJAH */
.context-dhoulhijjah {
    background: #fff0d9 !important;
}
/* Menu saisonnier : MOHARRAM & 'ACHOURA */
.context-moharram {
    background: #f3e8f7 !important;
}
/* Menu saisonnier : CHAÂBANE */
.context-chaabane {
    background: #e9f4f4 !important;
}
/* Menu saisonnier : RAMADAN / JEÛNE */
.context-ramadan {
    background: #eef7df !important;
}
/* Puces rondes devant les éléments des menus gauche ET droite */
.sidebar-left .mod-menu > li > a::before,
.sidebar-right .mod-menu > li > a::before {
    content: "•";
    margin-right: 7px;
    font-size: 1.15em;
    line-height: 1;
}
/* Cartes des menus latéraux */
.sidebar-left .card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 7px rgba(0,0,0,0.08);
}

/* Titres des modules */
.sidebar-left .card-header {
    font-weight: 700;
    letter-spacing: 0.2px;
}

/* Liens des menus */
.sidebar-left .mod-menu > li > a {
    display: block;
    padding: 1px 10px;
    border-radius: 5px;
    transition: background 0.2s ease, padding-left 0.2s ease;
}

/* Effet au survol */
.sidebar-left .mod-menu > li > a:hover {
    background: rgba(255,255,255,0.55);
    padding-left: 14px;
    text-decoration: none;
}

/* Puces */
.sidebar-left .mod-menu > li > a::before {
    content: "•";
    margin-right: 7px;
    font-size: 1.15em;
    line-height: 1;
}
/* Barre d'accent sur les titres des menus gauche ET droite */
.sidebar-left .card-header,
.sidebar-right .card-header {
    border-left: 5px solid #2f6fa3;
    padding-left: 10px;
}
/* jDownloads - amélioration visuelle légère */
.jd_download_title {
    margin-top: 12px;
    padding: 7px 10px;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background: #f7f7f7;
}

.jd_description_wrapper {
    padding: 10px;
    margin-bottom: 14px;
    border: 1px solid #e3e3e3;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    background: #fff;
}

.jd_image_right img {
    max-width: 145px !important;
    height: auto !important;
}

.jd_download_description {
    line-height: 1.45;
}

.jd_url_download_right {
    margin-top: 8px;
}
/* Téléchargements : sous-menu Arabe toujours ouvert */
.sidebar-right .mod-menu li.parent > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* Puces rondes devant les sous-menus */
.sidebar-right .mod-menu li.parent > ul > li > a::before {
    content: "•";
    margin-right: 7px;
    font-size: 1.15em;
    line-height: 1;
}

/* Petit retrait des sous-menus */
.sidebar-right .mod-menu li.parent > ul {
    padding-left: 14px;
}
/* Accueil : supprimer les bordures verticales extérieures */
.accueil-table {
    border-left: 0 !important;
    border-right: 0 !important;
}

.accueil-table > tbody > tr > td {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
@media (max-width: 520px) {

    .site-grid > .grid-child.container-top-a {
        display: block !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .site-grid > .grid-child.container-top-a > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #enectar-hotnews-154,
    #enectar-hotnews-154.enectar-hotnews {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}
@media (max-width: 520px) {

    .enectar-hotnews-panel {
        height: auto !important;
        min-height: 0 !important;
    }

    .enectar-hotnews-main {
        height: auto !important;
        min-height: 0 !important;
    }
}
@media (max-width: 520px) {

    .enectar-hotnews-panel {
        grid-template-columns: 90px minmax(0, 1fr) !important;
    }

    .enectar-hotnews-copy {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        white-space: normal !important;
    }

    .enectar-hotnews-copy * {
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}
@media (max-width: 520px) {

    .enectar-hotnews-panel {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .enectar-hotnews-image-link {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
    }

    .enectar-hotnews-copy {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        white-space: normal !important;
    }

    .enectar-hotnews-copy * {
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}
@media (max-width: 520px) {

    .enectar-hotnews-panel {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .enectar-hotnews-image-link {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
    }

    .enectar-hotnews-image-link img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .enectar-hotnews-copy {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        white-space: normal !important;
    }

    .enectar-hotnews-copy * {
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}
