/* ============================================================
   CONFERENCE 8 — STYLE PRINCIPAL
============================================================ */

/* SECTION 00 — VARIABLES */
:root {
    --c8-green:#0f382c;
    --c8-green-dark:#09231b;
    --c8-navy:#0a2540;
    --c8-navy-dark:#051322;
    --c8-gold:#d4af37;
    --c8-gold-dark:#b8860b;
    --c8-white:#ffffff;
    --c8-cream:#f7f5ef;
    --c8-text:#1f2937;
    --c8-muted:#6b7280;
    --c8-border:#e5e7eb;
}

/* SECTION 01 — BASE */
.conference8-page {
    margin:0;
    direction:rtl;
    background:#fafafa;
    color:var(--c8-text);
    font-family:Tahoma,Arial,sans-serif;
    overflow-x:hidden;
}
.conference8-page * { box-sizing:border-box; }
.conference8-container { width:min(94%,1360px); margin-inline:auto; }

/* ============================================================
   SECTION 02 — TOP BAR
============================================================ */
.conference8-topbar {
    background:linear-gradient(90deg,var(--c8-navy-dark),var(--c8-green-dark));
    color:var(--c8-white);
    border-bottom:1px solid rgba(212,175,55,.30);
    font-size:13px;
}
.conference8-topbar-inner {
    min-height:44px;
    display:grid;
    grid-template-columns:1fr minmax(220px,330px) 1fr;
    align-items:center;
    gap:24px;
}

/* SECTION 02-A — DROITE : DATE */
.conference8-topbar-date {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    color:#f8fafc;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}
.conference8-topbar-date i { color:var(--c8-gold); }

/* SECTION 02-B — CENTRE : RECHERCHE */
.conference8-search {
    display:flex;
    align-items:center;
    justify-self:center;
    width:100%;
    max-width:330px;
    height:34px;
    overflow:hidden;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.20);
    border-radius:20px;
}
.conference8-search input {
    width:100%;
    height:100%;
    padding:0 13px;
    background:transparent;
    color:var(--c8-white);
    border:0;
    outline:0;
    font-size:12px;
    direction:rtl;
}
.conference8-search input::placeholder { color:rgba(255,255,255,.68); }
.conference8-search button {
    width:40px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 40px;
    background:transparent;
    color:var(--c8-gold);
    border:0;
    cursor:pointer;
}

/* SECTION 02-C — GAUCHE : SITE + RÉSEAUX */
.conference8-topbar-left {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
}
.conference8-website-link {
    width:29px;
    height:29px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--c8-gold);
/*     border:1px solid rgba(212,175,55,.45);*/
     border-radius:50%;
    text-decoration:none;
}
.conference8-social {
    display:flex;
    align-items:center;
    gap:13px;
}
.conference8-social a {
    color:var(--c8-white);
    text-decoration:none;
    font-size:14px;
    transition:.2s ease;
}
.conference8-social a:hover { color:var(--c8-gold); }

/* ============================================================
   SECTION 03 — HEADER BLANC
============================================================ */
.conference8-header {
    background:var(--c8-white);
    border-bottom:1px solid var(--c8-border);
}
.conference8-header-grid {
    min-height:125px;
    display:grid;
    grid-template-columns:1fr 1.45fr 1fr;
    align-items:center;
    gap:32px;
}

/* SECTION 03-A — LOGO HARAKA */
.conference8-header-logo {
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.conference8-association-link {
    display:inline-flex;
    align-items:center;
    text-decoration:none;
}
.conference8-header-logo img {
    display:block;
    width:auto;
    max-width:300px;
    max-height:60px;
    object-fit:contain;
}
.conference8-logo-placeholder {
    display:flex;
    flex-direction:column;
    gap:4px;
}
.conference8-logo-placeholder strong {
    color:var(--c8-navy);
    font-size:27px;
    font-weight:800;
}
.conference8-logo-placeholder span {
    color:var(--c8-muted);
    font-size:10px;
    letter-spacing:3px;
}

/* SECTION 03-B — CONFERENCE 8 */
.conference8-header-event {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    text-align:center;
}
.conference8-event-mark {
    width:74px;
    height:82px;
    flex:0 0 74px;
    display:none;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,var(--c8-green),var(--c8-navy));
    border:2px solid var(--c8-gold);
    border-radius:20px;
    box-shadow:0 8px 24px rgba(10,37,64,.14);
}
.conference8-event-number {
    color:var(--c8-gold);
    font-size:48px;
    line-height:1;
    font-weight:900;
}
.conference8-event-text h1 {
    margin:0 0 5px;
    color:#123c63;
    font-size:27px;
    line-height:1.45;
    font-weight:900;
}
.conference8-event-text p {
    margin:0 0 4px;
    color:var(--c8-green);
    font-size:15px;
    font-weight:700;
}
.conference8-event-text span {
    display:block;
    color:var(--c8-gold-dark);
    font-size:12px;
    font-weight:700;
}

/* SECTION 03-C — DATE + ADRESSE */
.conference8-header-meta {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
}
.conference8-header-meta-row {
    display:flex;
    align-items:center;
    gap:11px;
}
.conference8-meta-icon {
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 36px;
    color:var(--c8-gold-dark);
    background:var(--c8-cream);
    border:1px solid rgba(212,175,55,.40);
    border-radius:50%;
}
.conference8-header-meta-row strong {
    display:block;
    color:var(--c8-navy);
    font-size:15px;
    font-weight:800;
    margin-bottom:2px;
}
.conference8-header-meta-row small {
    display:block;
    color:var(--c8-muted);
    font-size:12px;
}

/* ============================================================
   SECTION 04 — MENU PRINCIPAL
============================================================ */
.conference8-nav {
    position:relative;
    z-index:20;
    background:var(--c8-white);
    border-bottom:1px solid #dfe3e8;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
}
.conference8-nav-inner {
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.conference8-nav-menu {
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:2px;
    margin:0;
    padding:0;
    list-style:none;
}
.conference8-nav-menu li a {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:58px;
    padding:0 13px;
    color:var(--c8-navy);
    text-decoration:none;
    white-space:nowrap;
    font-size:14px;
    font-weight:900;
}
.conference8-nav-menu li a:hover {
    background:var(--c8-green);
    color:var(--c8-white);
}
.conference8-nav-home a {
    background:var(--c8-green);
    color:var(--c8-white)!important;
}
.conference8-nav-home i { color:var(--c8-gold); }

/* SECTION 04-B — BADGE 8 */
.conference8-nav-badge {
    display:flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
    padding:5px 10px;
    background:var(--c8-green);
    color:var(--c8-white);
    border:1px solid var(--c8-gold);
    border-radius:9px;
}
.conference8-nav-number {
    width:29px;
    height:29px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--c8-navy-dark);
    background:var(--c8-gold);
    border-radius:50%;
    font-size:17px;
    font-weight:900;
}
.conference8-nav-label { font-size:11px; font-weight:800; }

/* SECTION 04-C — BOUTON MOBILE */
.conference8-mobile-menu-toggle {
    display:none;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:8px 14px;
    background:var(--c8-green);
    color:var(--c8-white);
    border:0;
    border-radius:7px;
    cursor:pointer;
    font-weight:800;
}

/* ============================================================
   SECTION 05 — HERO PRINCIPAL
============================================================ */
.conference8-hero {
    position:relative;
    min-height:620px;
    display:flex;
    align-items:center;
    overflow:hidden;
    isolation:isolate;
    border-bottom:4px solid var(--c8-gold);
}

/* Image BG */
.conference8-hero-bg {
    position:absolute;
    inset:0;
    z-index:-3;
    background-image:url("../images/hero-conference-8.webp");
    background-image:image-set(
        url("../images/hero-conference-8.webp") type("image/webp"),
        url("../images/hero-conference-8.png") type("image/png")
    );
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    transform:scale(1.01);
}

/* Overlay : plus clair à gauche, plus sombre derrière le texte */
.conference8-hero-overlay {
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(
            90deg,
            rgba(9,35,27,.20) 0%,
            rgba(9,35,27,.40) 32%,
            rgba(5,19,34,.68) 62%,
            rgba(5,19,34,.88) 100%
        );
}

/* Motifs décoratifs */
.conference8-hero-pattern {
    position:absolute;
    width:260px;
    height:260px;
    opacity:.12;
    z-index:-1;
    border:1px solid rgba(212,175,55,.30);
    transform:rotate(45deg);
}
.conference8-hero-pattern-right {
    top:-150px;
    right:-110px;
}
.conference8-hero-pattern-left {
    bottom:-170px;
    left:-120px;
}

/* Conteneur Hero */
.conference8-hero-inner {
    min-height:620px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

/* Bloc texte */
.conference8-hero-content {
    width:min(760px,100%);
    padding:60px 0;
    color:#fff;
    text-align:right;
}

/* Badge */
.conference8-hero-badge {
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:18px;
    padding:8px 15px;
    background:rgba(5,19,34,.48);
    border:1px solid rgba(212,175,55,.52);
    border-radius:999px;
    color:#fff;
    font-size:13px;
    font-weight:800;
    backdrop-filter:blur(8px);
}
.conference8-hero-badge i { color:var(--c8-gold); }

/* Titre */
.conference8-hero-title {
    margin:0 0 8px;
    color:#fff;
    font-size:clamp(42px,5.3vw,72px);
    line-height:1.22;
    font-weight:900;
    text-shadow:0 4px 24px rgba(0,0,0,.24);
}

/* Sous-titre */
.conference8-hero-subtitle {
    margin:0 0 12px;
    color:#f7f7f4;
    font-size:clamp(22px,2.3vw,32px);
    font-weight:700;
}

/* Slogan */
.conference8-hero-slogan {
    display:inline-block;
    margin:0 0 28px;
    color:#f0cf73;
    font-size:clamp(18px,1.7vw,25px);
    font-weight:800;
}

/* Date + lieu */
.conference8-hero-meta {
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    margin-bottom:30px;
}
.conference8-hero-meta-item {
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:42px;
    padding:9px 14px;
    color:#fff;
    background:rgba(5,19,34,.54);
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    font-size:14px;
    font-weight:700;
    backdrop-filter:blur(8px);
}
.conference8-hero-meta-icon {
    color:var(--c8-gold);
    font-size:16px;
}

/* Boutons */
.conference8-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}
.conference8-btn {
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 22px;
    border-radius:9px;
    text-decoration:none;
    font-size:15px;
    font-weight:900;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.conference8-btn:hover {
    transform:translateY(-2px);
}
.conference8-btn-primary {
    background:var(--c8-green);
    color:#fff;
    border:1px solid rgba(212,175,55,.55);
    box-shadow:0 10px 28px rgba(15,56,44,.26);
}
.conference8-btn-live {
    background:#c62828;
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
}
.conference8-btn-light {
    background:rgba(255,255,255,.94);
    color:var(--c8-navy);
    border:1px solid rgba(255,255,255,.80);
}
.conference8-btn-light i { color:#c62828; }



/* ============================================================
   SECTION 07 — شريط آخر المستجدات
   Bandeau dynamique des derniers articles WordPress
============================================================ */
.conference8-ticker {
    position:relative;
    z-index:15;
    background:var(--c8-white);
    border-top:1px solid rgba(212,175,55,.28);
    border-bottom:1px solid var(--c8-border);
    box-shadow:0 7px 22px rgba(5,19,34,.06);
}

.conference8-ticker-inner {
    min-height:58px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
}

/* Label fixe "آخر المستجدات" */
.conference8-ticker-label {
    min-height:58px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 18px;
    background:var(--c8-green);
    color:#fff;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
}

.conference8-ticker-label i {
    color:var(--c8-gold);
}

/* Fenêtre du ticker */
.conference8-ticker-viewport {
    position:relative;
    min-width:0;
    overflow:hidden;
}

/* Léger fondu sur les bords */
.conference8-ticker-viewport::before,
.conference8-ticker-viewport::after {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:34px;
    z-index:2;
    pointer-events:none;
}

.conference8-ticker-viewport::before {
    right:0;
    background:linear-gradient(to left,#fff,rgba(255,255,255,0));
}

.conference8-ticker-viewport::after {
    left:0;
    background:linear-gradient(to right,#fff,rgba(255,255,255,0));
}

/* Piste animée */
.conference8-ticker-track {
    width:max-content;
    display:flex;
    align-items:center;
    gap:34px;
    direction:rtl;
    animation:conference8TickerMove var(--c8-ticker-duration, 90s) linear infinite;
    will-change:transform;
}

.conference8-ticker:hover .conference8-ticker-track {
    animation-play-state:paused;
}

@keyframes conference8TickerMove {
    from { transform:translateX(0); }
    to   { transform:translateX(-50%); }
}

/* Article dans le ticker */
.conference8-ticker-item {
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:58px;
    color:var(--c8-navy);
    text-decoration:none;
    white-space:nowrap;
    font-size:14px;
    font-weight:800;
}

.conference8-ticker-item:hover {
    color:var(--c8-green);
}

.conference8-ticker-dot {
    width:7px;
    height:7px;
    flex:0 0 7px;
    background:var(--c8-gold);
    border-radius:50%;
}

.conference8-ticker-date {
    color:var(--c8-muted);
    font-size:11px;
    font-weight:600;
}

/* Lien "كل الأخبار" */
.conference8-ticker-more {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--c8-green);
    text-decoration:none;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.conference8-ticker-more i {
    color:var(--c8-gold-dark);
}

.conference8-ticker-more:hover {
    color:var(--c8-gold-dark);
}

.conference8-ticker-empty {
    min-height:58px;
    display:flex;
    align-items:center;
    color:var(--c8-muted);
    font-size:13px;
    font-weight:700;
}

/* Accessibilité : désactiver l'animation si demandé par l'OS */
@media (prefers-reduced-motion: reduce) {
    .conference8-ticker-track {
        animation:none;
    }
}

/* Responsive ticker */
@media (max-width:900px) {
    .conference8-ticker-inner {
        grid-template-columns:auto minmax(0,1fr);
        gap:12px;
    }

    .conference8-ticker-more {
        display:none;
    }

    .conference8-ticker-label {
        padding:0 13px;
        font-size:12px;
    }

    .conference8-ticker-item {
        font-size:13px;
    }
}

@media (max-width:560px) {
    .conference8-ticker-inner {
        width:100%;
        grid-template-columns:1fr;
        gap:0;
    }

    .conference8-ticker-label {
        min-height:42px;
        justify-content:center;
    }

    .conference8-ticker-viewport {
        min-height:48px;
        display:flex;
        align-items:center;
    }

    .conference8-ticker-item,
    .conference8-ticker-empty {
        min-height:48px;
    }
}

/* ============================================================
   SECTION 06 — RESPONSIVE
============================================================ */
@media (max-width:900px) {

    /* TOP BAR */
    .conference8-topbar-inner {
        grid-template-columns:1fr;
        padding:9px 0;
        gap:9px;
    }
    .conference8-topbar-date {
        justify-content:center;
        white-space:normal;
        text-align:center;
    }
    .conference8-search {
        width:min(100%,300px);
        justify-self:center;
    }
    .conference8-topbar-left {
        justify-content:center;
    }

    /* HEADER */
    .conference8-header-grid {
        grid-template-columns:1fr;
        padding:22px 0;
        gap:24px;
        text-align:center;
    }
    .conference8-header-logo { justify-content:center; }
    .conference8-header-event { flex-direction:column; }
    .conference8-header-meta { align-items:center; }

    /* MENU */
    .conference8-nav-inner {
        padding:8px 0;
        flex-wrap:wrap;
    }
    .conference8-mobile-menu-toggle { display:inline-flex; }
    .conference8-nav-menu {
        display:none;
        width:100%;
        flex-direction:column;
        align-items:stretch;
        border-top:1px solid var(--c8-border);
        padding-top:8px;
    }
    .conference8-nav-menu.is-open { display:flex; }
    .conference8-nav-menu li { width:100%; }
    .conference8-nav-menu li a {
        width:100%;
        justify-content:flex-start;
        min-height:46px;
        padding:0 15px;
    }

    /* HERO */
    .conference8-hero,
    .conference8-hero-inner {
        min-height:560px;
    }
    .conference8-hero-bg {
        background-position:38% center;
    }
    .conference8-hero-overlay {
        background:rgba(5,19,34,.68);
    }
    .conference8-hero-content {
        width:100%;
        padding:54px 0;
        text-align:center;
    }
    .conference8-hero-meta,
    .conference8-hero-actions {
        justify-content:center;
    }
}

@media (max-width:560px) {
    .conference8-hero,
    .conference8-hero-inner {
        min-height:620px;
    }
    .conference8-hero-title {
        font-size:38px;
    }
    .conference8-hero-subtitle {
        font-size:22px;
    }
    .conference8-hero-meta {
        flex-direction:column;
        align-items:stretch;
    }
    .conference8-hero-meta-item {
        justify-content:center;
    }
    .conference8-hero-actions {
        flex-direction:column;
    }
    .conference8-btn {
        width:100%;
    }
}


/* ============================================================
   SECTION 08 — أخبار الجمع العام
============================================================ */
.conference8-news{padding:72px 0 82px;background:#f7f8f8}
.conference8-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid var(--c8-border)}
.conference8-section-kicker{display:block;margin-bottom:6px;color:var(--c8-gold-dark);font-size:12px;font-weight:800}
.conference8-section-heading h2{margin:0;display:flex;align-items:center;gap:10px;color:var(--c8-navy);font-size:32px;font-weight:900}
.conference8-section-heading h2 i{color:var(--c8-green)}
.conference8-section-all{display:inline-flex;align-items:center;gap:8px;color:var(--c8-green);text-decoration:none;font-size:13px;font-weight:900;white-space:nowrap}
.conference8-news-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
.conference8-news-featured{overflow:hidden;background:#fff;border:1px solid var(--c8-border);border-radius:16px;box-shadow:0 14px 36px rgba(5,19,34,.07)}
.conference8-news-featured-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e9eeee}
.conference8-news-featured-image img{width:100%;height:100%;display:block;object-fit:cover}
.conference8-news-featured-label{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;color:#fff;background:rgba(9,35,27,.92);border:1px solid rgba(212,175,55,.6);border-radius:999px;font-size:12px;font-weight:900}
.conference8-news-featured-label i{color:var(--c8-gold)}
.conference8-news-featured-content{padding:24px 26px 28px}
.conference8-news-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px;color:var(--c8-muted);font-size:11px;font-weight:700}
.conference8-news-meta span{display:inline-flex;align-items:center;gap:5px}
.conference8-news-meta i{color:var(--c8-gold-dark)}
.conference8-news-featured h3{margin:0 0 12px;font-size:27px;line-height:1.55;font-weight:900}
.conference8-news-featured h3 a,.conference8-news-card-content h3 a{color:var(--c8-navy);text-decoration:none}
.conference8-news-featured p{margin:0 0 20px;color:#55616c;font-size:14px;line-height:2}
.conference8-news-readmore{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;color:#fff;background:var(--c8-green);border-radius:8px;text-decoration:none;font-size:13px;font-weight:900}
.conference8-news-list{display:grid;grid-template-columns:1fr;gap:14px}
.conference8-news-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:130px;overflow:hidden;background:#fff;border:1px solid var(--c8-border);border-radius:13px}
.conference8-news-card-image{display:block;min-height:130px;overflow:hidden;background:#e9eeee}
.conference8-news-card-image img{width:100%;height:100%;display:block;object-fit:cover}
.conference8-news-card-content{display:flex;flex-direction:column;justify-content:center;padding:15px 17px}
.conference8-news-card-content h3{margin:0 0 10px;font-size:16px;line-height:1.65;font-weight:900}
.conference8-news-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--c8-green);text-decoration:none;font-size:11px;font-weight:900}
.conference8-news-image-placeholder{width:100%;height:100%;min-height:130px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf1ef,#dde6e2);color:var(--c8-green);font-size:34px}
.conference8-empty-state{padding:55px 25px;text-align:center;background:#fff;border:1px dashed #ccd6d1;border-radius:16px}
.conference8-empty-state>i{margin-bottom:12px;color:var(--c8-gold-dark);font-size:40px}
.conference8-empty-state h3{margin:0 0 8px;color:var(--c8-navy);font-size:21px}
.conference8-empty-state p{margin:0;color:var(--c8-muted);font-size:13px}

@media(max-width:980px){
  .conference8-news-layout{grid-template-columns:1fr}
  .conference8-news-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .conference8-news-card{grid-template-columns:1fr}
  .conference8-news-card-image{aspect-ratio:16/9}
}
@media(max-width:650px){
  .conference8-news{padding:50px 0 60px}
  .conference8-section-heading{align-items:flex-start;flex-direction:column}
  .conference8-section-heading h2{font-size:27px}
  .conference8-news-list{grid-template-columns:1fr}
  .conference8-news-featured-content{padding:20px}
  .conference8-news-featured h3{font-size:22px}
}


/* ============================================================
   SECTION 08-B — Ajustement 4 articles secondaires
   - Pas d'auteur
   - Pas de lien texte "اقرأ الخبر"
   - 4 cartes pour mieux aligner avec l'article principal
============================================================ */
.conference8-news-card-content {
    justify-content:center;
}

.conference8-news-card-content h3 {
    margin-bottom:0;
}



/* ============================================================
   SECTION 08-C — Limitation des titres et résumés
   Ajustement demandé :
   - Article principal : titre max 2 lignes
   - Article principal : résumé max 2 lignes
   - Suppression du bouton "اقرأ المزيد"
   - Articles secondaires : titre max 2 lignes
============================================================ */

/* Article principal — titre limité à 2 lignes */
.conference8-news-featured h3 {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.55em * 2);
    max-height:calc(1.55em * 2);
    margin-bottom:12px;
}

/* Article principal — résumé limité à 2 lignes */
.conference8-news-featured p {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(2em * 2);
    max-height:calc(2em * 2);
    margin-bottom:0;
}

/* Plus de bouton "اقرأ المزيد" dans l'article principal */
.conference8-news-readmore {
    display:none !important;
}

/* Articles secondaires — titres limités à 2 lignes */
.conference8-news-card-content h3 {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.65em * 2);
    max-height:calc(1.65em * 2);
    margin-bottom:0;
}

/* Harmonisation verticale des cartes secondaires */
.conference8-news-card-content {
    justify-content:center;
}



/* ============================================================
   SECTION 08-D — Rééquilibrage vertical du module News
   Objectif :
   - réduire la hauteur du grand article
   - rapprocher sa hauteur de celle des 4 cartes secondaires
============================================================ */

/* Image principale plus compacte */
.conference8-news-featured-image {
    aspect-ratio: 16 / 7.7;
}

/* Contenu principal plus compact */
.conference8-news-featured-content {
    padding: 18px 24px 20px;
}

/* Titre principal : 2 lignes, espacement réduit */
.conference8-news-featured h3 {
    margin-bottom: 8px;
    line-height: 1.45;
    min-height: calc(1.45em * 2);
    max-height: calc(1.45em * 2);
}

/* Résumé : 2 lignes, plus compact */
.conference8-news-featured p {
    line-height: 1.75;
    min-height: calc(1.75em * 2);
    max-height: calc(1.75em * 2);
}

/* Méta un peu plus proche du titre */
.conference8-news-featured .conference8-news-meta {
    margin-bottom: 7px;
}

/* Réduction de la hauteur des cartes secondaires */
.conference8-news-card {
    min-height: 118px;
}

.conference8-news-card-image {
    min-height: 118px;
}

.conference8-news-card-content {
    padding: 12px 15px;
}

.conference8-news-card-content h3 {
    line-height: 1.55;
    min-height: calc(1.55em * 2);
    max-height: calc(1.55em * 2);
}

/* Réduction des espaces entre cartes */
.conference8-news-list {
    gap: 11px;
}

@media (max-width: 980px) {
    .conference8-news-featured-image {
        aspect-ratio: 16 / 9;
    }
}


/* ============================================================
   SECTION 09 — تصريحات الجمع العام
============================================================ */
.conference8-declarations {
    padding:72px 0 82px;
    background:#ffffff;
}

.conference8-declarations-heading {
    margin-bottom:30px;
}

/* Deux grandes cartes */
.conference8-declarations-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px;
}

.conference8-declaration-card {
    overflow:hidden;
    background:#fff;
    border:1px solid var(--c8-border);
    border-radius:16px;
    box-shadow:0 12px 30px rgba(5,19,34,.06);
    transition:transform .22s ease, box-shadow .22s ease;
}

.conference8-declaration-card:hover {
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(5,19,34,.10);
}

/* Image */
.conference8-declaration-image {
    position:relative;
    display:block;
    aspect-ratio:16/8.5;
    overflow:hidden;
    background:#e9eeee;
}

.conference8-declaration-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .35s ease;
}

.conference8-declaration-card:hover .conference8-declaration-image img {
    transform:scale(1.03);
}

/* Badge */
.conference8-declaration-badge {
    position:absolute;
    top:15px;
    right:15px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 12px;
    color:#fff;
    background:rgba(10,37,64,.90);
    border:1px solid rgba(212,175,55,.55);
    border-radius:999px;
    font-size:12px;
    font-weight:900;
}

.conference8-declaration-badge i {
    color:var(--c8-gold);
}

/* Contenu */
.conference8-declaration-content {
    padding:22px 24px 24px;
}

.conference8-declaration-content h3 {
    margin:0 0 10px;
    color:var(--c8-navy);
    font-size:24px;
    line-height:1.55;
    font-weight:900;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.55em * 2);
    max-height:calc(1.55em * 2);
}

.conference8-declaration-content h3 a {
    color:inherit;
    text-decoration:none;
}

.conference8-declaration-content h3 a:hover {
    color:var(--c8-green);
}

.conference8-declaration-content p {
    margin:0;
    color:#5d6872;
    font-size:14px;
    line-height:1.9;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.9em * 2);
    max-height:calc(1.9em * 2);
}

/* Placeholder */
.conference8-declaration-placeholder {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#edf1ef,#dbe5e0);
    color:var(--c8-green);
    font-size:46px;
}

/* Responsive */
@media(max-width:850px) {
    .conference8-declarations-grid {
        grid-template-columns:1fr;
    }
}

@media(max-width:650px) {
    .conference8-declarations {
        padding:50px 0 60px;
    }

    .conference8-declaration-content {
        padding:18px 18px 20px;
    }

    .conference8-declaration-content h3 {
        font-size:21px;
    }
}

/* ============================================================
   SECTION 10 — تاريخ ووثائق الجمع العام
============================================================ */
.conference8-documents{padding:72px 0 82px;background:#f7f8f8}
.conference8-documents-heading{margin-bottom:30px}
.conference8-documents-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.conference8-document-card{overflow:hidden;background:#fff;border:1px solid var(--c8-border);border-radius:14px;box-shadow:0 10px 28px rgba(5,19,34,.055);transition:.22s ease}
.conference8-document-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(5,19,34,.09)}
.conference8-document-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#e9eeee}
.conference8-document-image img{width:100%;height:100%;display:block;object-fit:cover}
.conference8-document-type{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(15,56,44,.93);color:#fff;border:1px solid rgba(212,175,55,.55);border-radius:999px;font-size:11px;font-weight:900}
.conference8-document-type i{color:var(--c8-gold)}
.conference8-document-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef2ef,#dfe8e3);color:var(--c8-green);font-size:54px}
.conference8-document-content{padding:18px 18px 20px}
.conference8-document-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--c8-muted);font-size:11px;font-weight:700}
.conference8-document-meta span{display:inline-flex;align-items:center;gap:5px}
.conference8-document-meta i{color:var(--c8-gold-dark)}
.conference8-document-content h3{margin:0 0 8px;color:var(--c8-navy);font-size:18px;line-height:1.55;font-weight:900;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(1.55em * 2);max-height:calc(1.55em * 2)}
.conference8-document-content h3 a{color:inherit;text-decoration:none}
.conference8-document-content p{margin:0 0 14px;color:#626d76;font-size:13px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(1.8em * 2);max-height:calc(1.8em * 2)}
.conference8-document-open{display:inline-flex;align-items:center;gap:7px;color:var(--c8-green);text-decoration:none;font-size:12px;font-weight:900}
.conference8-document-open i{color:var(--c8-gold-dark)}

@media(max-width:1100px){
  .conference8-documents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .conference8-documents{padding:50px 0 60px}
  .conference8-documents-grid{grid-template-columns:1fr}
}


/* ============================================================
   SECTION 11 — بطاقات الجمع العام
============================================================ */
.conference8-cards {
    padding:72px 0 82px;
    background:#ffffff;
}

.conference8-cards-heading {
    margin-bottom:30px;
}

/* Grille visuelle */
.conference8-cards-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

/* Carte */
.conference8-card-item {
    min-width:0;
}

.conference8-card-visual {
    position:relative;
    display:block;
    aspect-ratio:4/5;
    overflow:hidden;
    background:#e8eeeb;
    border:1px solid var(--c8-border);
    border-radius:16px;
    box-shadow:0 12px 30px rgba(5,19,34,.07);
    text-decoration:none;
    isolation:isolate;
    transition:transform .25s ease, box-shadow .25s ease;
}

.conference8-card-visual:hover {
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(5,19,34,.12);
}

/* Image principale */
.conference8-card-visual > img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .38s ease;
    z-index:-3;
}

.conference8-card-visual:hover > img {
    transform:scale(1.045);
}

/* Placeholder */
.conference8-card-placeholder {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(145deg,#eaf0ed,#d8e4de);
    color:var(--c8-green);
    font-size:58px;
    z-index:-3;
}

/* Overlay */
.conference8-card-overlay {
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(
            to top,
            rgba(5,19,34,.92) 0%,
            rgba(5,19,34,.58) 34%,
            rgba(5,19,34,.12) 68%,
            rgba(5,19,34,.02) 100%
        );
}

/* Badge */
.conference8-card-badge {
    position:absolute;
    top:14px;
    right:14px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 11px;
    color:#fff;
    background:rgba(15,56,44,.90);
    border:1px solid rgba(212,175,55,.60);
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    backdrop-filter:blur(6px);
}

.conference8-card-badge i {
    color:var(--c8-gold);
}

/* Caption bas de carte */
.conference8-card-caption {
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    padding:20px 18px 18px;
    color:#fff;
}

.conference8-card-date {
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:8px;
    color:#f0d886;
    font-size:11px;
    font-weight:700;
}

.conference8-card-caption h3 {
    margin:0;
    color:#fff;
    font-size:19px;
    line-height:1.55;
    font-weight:900;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.55em * 2);
    max-height:calc(1.55em * 2);
}

/* Responsive */
@media(max-width:1100px) {
    .conference8-cards-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px) {
    .conference8-cards {
        padding:50px 0 60px;
    }

    .conference8-cards-grid {
        grid-template-columns:1fr;
    }

    .conference8-card-visual {
        aspect-ratio:4/4.6;
    }
}


/* ============================================================
   SECTION 12 — حوارات الجمع العام
============================================================ */
.conference8-interviews {
    padding:72px 0 82px;
    background:#f7f8f8;
}

.conference8-interviews-heading {
    margin-bottom:30px;
}

/* 3 cartes interview */
.conference8-interviews-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.conference8-interview-card {
    overflow:hidden;
    background:#fff;
    border:1px solid var(--c8-border);
    border-radius:16px;
    box-shadow:0 12px 30px rgba(5,19,34,.06);
    transition:transform .22s ease, box-shadow .22s ease;
}

.conference8-interview-card:hover {
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(5,19,34,.10);
}

/* Image */
.conference8-interview-image {
    position:relative;
    display:block;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#e9eeee;
}

.conference8-interview-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .35s ease;
}

.conference8-interview-card:hover .conference8-interview-image img {
    transform:scale(1.035);
}

/* Badge */
.conference8-interview-badge {
    position:absolute;
    top:14px;
    right:14px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    color:#fff;
    background:rgba(10,37,64,.92);
    border:1px solid rgba(212,175,55,.55);
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}

.conference8-interview-badge i {
    color:var(--c8-gold);
}

/* Placeholder */
.conference8-interview-placeholder {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#eef2ef,#dfe8e3);
    color:var(--c8-green);
    font-size:52px;
}

/* Contenu */
.conference8-interview-content {
    padding:20px 20px 22px;
}

.conference8-interview-content h3 {
    margin:0 0 10px;
    color:var(--c8-navy);
    font-size:21px;
    line-height:1.55;
    font-weight:900;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.55em * 2);
    max-height:calc(1.55em * 2);
}

.conference8-interview-content h3 a {
    color:inherit;
    text-decoration:none;
}

.conference8-interview-content h3 a:hover {
    color:var(--c8-green);
}

.conference8-interview-content p {
    margin:0;
    color:#5d6872;
    font-size:13px;
    line-height:1.85;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.85em * 2);
    max-height:calc(1.85em * 2);
}

/* Responsive */
@media(max-width:1000px) {
    .conference8-interviews-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px) {
    .conference8-interviews {
        padding:50px 0 60px;
    }

    .conference8-interviews-grid {
        grid-template-columns:1fr;
    }

    .conference8-interview-content h3 {
        font-size:20px;
    }
}


/* ============================================================
   SECTION 13 — البرنامج
============================================================ */
.conference8-program {
    padding:72px 0 82px;
    background:#ffffff;
}

.conference8-program-heading {
    margin-bottom:30px;
}

.conference8-program-list {
    position:relative;
    display:grid;
    gap:16px;
}

.conference8-program-list::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    right:27px;
    width:2px;
    background:linear-gradient(
        to bottom,
        rgba(212,175,55,.8),
        rgba(15,56,44,.18)
    );
}

.conference8-program-item {
    position:relative;
    display:grid;
    grid-template-columns:56px minmax(0,1fr) 170px;
    gap:18px;
    align-items:center;
    padding:18px 18px 18px 0;
    background:#f7f8f8;
    border:1px solid var(--c8-border);
    border-radius:14px;
    transition:transform .2s ease, box-shadow .2s ease;
}

.conference8-program-item:hover {
    transform:translateY(-2px);
    box-shadow:0 10px 28px rgba(5,19,34,.07);
}

.conference8-program-marker {
    position:relative;
    z-index:2;
    width:56px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.conference8-program-marker span {
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--c8-navy-dark);
    background:var(--c8-gold);
    border:4px solid #fff;
    border-radius:50%;
    font-size:13px;
    font-weight:900;
    box-shadow:0 0 0 1px rgba(212,175,55,.45);
}

.conference8-program-content {
    min-width:0;
}

.conference8-program-meta {
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:7px;
    color:var(--c8-muted);
    font-size:11px;
    font-weight:700;
}

.conference8-program-meta span {
    display:inline-flex;
    align-items:center;
    gap:5px;
}

.conference8-program-meta i {
    color:var(--c8-gold-dark);
}

.conference8-program-content h3 {
    margin:0 0 7px;
    color:var(--c8-navy);
    font-size:19px;
    line-height:1.55;
    font-weight:900;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

.conference8-program-content h3 a {
    color:inherit;
    text-decoration:none;
}

.conference8-program-content h3 a:hover {
    color:var(--c8-green);
}

.conference8-program-content p {
    margin:0;
    color:#626d76;
    font-size:13px;
    line-height:1.8;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

.conference8-program-image {
    display:block;
    width:170px;
    height:108px;
    overflow:hidden;
    background:#e9eeee;
    border-radius:10px;
}

.conference8-program-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.conference8-program-placeholder {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#edf1ef,#dde6e2);
    color:var(--c8-green);
    font-size:34px;
}

@media(max-width:850px) {
    .conference8-program-item {
        grid-template-columns:56px minmax(0,1fr);
    }

    .conference8-program-image {
        display:none;
    }
}

@media(max-width:650px) {
    .conference8-program {
        padding:50px 0 60px;
    }

    .conference8-program-list::before {
        right:21px;
    }

    .conference8-program-item {
        grid-template-columns:44px minmax(0,1fr);
        gap:12px;
        padding:15px 12px 15px 0;
    }

    .conference8-program-marker {
        width:44px;
    }

    .conference8-program-marker span {
        width:32px;
        height:32px;
        font-size:12px;
    }

    .conference8-program-content h3 {
        font-size:17px;
    }
}


/* ============================================================
   SECTION 14 — الضيوف والمتحدثون
============================================================ */
.conference8-speakers {
    padding:72px 0 82px;
    background:#f7f8f8;
}

.conference8-speakers-heading {
    margin-bottom:30px;
}

/* Grille profils */
.conference8-speakers-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
}

/* Carte intervenant */
.conference8-speaker-card {
    overflow:hidden;
    background:#fff;
    border:1px solid var(--c8-border);
    border-radius:16px;
    box-shadow:0 12px 30px rgba(5,19,34,.06);
    transition:transform .22s ease, box-shadow .22s ease;
}

.conference8-speaker-card:hover {
    transform:translateY(-4px);
    box-shadow:0 17px 38px rgba(5,19,34,.11);
}

/* Portrait */
.conference8-speaker-image {
    position:relative;
    display:block;
    aspect-ratio:4/4.7;
    overflow:hidden;
    background:#e8eeeb;
}

.conference8-speaker-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
    transition:transform .35s ease;
}

.conference8-speaker-card:hover .conference8-speaker-image img {
    transform:scale(1.035);
}

/* Badge */
.conference8-speaker-badge {
    position:absolute;
    top:14px;
    right:14px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 11px;
    color:#fff;
    background:rgba(10,37,64,.92);
    border:1px solid rgba(212,175,55,.58);
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}

.conference8-speaker-badge i {
    color:var(--c8-gold);
}

/* Placeholder */
.conference8-speaker-placeholder {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at center,#eef3f0,#dce6e1);
    color:var(--c8-green);
    font-size:64px;
}

/* Contenu */
.conference8-speaker-content {
    position:relative;
    padding:26px 18px 22px;
    text-align:center;
}

.conference8-speaker-icon {
    position:absolute;
    top:-22px;
    right:50%;
    transform:translateX(50%);
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--c8-navy-dark);
    background:var(--c8-gold);
    border:4px solid #fff;
    border-radius:50%;
    box-shadow:0 5px 16px rgba(5,19,34,.10);
}

.conference8-speaker-content h3 {
    margin:0 0 8px;
    color:var(--c8-navy);
    font-size:19px;
    line-height:1.55;
    font-weight:900;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.55em * 2);
    max-height:calc(1.55em * 2);
}

.conference8-speaker-content h3 a {
    color:inherit;
    text-decoration:none;
}

.conference8-speaker-content h3 a:hover {
    color:var(--c8-green);
}

.conference8-speaker-content p {
    margin:0;
    color:#626d76;
    font-size:12px;
    line-height:1.8;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.8em * 2);
    max-height:calc(1.8em * 2);
}

/* Responsive */
@media(max-width:1100px) {
    .conference8-speakers-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px) {
    .conference8-speakers {
        padding:50px 0 60px;
    }

    .conference8-speakers-grid {
        grid-template-columns:1fr;
    }

    .conference8-speaker-image {
        aspect-ratio:4/4.3;
    }
}


/* ============================================================
   SECTION 15 — معرض الصور
============================================================ */
.conference8-gallery {
    padding:72px 0 82px;
    background:#ffffff;
}

.conference8-gallery-heading {
    margin-bottom:30px;
}

/* Mosaïque */
.conference8-gallery-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:190px;
    gap:16px;
}

/* Item */
.conference8-gallery-item {
    min-width:0;
    overflow:hidden;
    border-radius:16px;
    background:#e9eeee;
    box-shadow:0 12px 30px rgba(5,19,34,.06);
}

.conference8-gallery-item-large {
    grid-column:span 2;
    grid-row:span 2;
}

.conference8-gallery-item-tall {
    grid-row:span 2;
}

.conference8-gallery-link {
    position:relative;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    text-decoration:none;
    isolation:isolate;
}

.conference8-gallery-link > img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    z-index:-3;
    transition:transform .4s ease;
}

.conference8-gallery-item:hover .conference8-gallery-link > img {
    transform:scale(1.05);
}

/* Placeholder */
.conference8-gallery-placeholder {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#edf1ef,#dce5e0);
    color:var(--c8-green);
    font-size:54px;
    z-index:-3;
}

/* Overlay */
.conference8-gallery-overlay {
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(
            to top,
            rgba(5,19,34,.88) 0%,
            rgba(5,19,34,.45) 38%,
            rgba(5,19,34,.08) 70%,
            rgba(5,19,34,0) 100%
        );
    transition:background .25s ease;
}

.conference8-gallery-item:hover .conference8-gallery-overlay {
    background:
        linear-gradient(
            to top,
            rgba(5,19,34,.92) 0%,
            rgba(5,19,34,.52) 44%,
            rgba(5,19,34,.12) 72%,
            rgba(5,19,34,.02) 100%
        );
}

/* Zoom */
.conference8-gallery-zoom {
    position:absolute;
    top:14px;
    left:14px;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(15,56,44,.88);
    border:1px solid rgba(212,175,55,.55);
    border-radius:50%;
    font-size:14px;
    opacity:0;
    transform:translateY(-5px);
    transition:.25s ease;
}

.conference8-gallery-item:hover .conference8-gallery-zoom {
    opacity:1;
    transform:translateY(0);
}

/* Caption */
.conference8-gallery-caption {
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    padding:18px;
    color:#fff;
}

.conference8-gallery-date {
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-bottom:6px;
    color:#f1d985;
    font-size:11px;
    font-weight:700;
}

.conference8-gallery-caption h3 {
    margin:0;
    color:#fff;
    font-size:17px;
    line-height:1.5;
    font-weight:900;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

/* Responsive */
@media(max-width:1100px) {
    .conference8-gallery-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-auto-rows:210px;
    }

    .conference8-gallery-item-large {
        grid-column:span 2;
    }

    .conference8-gallery-item-tall {
        grid-row:span 1;
    }
}

@media(max-width:650px) {
    .conference8-gallery {
        padding:50px 0 60px;
    }

    .conference8-gallery-grid {
        grid-template-columns:1fr;
        grid-auto-rows:250px;
    }

    .conference8-gallery-item-large,
    .conference8-gallery-item-tall {
        grid-column:span 1;
        grid-row:span 1;
    }
}


/* ============================================================
   SECTION 15-B — Galerie jusqu'à 9 images
============================================================ */
@media (min-width:1101px) {
    .conference8-gallery-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-auto-rows:220px;
        gap:16px;
    }

    .conference8-gallery-item-large {
        grid-column:span 2;
        grid-row:span 2;
    }

    .conference8-gallery-item-tall {
        grid-row:span 2;
    }
}


/* ============================================================
   SECTION 15-C — Galerie finale 6 images
   Disposition :
   [ Grande 1 ][ Image 2 ]
   [ Grande 1 ][ Image 3 ]
   [ Image 4 ][ Image 5 ][ Image 6 ]
============================================================ */
@media (min-width:1101px) {

    .conference8-gallery-grid {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:220px 220px 220px;
        gap:16px;
        grid-auto-flow:dense;
    }

    /* Grande image 1 : 2 colonnes × 2 lignes */
    .conference8-gallery-item-large {
        grid-column:span 2;
        grid-row:span 2;
    }

    /* Image 2 : colonne de droite, ligne 1 */
    .conference8-gallery-item-top {
        grid-column:span 1;
        grid-row:span 1;
    }

    /* Image 3 : colonne de droite, ligne 2 */
    .conference8-gallery-item-bottom {
        grid-column:span 1;
        grid-row:span 1;
    }

    /* Images 4, 5, 6 : une ligne complète */
    .conference8-gallery-item-standard {
        grid-column:span 1;
        grid-row:span 1;
    }

    /* Neutraliser les anciennes règles tall */
    .conference8-gallery-item-tall {
        grid-column:span 1;
        grid-row:span 1;
    }
}


/* ============================================================
   SECTION 15-D — Galerie compacte
============================================================ */
@media (min-width:1101px) {
    .conference8-gallery-grid {
        grid-template-rows:175px 175px 175px;
        gap:14px;
    }
}

/* ============================================================
   SECTION 15-E — Lightbox intégrée
============================================================ */
.conference8-lightbox {
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:rgba(3,10,18,.94);
    backdrop-filter:blur(6px);
}

.conference8-lightbox.is-open { display:flex; }

.conference8-lightbox-stage {
    position:relative;
    width:min(1180px,88vw);
    height:min(82vh,820px);
    display:flex;
    align-items:center;
    justify-content:center;
}

.conference8-lightbox-stage img {
    display:block;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    border-radius:10px;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}

.conference8-lightbox-caption {
    position:absolute;
    right:18px;
    bottom:18px;
    left:18px;
    padding:14px 16px;
    color:#fff;
    background:linear-gradient(to top,rgba(5,19,34,.92),rgba(5,19,34,.68));
    border:1px solid rgba(255,255,255,.10);
    border-radius:10px;
    text-align:right;
}

.conference8-lightbox-caption h3 {
    margin:0 0 5px;
    color:#fff;
    font-size:18px;
    line-height:1.5;
    font-weight:900;
}

.conference8-lightbox-caption span {
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#f0d272;
    font-size:12px;
    font-weight:700;
}

.conference8-lightbox-close {
    position:absolute;
    top:22px;
    left:22px;
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(15,56,44,.88);
    border:1px solid rgba(212,175,55,.55);
    border-radius:50%;
    cursor:pointer;
    font-size:20px;
}

.conference8-lightbox-nav {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(15,56,44,.78);
    border:1px solid rgba(212,175,55,.55);
    border-radius:50%;
    cursor:pointer;
    font-size:18px;
}

.conference8-lightbox-prev { right:24px; }
.conference8-lightbox-next { left:24px; }

.conference8-lightbox-close:hover,
.conference8-lightbox-nav:hover {
    background:var(--c8-green);
    color:var(--c8-gold);
}

body.conference8-lightbox-open { overflow:hidden; }

@media (max-width:700px) {
    .conference8-lightbox { padding:14px; }
    .conference8-lightbox-stage { width:94vw; height:78vh; }
    .conference8-lightbox-prev { right:10px; }
    .conference8-lightbox-next { left:10px; }
    .conference8-lightbox-nav { width:42px; height:42px; }
    .conference8-lightbox-close { top:12px; left:12px; width:42px; height:42px; }
    .conference8-lightbox-caption { right:8px; bottom:8px; left:8px; padding:10px 12px; }
    .conference8-lightbox-caption h3 { font-size:15px; }
}


/* ============================================================
   SECTION 16 — الفيديوهات
============================================================ */
.conference8-videos{padding:72px 0 82px;background:#f7f8f8}
.conference8-videos-heading{margin-bottom:30px}
.conference8-videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.conference8-video-card{overflow:hidden;background:#fff;border:1px solid var(--c8-border);border-radius:16px;box-shadow:0 12px 30px rgba(5,19,34,.06);transition:.22s ease}
.conference8-video-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(5,19,34,.10)}
.conference8-video-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e9eeee}
.conference8-video-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.conference8-video-card:hover .conference8-video-thumb img{transform:scale(1.035)}
.conference8-video-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,19,34,.55),rgba(5,19,34,.08))}
.conference8-video-play{position:absolute;top:50%;left:50%;width:68px;height:68px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);color:#fff;background:rgba(198,40,40,.94);border:4px solid rgba(255,255,255,.88);border-radius:50%;box-shadow:0 10px 28px rgba(0,0,0,.24);font-size:22px;transition:.22s ease}
.conference8-video-card:hover .conference8-video-play{transform:translate(-50%,-50%) scale(1.08);background:#b71c1c}
.conference8-video-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;color:#fff;background:rgba(10,37,64,.92);border:1px solid rgba(212,175,55,.55);border-radius:999px;font-size:11px;font-weight:900}
.conference8-video-badge i{color:var(--c8-gold)}
.conference8-video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf1ef,#dde6e2);color:var(--c8-green);font-size:54px}
.conference8-video-content{padding:18px 20px 21px}
.conference8-video-content h3{margin:0;color:var(--c8-navy);font-size:20px;line-height:1.55;font-weight:900;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(1.55em * 2);max-height:calc(1.55em * 2)}
.conference8-video-content h3 a{color:inherit;text-decoration:none}
.conference8-video-content h3 a:hover{color:var(--c8-green)}

@media(max-width:850px){
  .conference8-videos-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .conference8-videos{padding:50px 0 60px}
  .conference8-video-play{width:58px;height:58px;font-size:18px}
  .conference8-video-content h3{font-size:18px}
}


/* ============================================================
   SECTION 16-B — Bouton Play repositionné
   Évite de masquer les visages au centre de la miniature.
============================================================ */
.conference8-video-play {
    top:auto;
    left:18px;
    bottom:18px;
    width:50px;
    height:50px;
    transform:none;
    border-width:3px;
    font-size:16px;
    background:rgba(198,40,40,.94);
}

.conference8-video-card:hover .conference8-video-play {
    transform:scale(1.08);
}

/* ============================================================
   SECTION 16-C — Lightbox vidéo
============================================================ */
.conference8-video-lightbox {
    position:fixed;
    inset:0;
    z-index:100000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:rgba(3,10,18,.95);
    backdrop-filter:blur(7px);
}

.conference8-video-lightbox.is-open {
    display:flex;
}

.conference8-video-lightbox-dialog {
    width:min(1100px,92vw);
}

.conference8-video-lightbox-player {
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#000;
    border-radius:14px;
    box-shadow:0 24px 70px rgba(0,0,0,.48);
}

.conference8-video-lightbox-player iframe,
.conference8-video-lightbox-player video {
    width:100%;
    height:100%;
    display:block;
    border:0;
}

.conference8-video-lightbox-title {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin-top:14px;
    color:#fff;
    font-size:16px;
    line-height:1.6;
    font-weight:900;
    text-align:center;
}

.conference8-video-lightbox-title i {
    color:var(--c8-gold);
}

.conference8-video-lightbox-close {
    position:absolute;
    top:22px;
    left:22px;
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(15,56,44,.90);
    border:1px solid rgba(212,175,55,.60);
    border-radius:50%;
    cursor:pointer;
    font-size:20px;
}

.conference8-video-lightbox-close:hover {
    color:var(--c8-gold);
    background:var(--c8-green);
}

body.conference8-video-lightbox-open {
    overflow:hidden;
}

@media(max-width:650px) {
    .conference8-video-play {
        left:12px;
        bottom:12px;
        width:44px;
        height:44px;
        font-size:14px;
    }

    .conference8-video-lightbox {
        padding:12px;
    }

    .conference8-video-lightbox-close {
        top:10px;
        left:10px;
        width:42px;
        height:42px;
    }

    .conference8-video-lightbox-title {
        font-size:14px;
    }
}


/* ============================================================
   SECTION 17 — مكتبة الجمع العام
============================================================ */
.conference8-library {
    padding:72px 0 82px;
    background:#ffffff;
}

.conference8-library-heading {
    margin-bottom:30px;
}

.conference8-library-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.conference8-library-card {
    overflow:hidden;
    background:#fff;
    border:1px solid var(--c8-border);
    border-radius:15px;
    box-shadow:0 10px 28px rgba(5,19,34,.055);
    transition:transform .22s ease, box-shadow .22s ease;
}

.conference8-library-card:hover {
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(5,19,34,.09);
}

.conference8-library-image {
    position:relative;
    display:block;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#e9eeee;
}

.conference8-library-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .32s ease;
}

.conference8-library-card:hover .conference8-library-image img {
    transform:scale(1.035);
}

.conference8-library-badge {
    position:absolute;
    top:12px;
    right:12px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    color:#fff;
    background:rgba(15,56,44,.93);
    border:1px solid rgba(212,175,55,.55);
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}

.conference8-library-badge i {
    color:var(--c8-gold);
}

.conference8-library-placeholder {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#eef2ef,#dfe8e3);
    color:var(--c8-green);
    font-size:52px;
}

.conference8-library-content {
    padding:18px 18px 20px;
}

.conference8-library-meta {
    margin-bottom:8px;
    color:var(--c8-muted);
    font-size:11px;
    font-weight:700;
}

.conference8-library-meta span {
    display:inline-flex;
    align-items:center;
    gap:5px;
}

.conference8-library-meta i {
    color:var(--c8-gold-dark);
}

.conference8-library-content h3 {
    margin:0 0 8px;
    color:var(--c8-navy);
    font-size:18px;
    line-height:1.55;
    font-weight:900;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.55em * 2);
}

.conference8-library-content h3 a {
    color:inherit;
    text-decoration:none;
}

.conference8-library-content p {
    margin:0 0 14px;
    color:#626d76;
    font-size:13px;
    line-height:1.8;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:calc(1.8em * 2);
}

.conference8-library-open {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:var(--c8-green);
    text-decoration:none;
    font-size:12px;
    font-weight:900;
}

.conference8-library-open i {
    color:var(--c8-gold-dark);
}

/* ============================================================
   SECTION 18 — FOOTER CONFERENCE 8
============================================================ */
.conference8-footer {
    color:#fff;
    background:var(--c8-navy);
    border-top:4px solid var(--c8-gold);
}

.conference8-footer-grid {
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1.35fr;
    gap:38px;
    padding-top:54px;
    padding-bottom:48px;
}

.conference8-footer-brand {
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.conference8-footer-mark {
    flex:0 0 auto;
    width:58px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--c8-gold);
    background:var(--c8-green);
    border:2px solid var(--c8-gold);
    border-radius:17px;
    font-size:34px;
    font-weight:900;
}

.conference8-footer-brand h3 {
    margin:0 0 5px;
    color:#fff;
    font-size:19px;
    font-weight:900;
}

.conference8-footer-brand p {
    margin:0 0 5px;
    color:#dce5e2;
    font-size:13px;
    font-weight:700;
}

.conference8-footer-brand span {
    color:var(--c8-gold);
    font-size:12px;
    line-height:1.8;
}

.conference8-footer-column h4 {
    position:relative;
    margin:0 0 17px;
    padding-bottom:10px;
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.conference8-footer-column h4::after {
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:36px;
    height:2px;
    background:var(--c8-gold);
}

.conference8-footer-column ul {
    list-style:none;
    margin:0;
    padding:0;
}

.conference8-footer-column li {
    margin-bottom:9px;
}

.conference8-footer-column a {
    color:#d8e0e6;
    text-decoration:none;
    font-size:12px;
    line-height:1.7;
}

.conference8-footer-column a:hover {
    color:var(--c8-gold);
}

.conference8-footer-event p {
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:0 0 12px;
    color:#d8e0e6;
    font-size:12px;
    line-height:1.9;
}

.conference8-footer-event p i {
    margin-top:5px;
    color:var(--c8-gold);
}

.conference8-footer-home {
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:6px;
    color:#fff !important;
    font-weight:800;
}

.conference8-footer-home i {
    color:var(--c8-gold);
}

.conference8-footer-bottom {
    border-top:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.12);
}

.conference8-footer-bottom-inner {
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.conference8-footer-bottom p {
    margin:0;
    color:#b8c3cb;
    font-size:11px;
}

.conference8-back-top {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

.conference8-back-top i {
    color:var(--c8-gold);
}

@media(max-width:1100px) {
    .conference8-library-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .conference8-footer-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px) {
    .conference8-library {
        padding:50px 0 60px;
    }

    .conference8-library-grid {
        grid-template-columns:1fr;
    }

    .conference8-footer-grid {
        grid-template-columns:1fr;
        gap:28px;
        padding-top:40px;
        padding-bottom:36px;
    }

    .conference8-footer-bottom-inner {
        min-height:72px;
        flex-direction:column;
        justify-content:center;
        text-align:center;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.1
   HARMONISATION GÉNÉRALE DES ESPACEMENTS
   ------------------------------------------------------------
   Objectifs :
   - même rythme vertical entre les sections
   - mêmes marges internes
   - containers cohérents
   - titres de sections mieux alignés
   - moins d'espaces vides inutiles
============================================================ */

/* 4.1-A — Container global */
.conference8-container {
    width:min(94%, 1280px);
    margin-inline:auto;
}

/* 4.1-B — Rythme vertical commun */
.conference8-news,
.conference8-declarations,
.conference8-documents,
.conference8-cards,
.conference8-interviews,
.conference8-program,
.conference8-speakers,
.conference8-gallery,
.conference8-videos,
.conference8-library {
    padding-top:58px;
    padding-bottom:64px;
}

/* 4.1-C — En-têtes de sections */
.conference8-section-heading,
.conference8-news-heading,
.conference8-declarations-heading,
.conference8-documents-heading,
.conference8-cards-heading,
.conference8-interviews-heading,
.conference8-program-heading,
.conference8-speakers-heading,
.conference8-gallery-heading,
.conference8-videos-heading,
.conference8-library-heading {
    margin-bottom:24px;
    padding-bottom:16px;
}

.conference8-section-kicker {
    display:block;
    margin-bottom:4px;
}

/* 4.1-D — Gaps harmonisés */
.conference8-declarations-grid,
.conference8-documents-grid,
.conference8-cards-grid,
.conference8-interviews-grid,
.conference8-speakers-grid,
.conference8-videos-grid,
.conference8-library-grid {
    gap:18px;
}

.conference8-gallery-grid { gap:12px; }
.conference8-program-list { gap:14px; }

/* 4.1-E — Padding des cartes */
.conference8-declaration-content,
.conference8-interview-content,
.conference8-video-content {
    padding:18px 20px 20px;
}

.conference8-document-content,
.conference8-library-content {
    padding:16px 17px 18px;
}

/* 4.1-F — News */
.conference8-news-grid { gap:18px; }
.conference8-news-list { gap:10px; }
.conference8-news-featured-content { padding:16px 22px 18px; }
.conference8-news-card-content { padding:11px 14px; }

/* 4.1-G — Hero */
.conference8-hero { margin-bottom:0; }

/* 4.1-H — Bibliothèque */
.conference8-library { min-height:auto; }
.conference8-library-grid { align-items:start; }

/* 4.1-I — Footer */
.conference8-footer-grid {
    padding-top:44px;
    padding-bottom:40px;
    gap:30px;
}
.conference8-footer-column h4 { margin-bottom:14px; }
.conference8-footer-column li { margin-bottom:7px; }

/* 4.1-J — Tablette */
@media (max-width:1100px) {
    .conference8-news,
    .conference8-declarations,
    .conference8-documents,
    .conference8-cards,
    .conference8-interviews,
    .conference8-program,
    .conference8-speakers,
    .conference8-gallery,
    .conference8-videos,
    .conference8-library {
        padding-top:50px;
        padding-bottom:56px;
    }

    .conference8-section-heading,
    .conference8-news-heading,
    .conference8-declarations-heading,
    .conference8-documents-heading,
    .conference8-cards-heading,
    .conference8-interviews-heading,
    .conference8-program-heading,
    .conference8-speakers-heading,
    .conference8-gallery-heading,
    .conference8-videos-heading,
    .conference8-library-heading {
        margin-bottom:20px;
    }
}

/* 4.1-K — Mobile */
@media (max-width:650px) {
    .conference8-container { width:min(92%, 1280px); }

    .conference8-news,
    .conference8-declarations,
    .conference8-documents,
    .conference8-cards,
    .conference8-interviews,
    .conference8-program,
    .conference8-speakers,
    .conference8-gallery,
    .conference8-videos,
    .conference8-library {
        padding-top:38px;
        padding-bottom:44px;
    }

    .conference8-section-heading,
    .conference8-news-heading,
    .conference8-declarations-heading,
    .conference8-documents-heading,
    .conference8-cards-heading,
    .conference8-interviews-heading,
    .conference8-program-heading,
    .conference8-speakers-heading,
    .conference8-gallery-heading,
    .conference8-videos-heading,
    .conference8-library-heading {
        margin-bottom:16px;
        padding-bottom:12px;
    }

    .conference8-declarations-grid,
    .conference8-documents-grid,
    .conference8-cards-grid,
    .conference8-interviews-grid,
    .conference8-speakers-grid,
    .conference8-videos-grid,
    .conference8-library-grid {
        gap:14px;
    }

    .conference8-footer-grid {
        padding-top:34px;
        padding-bottom:30px;
        gap:24px;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.2
   HARMONISATION TYPOGRAPHIQUE
   ------------------------------------------------------------
   Objectifs :
   - hiérarchie claire des titres
   - tailles cohérentes entre modules
   - meilleure lisibilité de l'arabe
   - dates / métadonnées discrètes
   - boutons et liens homogènes
============================================================ */

/* ------------------------------------------------------------
   4.2-A — Police globale / rythme de lecture
------------------------------------------------------------ */
.conference8-page {
    font-family:
        "Noto Kufi Arabic",
        "IBM Plex Sans Arabic",
        Tahoma,
        Arial,
        sans-serif;
    line-height:1.7;
}

/* ------------------------------------------------------------
   4.2-B — Titres principaux des sections
------------------------------------------------------------ */
.conference8-section-heading h2,
.conference8-news-heading h2,
.conference8-declarations-heading h2,
.conference8-documents-heading h2,
.conference8-cards-heading h2,
.conference8-interviews-heading h2,
.conference8-program-heading h2,
.conference8-speakers-heading h2,
.conference8-gallery-heading h2,
.conference8-videos-heading h2,
.conference8-library-heading h2 {
    margin:0;
    color:var(--c8-navy);
    font-size:34px;
    line-height:1.35;
    font-weight:900;
    letter-spacing:-0.02em;
}

/* Icône des titres */
.conference8-section-heading h2 i,
.conference8-news-heading h2 i,
.conference8-declarations-heading h2 i,
.conference8-documents-heading h2 i,
.conference8-cards-heading h2 i,
.conference8-interviews-heading h2 i,
.conference8-program-heading h2 i,
.conference8-speakers-heading h2 i,
.conference8-gallery-heading h2 i,
.conference8-videos-heading h2 i,
.conference8-library-heading h2 i {
    margin-left:8px;
    font-size:.86em;
}

/* ------------------------------------------------------------
   4.2-C — Kicker / petit titre doré
------------------------------------------------------------ */
.conference8-section-kicker {
    color:var(--c8-gold-dark);
    font-size:12px;
    line-height:1.5;
    font-weight:800;
}

/* ------------------------------------------------------------
   4.2-D — Liens globaux de sections
------------------------------------------------------------ */
.conference8-section-all {
    font-size:13px;
    line-height:1.5;
    font-weight:800;
}

/* ------------------------------------------------------------
   4.2-E — Titres des cartes / articles
------------------------------------------------------------ */
.conference8-news-featured-content h3,
.conference8-declaration-content h3,
.conference8-document-content h3,
.conference8-interview-content h3,
.conference8-program-content h3,
.conference8-speaker-content h3,
.conference8-video-content h3,
.conference8-library-content h3 {
    font-size:18px;
    line-height:1.55;
    font-weight:900;
}

/* Featured News légèrement plus fort */
.conference8-news-featured-content h3 {
    font-size:24px;
    line-height:1.45;
}

/* Cartes visuelles */
.conference8-card-caption h3,
.conference8-gallery-caption h3 {
    font-size:17px;
    line-height:1.5;
    font-weight:900;
}

/* ------------------------------------------------------------
   4.2-F — Résumés / extraits
------------------------------------------------------------ */
.conference8-news-featured-content p,
.conference8-declaration-content p,
.conference8-document-content p,
.conference8-interview-content p,
.conference8-program-content p,
.conference8-speaker-content p,
.conference8-library-content p {
    color:#626d76;
    font-size:13px;
    line-height:1.85;
    font-weight:400;
}

/* Featured News un peu plus lisible */
.conference8-news-featured-content p {
    font-size:14px;
}

/* ------------------------------------------------------------
   4.2-G — Dates / métadonnées
------------------------------------------------------------ */
.conference8-news-meta,
.conference8-document-meta,
.conference8-library-meta,
.conference8-program-meta,
.conference8-gallery-date,
.conference8-card-date {
    font-size:11px;
    line-height:1.45;
    font-weight:700;
}

/* ------------------------------------------------------------
   4.2-H — Badges
------------------------------------------------------------ */
.conference8-document-type,
.conference8-card-badge,
.conference8-interview-badge,
.conference8-speaker-badge,
.conference8-video-badge,
.conference8-library-badge {
    font-size:11px;
    line-height:1;
    font-weight:900;
}

/* ------------------------------------------------------------
   4.2-I — Boutons / liens d'action
------------------------------------------------------------ */
.conference8-document-open,
.conference8-library-open,
.conference8-footer-home,
.conference8-back-top {
    font-size:12px;
    line-height:1.5;
    font-weight:900;
}

/* ------------------------------------------------------------
   4.2-J — Header / navigation
------------------------------------------------------------ */
.conference8-nav a {
    font-size:15px;
    line-height:1.3;
    font-weight:800;
}

.conference8-header-event h1 {
    font-size:22px;
    line-height:1.25;
    font-weight:900;
}

.conference8-header-event p {
    font-size:16px;
    line-height:1.45;
    font-weight:800;
}

.conference8-header-date {
    font-size:13px;
    line-height:1.65;
    font-weight:700;
}

/* ------------------------------------------------------------
   4.2-K — Hero
------------------------------------------------------------ */
.conference8-hero h1,
.conference8-hero-title {
    font-size:clamp(46px,5vw,76px);
    line-height:1.15;
    font-weight:900;
    letter-spacing:-0.025em;
}

.conference8-hero-subtitle,
.conference8-hero h2 {
    font-size:clamp(24px,2.4vw,38px);
    line-height:1.3;
    font-weight:900;
}

.conference8-hero-slogan {
    font-size:clamp(17px,1.7vw,24px);
    line-height:1.5;
    font-weight:800;
}

/* ------------------------------------------------------------
   4.2-L — Footer
------------------------------------------------------------ */
.conference8-footer-brand h3 {
    font-size:18px;
    line-height:1.45;
    font-weight:900;
}

.conference8-footer-brand p {
    font-size:13px;
    line-height:1.6;
    font-weight:700;
}

.conference8-footer-brand span {
    font-size:12px;
    line-height:1.7;
    font-weight:700;
}

.conference8-footer-column h4 {
    font-size:15px;
    line-height:1.45;
    font-weight:900;
}

.conference8-footer-column a,
.conference8-footer-event p {
    font-size:12px;
    line-height:1.8;
}

/* ------------------------------------------------------------
   4.2-M — Tablette
------------------------------------------------------------ */
@media (max-width:1100px) {

    .conference8-section-heading h2,
    .conference8-news-heading h2,
    .conference8-declarations-heading h2,
    .conference8-documents-heading h2,
    .conference8-cards-heading h2,
    .conference8-interviews-heading h2,
    .conference8-program-heading h2,
    .conference8-speakers-heading h2,
    .conference8-gallery-heading h2,
    .conference8-videos-heading h2,
    .conference8-library-heading h2 {
        font-size:30px;
    }

    .conference8-news-featured-content h3 {
        font-size:22px;
    }

    .conference8-nav a {
        font-size:14px;
    }
}

/* ------------------------------------------------------------
   4.2-N — Mobile
------------------------------------------------------------ */
@media (max-width:650px) {

    .conference8-section-heading h2,
    .conference8-news-heading h2,
    .conference8-declarations-heading h2,
    .conference8-documents-heading h2,
    .conference8-cards-heading h2,
    .conference8-interviews-heading h2,
    .conference8-program-heading h2,
    .conference8-speakers-heading h2,
    .conference8-gallery-heading h2,
    .conference8-videos-heading h2,
    .conference8-library-heading h2 {
        font-size:25px;
        line-height:1.4;
    }

    .conference8-section-kicker {
        font-size:11px;
    }

    .conference8-news-featured-content h3 {
        font-size:20px;
    }

    .conference8-declaration-content h3,
    .conference8-document-content h3,
    .conference8-interview-content h3,
    .conference8-program-content h3,
    .conference8-speaker-content h3,
    .conference8-video-content h3,
    .conference8-library-content h3 {
        font-size:17px;
    }

    .conference8-news-featured-content p,
    .conference8-declaration-content p,
    .conference8-document-content p,
    .conference8-interview-content p,
    .conference8-program-content p,
    .conference8-speaker-content p,
    .conference8-library-content p {
        font-size:12.5px;
    }

    .conference8-nav a {
        font-size:13px;
    }

    .conference8-header-event h1 {
        font-size:25px;
    }

    .conference8-header-event p {
        font-size:14px;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.3
   HARMONISATION DES CARTES
   ------------------------------------------------------------
   Objectifs :
   - mêmes rayons
   - mêmes bordures
   - mêmes ombres
   - mêmes transitions
   - images mieux cadrées
   - paddings cohérents
   - hover homogène
============================================================ */

:root {
    --c8-card-radius: 14px;
    --c8-card-border: #e2e7e5;
    --c8-card-shadow: 0 8px 24px rgba(5,19,34,.055);
    --c8-card-shadow-hover: 0 14px 32px rgba(5,19,34,.10);
    --c8-card-transition: .22s ease;
}

/* ------------------------------------------------------------
   4.3-A — Base commune des cartes
------------------------------------------------------------ */
.conference8-news-featured,
.conference8-news-card,
.conference8-declaration-card,
.conference8-document-card,
.conference8-card-item,
.conference8-interview-card,
.conference8-program-item,
.conference8-speaker-card,
.conference8-gallery-item,
.conference8-video-card,
.conference8-library-card {
    border-radius:var(--c8-card-radius);
}

/* Cartes blanches classiques */
.conference8-news-featured,
.conference8-news-card,
.conference8-declaration-card,
.conference8-document-card,
.conference8-interview-card,
.conference8-program-item,
.conference8-speaker-card,
.conference8-video-card,
.conference8-library-card {
    border:1px solid var(--c8-card-border);
    box-shadow:var(--c8-card-shadow);
    transition:
        transform var(--c8-card-transition),
        box-shadow var(--c8-card-transition),
        border-color var(--c8-card-transition);
}

/* Hover homogène */
.conference8-news-featured:hover,
.conference8-news-card:hover,
.conference8-declaration-card:hover,
.conference8-document-card:hover,
.conference8-interview-card:hover,
.conference8-program-item:hover,
.conference8-speaker-card:hover,
.conference8-video-card:hover,
.conference8-library-card:hover {
    transform:translateY(-3px);
    box-shadow:var(--c8-card-shadow-hover);
    border-color:rgba(212,175,55,.38);
}

/* ------------------------------------------------------------
   4.3-B — Images : cadrage commun
------------------------------------------------------------ */
.conference8-news-featured-image,
.conference8-news-card-image,
.conference8-declaration-image,
.conference8-document-image,
.conference8-interview-image,
.conference8-speaker-image,
.conference8-video-thumb,
.conference8-library-image {
    overflow:hidden;
    background:#edf1ef;
}

/* Images standards */
.conference8-news-featured-image img,
.conference8-news-card-image img,
.conference8-declaration-image img,
.conference8-document-image img,
.conference8-interview-image img,
.conference8-speaker-image img,
.conference8-video-thumb img,
.conference8-library-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* Zoom discret et commun */
.conference8-news-featured:hover img,
.conference8-news-card:hover img,
.conference8-declaration-card:hover img,
.conference8-document-card:hover img,
.conference8-interview-card:hover img,
.conference8-speaker-card:hover img,
.conference8-video-card:hover img,
.conference8-library-card:hover img {
    transform:scale(1.025);
}

/* ------------------------------------------------------------
   4.3-C — Ratios des cartes éditoriales
------------------------------------------------------------ */

/* Déclarations / interviews / bibliothèque / documents */
.conference8-declaration-image,
.conference8-interview-image,
.conference8-library-image,
.conference8-document-image {
    aspect-ratio: 16 / 10;
}

/* Speakers : portrait */
.conference8-speaker-image {
    aspect-ratio: 4 / 4.6;
}

/* Vidéo : garder 16:9 */
.conference8-video-thumb {
    aspect-ratio:16 / 9;
}

/* ------------------------------------------------------------
   4.3-D — Contenus internes
------------------------------------------------------------ */
.conference8-declaration-content,
.conference8-document-content,
.conference8-interview-content,
.conference8-speaker-content,
.conference8-video-content,
.conference8-library-content {
    padding:17px 18px 19px;
}

/* Espacement entre meta, titre et résumé */
.conference8-declaration-content .conference8-news-meta,
.conference8-interview-content .conference8-news-meta,
.conference8-video-content .conference8-news-meta,
.conference8-document-meta,
.conference8-library-meta {
    margin-bottom:8px;
}

.conference8-declaration-content h3,
.conference8-document-content h3,
.conference8-interview-content h3,
.conference8-speaker-content h3,
.conference8-video-content h3,
.conference8-library-content h3 {
    margin-bottom:8px;
}

/* ------------------------------------------------------------
   4.3-E — Badges
------------------------------------------------------------ */
.conference8-document-type,
.conference8-card-badge,
.conference8-interview-badge,
.conference8-speaker-badge,
.conference8-video-badge,
.conference8-library-badge {
    top:12px;
    right:12px;
    padding:7px 10px;
    min-height:30px;
    border-radius:999px;
    box-shadow:0 4px 12px rgba(5,19,34,.12);
}

/* ------------------------------------------------------------
   4.3-F — بطاقات الجمع العام
------------------------------------------------------------ */
.conference8-card-visual {
    border-radius:var(--c8-card-radius);
    border:1px solid var(--c8-card-border);
    box-shadow:var(--c8-card-shadow);
}

.conference8-card-visual:hover {
    transform:translateY(-3px);
    box-shadow:var(--c8-card-shadow-hover);
}

/* ------------------------------------------------------------
   4.3-G — معرض الصور
------------------------------------------------------------ */
.conference8-gallery-item {
    border:1px solid var(--c8-card-border);
    box-shadow:var(--c8-card-shadow);
    transition:
        transform var(--c8-card-transition),
        box-shadow var(--c8-card-transition);
}

.conference8-gallery-item:hover {
    transform:translateY(-2px);
    box-shadow:var(--c8-card-shadow-hover);
}

/* ------------------------------------------------------------
   4.3-H — البرنامج
------------------------------------------------------------ */
.conference8-program-item {
    background:#fff;
    padding:16px 16px 16px 0;
}

.conference8-program-image {
    border-radius:10px;
    border:1px solid #e5e9e7;
}

/* ------------------------------------------------------------
   4.3-I — News
------------------------------------------------------------ */
.conference8-news-featured,
.conference8-news-card {
    background:#fff;
}

.conference8-news-featured-content {
    padding:17px 20px 19px;
}

.conference8-news-card-content {
    padding:12px 14px 13px;
}

/* ------------------------------------------------------------
   4.3-J — Alignement visuel des hauteurs
------------------------------------------------------------ */
.conference8-declarations-grid,
.conference8-documents-grid,
.conference8-interviews-grid,
.conference8-speakers-grid,
.conference8-videos-grid,
.conference8-library-grid {
    align-items:stretch;
}

.conference8-declaration-card,
.conference8-document-card,
.conference8-interview-card,
.conference8-speaker-card,
.conference8-video-card,
.conference8-library-card {
    height:100%;
}

/* ------------------------------------------------------------
   4.3-K — Mobile
------------------------------------------------------------ */
@media(max-width:650px) {

    :root {
        --c8-card-radius: 12px;
    }

    .conference8-declaration-content,
    .conference8-document-content,
    .conference8-interview-content,
    .conference8-speaker-content,
    .conference8-video-content,
    .conference8-library-content {
        padding:15px 15px 17px;
    }

    .conference8-news-featured-content {
        padding:15px 16px 17px;
    }

    .conference8-news-card-content {
        padding:10px 12px 12px;
    }

    .conference8-program-item {
        padding:14px 12px 14px 0;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.4
   HARMONISATION DES COULEURS ET DE L'IDENTITÉ VISUELLE
   ------------------------------------------------------------
   Palette officielle retenue :
   - Vert principal : #0F382C
   - Vert foncé     : #09231B
   - Bleu marine    : #0A2540
   - Bleu très foncé: #051322
   - Doré           : #D4AF37
   - Blanc          : #FFFFFF
   - Fond clair     : #F7F8F8
============================================================ */

:root {
    --c8-green: #0F382C;
    --c8-green-dark: #09231B;
    --c8-navy: #0A2540;
    --c8-navy-dark: #051322;
    --c8-gold: #D4AF37;
    --c8-gold-dark: #B88900;
    --c8-white: #FFFFFF;
    --c8-bg-light: #F7F8F8;
    --c8-text: #1F2937;
    --c8-muted: #6B7280;
    --c8-border: #E2E7E5;
}

/* ------------------------------------------------------------
   4.4-A — Fond général et alternance des sections
------------------------------------------------------------ */
.conference8-page {
    background:var(--c8-white);
    color:var(--c8-text);
}

.conference8-news,
.conference8-documents,
.conference8-program,
.conference8-gallery,
.conference8-library {
    background:var(--c8-white);
}

.conference8-declarations,
.conference8-cards,
.conference8-interviews,
.conference8-speakers,
.conference8-videos {
    background:var(--c8-bg-light);
}

/* ------------------------------------------------------------
   4.4-B — Titres de sections
------------------------------------------------------------ */
.conference8-section-heading h2,
.conference8-news-heading h2,
.conference8-declarations-heading h2,
.conference8-documents-heading h2,
.conference8-cards-heading h2,
.conference8-interviews-heading h2,
.conference8-program-heading h2,
.conference8-speakers-heading h2,
.conference8-gallery-heading h2,
.conference8-videos-heading h2,
.conference8-library-heading h2 {
    color:var(--c8-navy);
}

.conference8-section-heading h2 i,
.conference8-news-heading h2 i,
.conference8-declarations-heading h2 i,
.conference8-documents-heading h2 i,
.conference8-cards-heading h2 i,
.conference8-interviews-heading h2 i,
.conference8-program-heading h2 i,
.conference8-speakers-heading h2 i,
.conference8-gallery-heading h2 i,
.conference8-videos-heading h2 i,
.conference8-library-heading h2 i {
    color:var(--c8-green);
}

.conference8-section-kicker {
    color:var(--c8-gold-dark);
}

/* Ligne de séparation */
.conference8-section-heading,
.conference8-news-heading,
.conference8-declarations-heading,
.conference8-documents-heading,
.conference8-cards-heading,
.conference8-interviews-heading,
.conference8-program-heading,
.conference8-speakers-heading,
.conference8-gallery-heading,
.conference8-videos-heading,
.conference8-library-heading {
    border-bottom:1px solid var(--c8-border);
}

/* ------------------------------------------------------------
   4.4-C — Liens "Voir tout"
------------------------------------------------------------ */
.conference8-section-all {
    color:var(--c8-green);
    text-decoration:none;
}

.conference8-section-all i {
    color:var(--c8-gold-dark);
}

.conference8-section-all:hover {
    color:var(--c8-gold-dark);
}

/* ------------------------------------------------------------
   4.4-D — Titres et liens des cartes
------------------------------------------------------------ */
.conference8-news-featured-content h3,
.conference8-news-card-content h3,
.conference8-declaration-content h3,
.conference8-document-content h3,
.conference8-interview-content h3,
.conference8-program-content h3,
.conference8-speaker-content h3,
.conference8-video-content h3,
.conference8-library-content h3 {
    color:var(--c8-navy);
}

.conference8-news-featured-content h3 a,
.conference8-news-card-content h3 a,
.conference8-declaration-content h3 a,
.conference8-document-content h3 a,
.conference8-interview-content h3 a,
.conference8-program-content h3 a,
.conference8-speaker-content h3 a,
.conference8-video-content h3 a,
.conference8-library-content h3 a {
    color:inherit;
}

.conference8-news-featured-content h3 a:hover,
.conference8-news-card-content h3 a:hover,
.conference8-declaration-content h3 a:hover,
.conference8-document-content h3 a:hover,
.conference8-interview-content h3 a:hover,
.conference8-program-content h3 a:hover,
.conference8-speaker-content h3 a:hover,
.conference8-video-content h3 a:hover,
.conference8-library-content h3 a:hover {
    color:var(--c8-green);
}

/* ------------------------------------------------------------
   4.4-E — Textes secondaires / métadonnées
------------------------------------------------------------ */
.conference8-news-meta,
.conference8-document-meta,
.conference8-library-meta,
.conference8-program-meta {
    color:var(--c8-muted);
}

.conference8-news-meta i,
.conference8-document-meta i,
.conference8-library-meta i,
.conference8-program-meta i,
.conference8-gallery-date i,
.conference8-card-date i {
    color:var(--c8-gold-dark);
}

/* ------------------------------------------------------------
   4.4-F — Badges
------------------------------------------------------------ */
.conference8-document-type,
.conference8-card-badge,
.conference8-interview-badge,
.conference8-speaker-badge,
.conference8-video-badge,
.conference8-library-badge {
    color:var(--c8-white);
    background:rgba(15,56,44,.94);
    border:1px solid rgba(212,175,55,.65);
}

.conference8-document-type i,
.conference8-card-badge i,
.conference8-interview-badge i,
.conference8-speaker-badge i,
.conference8-video-badge i,
.conference8-library-badge i {
    color:var(--c8-gold);
}

/* ------------------------------------------------------------
   4.4-G — Boutons et actions
------------------------------------------------------------ */
.conference8-document-open,
.conference8-library-open {
    color:var(--c8-green);
}

.conference8-document-open i,
.conference8-library-open i {
    color:var(--c8-gold-dark);
}

.conference8-document-open:hover,
.conference8-library-open:hover {
    color:var(--c8-gold-dark);
}

/* Hero buttons : harmonisation principale */
.conference8-hero .conference8-btn-primary,
.conference8-hero .conference8-btn-program,
.conference8-hero a[href="#program"] {
    background:var(--c8-green);
    color:var(--c8-white);
    border-color:var(--c8-gold);
}

.conference8-hero .conference8-btn-primary:hover,
.conference8-hero .conference8-btn-program:hover,
.conference8-hero a[href="#program"]:hover {
    background:var(--c8-green-dark);
    color:var(--c8-gold);
}

/* ------------------------------------------------------------
   4.4-H — Bouton Play vidéo
------------------------------------------------------------ */
.conference8-video-play {
    background:#C62828;
    color:#fff;
    border-color:rgba(255,255,255,.92);
}

.conference8-video-card:hover .conference8-video-play {
    background:#A91F1F;
}

/* ------------------------------------------------------------
   4.4-I — Programme / timeline
------------------------------------------------------------ */
.conference8-program-marker span {
    background:var(--c8-gold);
    color:var(--c8-navy-dark);
}

.conference8-program-list::before {
    background:linear-gradient(
        to bottom,
        var(--c8-gold),
        rgba(15,56,44,.18)
    );
}

/* ------------------------------------------------------------
   4.4-J — Galerie
------------------------------------------------------------ */
.conference8-gallery-date,
.conference8-card-date {
    color:#F3D978;
}

.conference8-gallery-zoom {
    background:rgba(15,56,44,.90);
    border-color:rgba(212,175,55,.65);
    color:#fff;
}

.conference8-gallery-zoom:hover {
    color:var(--c8-gold);
}

/* ------------------------------------------------------------
   4.4-K — Header / Topbar / Navigation
------------------------------------------------------------ */
.conference8-topbar {
    background:var(--c8-navy-dark);
    border-bottom:1px solid rgba(212,175,55,.32);
}

.conference8-nav {
    background:var(--c8-white);
    border-bottom:1px solid var(--c8-border);
}

.conference8-nav a {
    color:var(--c8-navy);
}

.conference8-nav a:hover {
    color:var(--c8-green);
}

.conference8-nav .active > a,
.conference8-nav a.active {
    background:var(--c8-green);
    color:var(--c8-white);
}

.conference8-nav .active > a i,
.conference8-nav a.active i {
    color:var(--c8-gold);
}

/* ------------------------------------------------------------
   4.4-L — Lightbox photo / vidéo
------------------------------------------------------------ */
.conference8-lightbox,
.conference8-video-lightbox {
    background:rgba(5,19,34,.96);
}

.conference8-lightbox-close,
.conference8-lightbox-nav,
.conference8-video-lightbox-close {
    background:rgba(15,56,44,.92);
    border-color:rgba(212,175,55,.65);
    color:#fff;
}

.conference8-lightbox-close:hover,
.conference8-lightbox-nav:hover,
.conference8-video-lightbox-close:hover {
    color:var(--c8-gold);
    background:var(--c8-green-dark);
}

/* ------------------------------------------------------------
   4.4-M — Footer
------------------------------------------------------------ */
.conference8-footer {
    background:var(--c8-navy);
    border-top:4px solid var(--c8-gold);
}

.conference8-footer-mark {
    background:var(--c8-green);
    color:var(--c8-gold);
    border-color:var(--c8-gold);
}

.conference8-footer-column h4::after {
    background:var(--c8-gold);
}

.conference8-footer-column a:hover,
.conference8-footer-home i,
.conference8-back-top i,
.conference8-footer-event p i {
    color:var(--c8-gold);
}

/* ------------------------------------------------------------
   4.4-N — Accent visuel des cartes au hover
------------------------------------------------------------ */
.conference8-news-featured:hover,
.conference8-news-card:hover,
.conference8-declaration-card:hover,
.conference8-document-card:hover,
.conference8-interview-card:hover,
.conference8-program-item:hover,
.conference8-speaker-card:hover,
.conference8-video-card:hover,
.conference8-library-card:hover {
    border-color:rgba(212,175,55,.48);
}

/* ------------------------------------------------------------
   4.4-O — Accessibilité / focus
------------------------------------------------------------ */
.conference8-page a:focus-visible,
.conference8-page button:focus-visible {
    outline:2px solid var(--c8-gold);
    outline-offset:3px;
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.5
   HEADER + MENU + HERO
   ------------------------------------------------------------
   Corrections issues des captures de référence :
   - icônes du topbar en doré
   - fond clair des liens/icônes utilitaires
   - menu centré
   - Hero entièrement centré
   - bouton "البث المباشر" relié à un bloc dédié
============================================================ */

/* ------------------------------------------------------------
   4.5-A — TOPBAR : icônes dorées + fond clair
------------------------------------------------------------ */
.conference8-topbar-left {
    gap:9px;
}

.conference8-website-link,
.conference8-social a {
    width:30px;
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    color:var(--c8-gold) !important;
    /* background:var(--c8-bg-light); */
    /* border:1px solid rgba(212,175,55,.35); */
    border-radius:50%;
    text-decoration:none;
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.conference8-website-link:hover,
.conference8-social a:hover {
    color:var(--c8-white) !important;
    background:var(--c8-green);
    border-color:var(--c8-gold);
    transform:translateY(-1px);
}

.conference8-social {
    gap:7px;
}

.conference8-social a {
    font-size:13px;
}

/* Recherche : garder l'accent doré */
.conference8-search button {
    color:var(--c8-gold);
}

/* ------------------------------------------------------------
   4.5-B — HEADER : proportions plus équilibrées
------------------------------------------------------------ */
.conference8-header-grid {
    grid-template-columns:1fr 1.35fr 1fr;
    gap:26px;
}

.conference8-header-logo,
.conference8-header-meta,
.conference8-header-event {
    min-width:0;
}

.conference8-header-event {
    justify-content:center;
}

.conference8-event-text {
    text-align:center;
}

.conference8-header-meta-row {
    width:100%;
}

.conference8-meta-icon {
    color:var(--c8-gold-dark);
    background:var(--c8-bg-light);
    border:1px solid rgba(212,175,55,.40);
}

/* ------------------------------------------------------------
   4.5-C — MENU : texte centré dans chaque entrée
------------------------------------------------------------ */
.conference8-nav-inner {
    justify-content:center;
}

.conference8-nav-menu {
    width:100%;
    display:flex;
    align-items:stretch;
    justify-content:center;
}

.conference8-nav-menu > li {
    display:flex;
    align-items:stretch;
}

.conference8-nav-menu > li > a {
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding-inline:16px;
    white-space:nowrap;
}

.conference8-nav-home > a {
    min-width:118px;
}

/* Le badge latéral n'est plus nécessaire : le menu reste centré */
.conference8-nav-badge {
    display:none;
}

/* ------------------------------------------------------------
   4.5-D — HERO : contenu entièrement centré
------------------------------------------------------------ */
.conference8-hero-inner {
    min-height:inherit;
    display:flex;
    align-items:center;
    justify-content:center;
}

.conference8-hero-content {
    width:min(900px,92%);
    margin-inline:auto;
    text-align:center;
    align-items:center;
}

.conference8-hero-badge {
    margin-inline:auto;
}

.conference8-hero-title,
.conference8-hero-subtitle,
.conference8-hero-slogan {
    text-align:center;
}

.conference8-hero-meta {
    justify-content:center;
    margin-inline:auto;
}

.conference8-hero-meta-item {
    justify-content:center;
    text-align:center;
}

.conference8-hero-actions {
    justify-content:center;
    margin-inline:auto;
}

/* Les 3 CTA ont une présence visuelle homogène */
.conference8-hero-actions .conference8-btn {
    min-width:180px;
}

/* Live reste rouge pour être immédiatement identifiable */
.conference8-btn-live {
    background:#C62828;
    color:#fff;
    border:1px solid rgba(255,255,255,.30);
    box-shadow:0 9px 24px rgba(198,40,40,.22);
}

.conference8-btn-live:hover {
    background:#A91F1F;
    color:#fff;
}

/* ------------------------------------------------------------
   4.5-E — BLOC البث المباشر
------------------------------------------------------------ */
.conference8-livestream {
    padding:26px 0;
    background:var(--c8-navy-dark);
    border-top:1px solid rgba(212,175,55,.32);
    border-bottom:1px solid rgba(212,175,55,.32);
    scroll-margin-top:80px;
}

.conference8-livestream-box {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    padding:22px 24px;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(15,56,44,.92),rgba(10,37,64,.92));
    border:1px solid rgba(212,175,55,.42);
    border-radius:14px;
}

.conference8-livestream-icon {
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--c8-white);
    background:#C62828;
    border:2px solid rgba(255,255,255,.80);
    border-radius:50%;
    font-size:22px;
    box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.conference8-livestream-kicker {
    display:block;
    margin-bottom:2px;
    color:var(--c8-gold);
    font-size:11px;
    font-weight:800;
}

.conference8-livestream-content h2 {
    margin:0 0 4px;
    color:#fff;
    font-size:24px;
    line-height:1.4;
    font-weight:900;
}

.conference8-livestream-content p {
    margin:0;
    color:#d8e0e6;
    font-size:13px;
    line-height:1.7;
}

.conference8-livestream-status {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 13px;
    color:#fff;
    background:rgba(5,19,34,.55);
    border:1px solid rgba(255,255,255,.15);
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}

.conference8-live-dot {
    width:9px;
    height:9px;
    flex:0 0 9px;
    background:#9ca3af;
    border-radius:50%;
}

/* ------------------------------------------------------------
   4.5-F — Responsive
------------------------------------------------------------ */
@media(max-width:1100px) {
    .conference8-nav-menu > li > a {
        padding-inline:11px;
        font-size:13px;
    }

    .conference8-hero-content {
        width:min(850px,94%);
    }
}

@media(max-width:850px) {
    .conference8-topbar-left {
        justify-content:center;
    }

    .conference8-header-grid {
        grid-template-columns:1fr;
        gap:20px;
        padding-block:20px;
    }

    .conference8-header-logo,
    .conference8-header-meta {
        justify-content:center;
        align-items:center;
        text-align:center;
    }

    .conference8-header-meta {
        width:100%;
    }

    .conference8-header-meta-row {
        justify-content:center;
        width:auto;
    }

    .conference8-livestream-box {
        grid-template-columns:auto 1fr;
    }

    .conference8-livestream-status {
        grid-column:1 / -1;
        justify-self:center;
    }
}

@media(max-width:650px) {
    .conference8-website-link,
    .conference8-social a {
        width:28px;
        height:28px;
        flex-basis:28px;
    }

    .conference8-hero-content {
        width:94%;
    }

    .conference8-hero-actions {
        width:100%;
    }

    .conference8-hero-actions .conference8-btn {
        width:100%;
        min-width:0;
    }

    .conference8-hero-meta {
        width:100%;
        flex-direction:column;
    }

    .conference8-hero-meta-item {
        width:100%;
    }

    .conference8-livestream {
        padding:20px 0;
    }

    .conference8-livestream-box {
        grid-template-columns:1fr;
        justify-items:center;
        text-align:center;
        padding:20px 16px;
    }

    .conference8-livestream-icon {
        width:52px;
        height:52px;
    }

    .conference8-livestream-content h2 {
        font-size:21px;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.6
   HERO : AJUSTEMENTS FINS, LISIBILITÉ, HAUTEUR ET RESPONSIVE
============================================================ */

.conference8-hero {
    position:relative;
    min-height:clamp(500px, 62vh, 660px);
    display:flex;
    align-items:center;
    overflow:hidden;
}

.conference8-hero::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(5,19,34,.18) 0%,
            rgba(5,19,34,.32) 34%,
            rgba(5,19,34,.62) 66%,
            rgba(5,19,34,.78) 100%
        );
}

.conference8-hero::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        linear-gradient(
            to top,
            rgba(5,19,34,.28) 0%,
            rgba(5,19,34,.04) 34%,
            rgba(5,19,34,0) 70%
        );
}

.conference8-hero-inner {
    position:relative;
    z-index:2;
    width:100%;
    min-height:inherit;
    padding-block:54px;
}

.conference8-hero-content {
    width:min(860px, 92%);
    margin-inline:auto;
    text-align:center;
}

.conference8-hero-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0 auto 16px;
    padding:8px 16px;
    color:#fff;
    background:rgba(5,19,34,.58);
    border:1px solid rgba(212,175,55,.55);
    border-radius:999px;
    backdrop-filter:blur(4px);
    font-size:12px;
    font-weight:900;
}

.conference8-hero-title,
.conference8-hero h1 {
    max-width:820px;
    margin:0 auto 10px;
    color:#fff;
    font-size:clamp(42px,4.6vw,66px);
    line-height:1.12;
    font-weight:900;
    letter-spacing:-.025em;
    text-shadow:0 3px 18px rgba(0,0,0,.24);
}

.conference8-hero-subtitle,
.conference8-hero h2 {
    margin:0 auto 8px;
    color:#fff;
    font-size:clamp(23px,2.2vw,34px);
    line-height:1.35;
    font-weight:900;
    text-shadow:0 2px 12px rgba(0,0,0,.18);
}

.conference8-hero-slogan {
    margin:0 auto 22px;
    color:#F0CD5A;
    font-size:clamp(16px,1.55vw,22px);
    line-height:1.55;
    font-weight:900;
    text-shadow:0 2px 10px rgba(0,0,0,.22);
}

.conference8-hero-meta {
    width:min(760px,100%);
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:12px;
    margin:0 auto 22px;
}

.conference8-hero-meta-item {
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:10px 16px;
    color:#fff;
    background:rgba(5,19,34,.62);
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    backdrop-filter:blur(5px);
    font-size:13px;
    line-height:1.55;
    font-weight:800;
}

.conference8-hero-meta-item i {
    color:var(--c8-gold);
    font-size:16px;
}

.conference8-hero-actions {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.conference8-hero-actions .conference8-btn {
    min-height:48px;
    min-width:170px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:11px 18px;
    border-radius:10px;
    font-size:13px;
    line-height:1.2;
    font-weight:900;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        color .2s ease;
}

.conference8-hero-actions .conference8-btn:hover {
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(0,0,0,.18);
}

@media (max-width:1366px) {
    .conference8-hero {
        min-height:560px;
    }

    .conference8-hero-inner {
        padding-block:46px;
    }

    .conference8-hero-content {
        width:min(800px,91%);
    }

    .conference8-hero-title,
    .conference8-hero h1 {
        font-size:clamp(38px,4vw,58px);
    }
}

@media (max-width:900px) {
    .conference8-hero {
        min-height:520px;
    }

    .conference8-hero::before {
        background:rgba(5,19,34,.58);
    }

    .conference8-hero-inner {
        padding-block:42px;
    }

    .conference8-hero-content {
        width:min(720px,92%);
    }

    .conference8-hero-meta {
        width:min(620px,100%);
        flex-direction:column;
        gap:10px;
    }

    .conference8-hero-meta-item {
        min-height:46px;
    }
}

@media (max-width:650px) {
    .conference8-hero {
        min-height:560px;
        background-position:center center;
    }

    .conference8-hero-inner {
        padding-block:34px;
    }

    .conference8-hero-content {
        width:92%;
    }

    .conference8-hero-badge {
        margin-bottom:13px;
        padding:7px 12px;
        font-size:10px;
    }

    .conference8-hero-title,
    .conference8-hero h1 {
        margin-bottom:8px;
        font-size:clamp(32px,10vw,44px);
        line-height:1.18;
    }

    .conference8-hero-subtitle,
    .conference8-hero h2 {
        font-size:21px;
        line-height:1.45;
    }

    .conference8-hero-slogan {
        margin-bottom:17px;
        font-size:15px;
        line-height:1.6;
    }

    .conference8-hero-meta {
        margin-bottom:16px;
    }

    .conference8-hero-meta-item {
        width:100%;
        min-height:44px;
        padding:9px 12px;
        font-size:11px;
        border-radius:10px;
    }

    .conference8-hero-actions {
        width:100%;
        gap:9px;
    }

    .conference8-hero-actions .conference8-btn {
        width:100%;
        min-width:0;
        min-height:44px;
        padding:10px 14px;
        font-size:12px;
        border-radius:9px;
    }
}

@media (max-width:420px) {
    .conference8-hero {
        min-height:540px;
    }

    .conference8-hero-title,
    .conference8-hero h1 {
        font-size:31px;
    }

    .conference8-hero-subtitle,
    .conference8-hero h2 {
        font-size:19px;
    }

    .conference8-hero-slogan {
        font-size:14px;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.7
   RESPONSIVE COMPLET — PAGE CONFERENCE 8
   ------------------------------------------------------------
   Breakpoints :
   >= 1440px  : grand desktop
   1200-1439  : desktop / laptop large
   992-1199   : laptop / petite tablette paysage
   768-991    : tablette
   576-767    : grand mobile
   <=575      : mobile
============================================================ */

/* ------------------------------------------------------------
   4.7-A — Sécurité globale anti-débordement
------------------------------------------------------------ */
html,
body.conference8-page {
    max-width:100%;
    overflow-x:hidden;
}

.conference8-page img,
.conference8-page iframe,
.conference8-page video {
    max-width:100%;
}

.conference8-page * {
    box-sizing:border-box;
}

/* Ancres : éviter qu'elles soient cachées sous le header/menu */
#news,
#declarations,
#documents,
#cards,
#interviews,
#program,
#speakers,
#gallery,
#videos,
#library,
#livestream {
    scroll-margin-top:88px;
}

/* ------------------------------------------------------------
   4.7-B — Grand desktop
------------------------------------------------------------ */
@media (min-width:1440px) {
    .conference8-container {
        width:min(92%, 1380px);
    }

    .conference8-header-grid {
        grid-template-columns:1.05fr 1.35fr 1.05fr;
        gap:32px;
    }

    .conference8-nav-menu > li > a {
        padding-inline:18px;
    }

    .conference8-news-grid {
        gap:22px;
    }

    .conference8-declarations-grid,
    .conference8-documents-grid,
    .conference8-cards-grid,
    .conference8-interviews-grid,
    .conference8-speakers-grid,
    .conference8-videos-grid,
    .conference8-library-grid {
        gap:20px;
    }
}

/* ------------------------------------------------------------
   4.7-C — Desktop / laptop
------------------------------------------------------------ */
@media (max-width:1439px) and (min-width:1200px) {
    .conference8-container {
        width:min(94%, 1240px);
    }

    .conference8-nav-menu > li > a {
        padding-inline:12px;
        font-size:13px;
    }

    .conference8-header-grid {
        gap:20px;
    }
}

/* ------------------------------------------------------------
   4.7-D — Laptop / petite tablette paysage
------------------------------------------------------------ */
@media (max-width:1199px) and (min-width:992px) {

    .conference8-container {
        width:min(94%, 1100px);
    }

    /* Header */
    .conference8-header-grid {
        grid-template-columns:1fr 1.25fr 1fr;
        gap:18px;
    }

    .conference8-header-event h1 {
        font-size:26px;
    }

    .conference8-header-event p {
        font-size:14px;
    }

    .conference8-header-date {
        font-size:12px;
    }

    /* Menu : autoriser un défilement horizontal propre */
    .conference8-nav-inner {
        overflow-x:auto;
        overflow-y:hidden;
        justify-content:flex-start;
        scrollbar-width:thin;
    }

    .conference8-nav-menu {
        width:max-content;
        min-width:100%;
        justify-content:flex-start;
    }

    .conference8-nav-menu > li > a {
        min-height:54px;
        padding-inline:12px;
        font-size:13px;
    }

    /* News */
    .conference8-news-grid {
        grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
        gap:16px;
    }

    /* Déclarations / vidéos : 2 colonnes */
    .conference8-declarations-grid,
    .conference8-videos-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    /* Docs / Cards / Speakers : 4 colonnes si possible */
    .conference8-documents-grid,
    .conference8-cards-grid,
    .conference8-speakers-grid {
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    /* Interviews : 3 colonnes */
    .conference8-interviews-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

/* ------------------------------------------------------------
   4.7-E — Tablette
------------------------------------------------------------ */
@media (max-width:991px) and (min-width:768px) {

    .conference8-container {
        width:min(92%, 900px);
    }

    /* Topbar */
    .conference8-topbar-inner {
        min-height:auto;
        padding:8px 0;
        flex-wrap:wrap;
        justify-content:center;
        gap:10px 16px;
    }

    .conference8-topbar-center {
        order:3;
        width:100%;
        display:flex;
        justify-content:center;
    }

    .conference8-search {
        width:min(520px,88%);
    }

    /* Header */
    .conference8-header-grid {
        grid-template-columns:1fr;
        text-align:center;
        gap:16px;
        padding-block:18px;
    }

    .conference8-header-logo,
    .conference8-header-event,
    .conference8-header-meta {
        justify-content:center;
        align-items:center;
    }

    .conference8-header-logo {
        order:1;
    }

    .conference8-header-event {
        order:2;
    }

    .conference8-header-meta {
        order:3;
    }

    .conference8-header-meta-row {
        width:auto;
        justify-content:center;
    }

    /* Menu */
    .conference8-nav-inner {
        overflow-x:auto;
        justify-content:flex-start;
        -webkit-overflow-scrolling:touch;
    }

    .conference8-nav-menu {
        width:max-content;
        min-width:100%;
        justify-content:flex-start;
    }

    .conference8-nav-menu > li > a {
        min-height:52px;
        padding-inline:12px;
        font-size:13px;
    }

    /* Hero */
    .conference8-hero {
        min-height:500px;
    }

    .conference8-hero-content {
        width:min(700px,92%);
    }

    /* News : 1 colonne */
    .conference8-news-grid {
        grid-template-columns:1fr;
    }

    .conference8-news-list {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    /* Grilles */
    .conference8-declarations-grid,
    .conference8-documents-grid,
    .conference8-cards-grid,
    .conference8-interviews-grid,
    .conference8-speakers-grid,
    .conference8-videos-grid,
    .conference8-library-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    /* Gallery */
    .conference8-gallery-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-auto-rows:210px;
    }

    .conference8-gallery-item-large {
        grid-column:span 2;
        grid-row:span 2;
    }

    .conference8-gallery-item-top,
    .conference8-gallery-item-bottom,
    .conference8-gallery-item-standard {
        grid-column:span 1;
        grid-row:span 1;
    }

    /* Programme */
    .conference8-program-item {
        grid-template-columns:auto minmax(0,1fr) 150px;
    }

    /* Footer */
    .conference8-footer-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* ------------------------------------------------------------
   4.7-F — Grand mobile
------------------------------------------------------------ */
@media (max-width:767px) and (min-width:576px) {

    .conference8-container {
        width:min(92%, 720px);
    }

    /* Topbar */
    .conference8-topbar-inner {
        padding:8px 0;
        flex-direction:column;
        gap:8px;
    }

    .conference8-topbar-left,
    .conference8-topbar-right,
    .conference8-topbar-center {
        width:100%;
        justify-content:center;
    }

    .conference8-search {
        width:min(520px,92%);
    }

    /* Header */
    .conference8-header-grid {
        grid-template-columns:1fr;
        gap:14px;
        text-align:center;
    }

    .conference8-header-logo,
    .conference8-header-event,
    .conference8-header-meta {
        justify-content:center;
        align-items:center;
    }

    /* Menu horizontal scroll */
    .conference8-nav-inner {
        overflow-x:auto;
        justify-content:flex-start;
        -webkit-overflow-scrolling:touch;
    }

    .conference8-nav-menu {
        width:max-content;
        min-width:100%;
        justify-content:flex-start;
    }

    .conference8-nav-menu > li > a {
        min-height:50px;
        padding-inline:11px;
        font-size:12px;
    }

    /* News */
    .conference8-news-grid,
    .conference8-news-list {
        grid-template-columns:1fr;
    }

    /* 2 colonnes quand c'est lisible */
    .conference8-documents-grid,
    .conference8-cards-grid,
    .conference8-speakers-grid,
    .conference8-library-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    /* 1 colonne pour cartes éditoriales larges */
    .conference8-declarations-grid,
    .conference8-interviews-grid,
    .conference8-videos-grid {
        grid-template-columns:1fr;
    }

    /* Gallery */
    .conference8-gallery-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-auto-rows:180px;
    }

    .conference8-gallery-item-large {
        grid-column:span 2;
        grid-row:span 2;
    }

    /* Programme */
    .conference8-program-item {
        grid-template-columns:auto minmax(0,1fr);
        gap:12px;
    }

    .conference8-program-image {
        grid-column:1 / -1;
        width:100%;
        max-height:210px;
        object-fit:cover;
    }

    /* Footer */
    .conference8-footer-grid {
        grid-template-columns:1fr 1fr;
    }
}

/* ------------------------------------------------------------
   4.7-G — Mobile
------------------------------------------------------------ */
@media (max-width:575px) {

    .conference8-container {
        width:92%;
    }

    /* Topbar */
    .conference8-topbar {
        font-size:11px;
    }

    .conference8-topbar-inner {
        padding:8px 0;
        flex-direction:column;
        gap:8px;
    }

    .conference8-topbar-left,
    .conference8-topbar-center,
    .conference8-topbar-right {
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .conference8-search {
        width:100%;
        max-width:420px;
    }

    /* Header */
    .conference8-header-grid {
        grid-template-columns:1fr;
        gap:14px;
        padding-block:16px;
        text-align:center;
    }

    .conference8-header-logo,
    .conference8-header-event,
    .conference8-header-meta {
        justify-content:center;
        align-items:center;
    }

    .conference8-header-event {
        flex-direction:column;
    }

    .conference8-event-mark {
        margin-inline:auto;
    }

    .conference8-header-event h1 {
        font-size:24px;
    }

    .conference8-header-event p {
        font-size:13px;
    }

    .conference8-header-meta {
        width:100%;
    }

    .conference8-header-meta-row {
        width:100%;
        justify-content:center;
    }

    /* Menu : une ligne scrollable */
    .conference8-nav {
        position:relative;
    }

    .conference8-nav-inner {
        width:100%;
        overflow-x:auto;
        justify-content:flex-start;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .conference8-nav-inner::-webkit-scrollbar {
        display:none;
    }

    .conference8-nav-menu {
        width:max-content;
        min-width:100%;
        justify-content:flex-start;
    }

    .conference8-nav-menu > li > a {
        min-height:48px;
        padding-inline:10px;
        font-size:12px;
    }

    .conference8-nav-home > a {
        min-width:auto;
    }

    /* Hero */
    .conference8-hero {
        min-height:540px;
    }

    .conference8-hero-content {
        width:94%;
    }

    /* Sections */
    .conference8-news-grid,
    .conference8-news-list,
    .conference8-declarations-grid,
    .conference8-documents-grid,
    .conference8-cards-grid,
    .conference8-interviews-grid,
    .conference8-speakers-grid,
    .conference8-videos-grid,
    .conference8-library-grid {
        grid-template-columns:1fr;
    }

    /* Gallery */
    .conference8-gallery-grid {
        grid-template-columns:1fr;
        grid-auto-rows:230px;
    }

    .conference8-gallery-item-large,
    .conference8-gallery-item-top,
    .conference8-gallery-item-bottom,
    .conference8-gallery-item-standard {
        grid-column:span 1;
        grid-row:span 1;
    }

    /* Programme */
    .conference8-program-item {
        display:grid;
        grid-template-columns:auto minmax(0,1fr);
        gap:10px;
        padding:13px;
    }

    .conference8-program-image {
        grid-column:1 / -1;
        width:100%;
        max-height:200px;
        object-fit:cover;
        border-radius:10px;
    }

    .conference8-program-marker {
        align-self:start;
    }

    /* Live */
    .conference8-livestream-box {
        grid-template-columns:1fr;
        justify-items:center;
        text-align:center;
    }

    /* Footer */
    .conference8-footer-grid {
        grid-template-columns:1fr;
        gap:24px;
    }

    .conference8-footer-brand {
        justify-content:center;
        text-align:center;
    }

    .conference8-footer-column,
    .conference8-footer-event {
        text-align:center;
    }

    .conference8-footer-column h4::after {
        right:50%;
        transform:translateX(50%);
    }

    .conference8-footer-event p,
    .conference8-footer-home {
        justify-content:center;
    }

    /* Lightbox photo / vidéo */
    .conference8-lightbox,
    .conference8-video-lightbox {
        padding:10px;
    }

    .conference8-lightbox-stage,
    .conference8-video-lightbox-dialog {
        width:96vw;
    }

    .conference8-lightbox-stage {
        height:78vh;
    }

    .conference8-lightbox-close,
    .conference8-video-lightbox-close {
        top:10px;
        left:10px;
        width:40px;
        height:40px;
    }

    .conference8-lightbox-prev {
        right:8px;
    }

    .conference8-lightbox-next {
        left:8px;
    }

    .conference8-lightbox-nav {
        width:40px;
        height:40px;
    }
}

/* ------------------------------------------------------------
   4.7-H — Très petits écrans
------------------------------------------------------------ */
@media (max-width:380px) {

    .conference8-container {
        width:94%;
    }

    .conference8-header-event h1 {
        font-size:21px;
    }

    .conference8-header-event p {
        font-size:12px;
    }

    .conference8-nav-menu > li > a {
        padding-inline:8px;
        font-size:11px;
    }

    .conference8-hero-title,
    .conference8-hero h1 {
        font-size:29px;
    }

    .conference8-section-heading h2,
    .conference8-news-heading h2,
    .conference8-declarations-heading h2,
    .conference8-documents-heading h2,
    .conference8-cards-heading h2,
    .conference8-interviews-heading h2,
    .conference8-program-heading h2,
    .conference8-speakers-heading h2,
    .conference8-gallery-heading h2,
    .conference8-videos-heading h2,
    .conference8-library-heading h2 {
        font-size:22px;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.8
   LIENS ET NAVIGATION
============================================================ */

.conference8-nav-menu > li > a {
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.conference8-nav-menu > li.active > a,
.conference8-nav-menu > li > a.active,
.conference8-nav-menu > li > a[aria-current="page"] {
    color:var(--c8-white);
    background:var(--c8-green);
}

.conference8-nav-menu > li.active > a i,
.conference8-nav-menu > li > a.active i,
.conference8-nav-menu > li > a[aria-current="page"] i {
    color:var(--c8-gold);
}

#hero,
#livestream,
#news,
#declarations,
#timeline,
#cards,
#interviews,
#program,
#speakers,
#gallery,
#videos,
#library {
    scroll-margin-top:88px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior:auto !important;
    }

    .conference8-page *,
    .conference8-page *::before,
    .conference8-page *::after {
        scroll-behavior:auto !important;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPES 4.9 + 4.10
   PERFORMANCE / NETTOYAGE FINAL
============================================================ */

/* Réduit les calculs de rendu pour les modules loin du viewport. */
@supports (content-visibility: auto) {
    .conference8-news,
    .conference8-declarations,
    .conference8-documents,
    .conference8-cards,
    .conference8-interviews,
    .conference8-program,
    .conference8-speakers,
    .conference8-gallery,
    .conference8-videos,
    .conference8-library {
        content-visibility:auto;
        contain-intrinsic-size:700px;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.6.1
   COUNTDOWN DYNAMIQUE SOUS LE HERO
============================================================ */

.conference8-countdown {
    position:relative;
    padding:34px 0;
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            var(--c8-green) 0%,
            #123f35 46%,
            var(--c8-green-dark) 100%
        );
}

/* Motif discret inspiré de l'identité du projet */
.conference8-countdown::before {
    content:"";
    position:absolute;
    inset:0;
    opacity:.16;
    pointer-events:none;
    background-image:
        linear-gradient(45deg, rgba(212,175,55,.34) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(212,175,55,.24) 25%, transparent 25%);
    background-size:56px 56px;
    background-position:0 0, 28px 28px;
}

.conference8-countdown .conference8-container {
    position:relative;
    z-index:1;
}

.conference8-countdown-box {
    padding:26px 30px 28px;
    background:rgba(10,37,64,.96);
    border:2px solid rgba(212,175,55,.52);
    border-radius:24px;
    box-shadow:0 18px 44px rgba(5,19,34,.18);
}

.conference8-countdown-heading {
    margin-bottom:20px;
    text-align:center;
}

.conference8-countdown-kicker {
    display:block;
    margin-bottom:4px;
    color:var(--c8-gold);
    font-size:11px;
    line-height:1.5;
    font-weight:800;
}

.conference8-countdown-heading h2 {
    margin:0;
    color:#fff;
    font-size:21px;
    line-height:1.5;
    font-weight:900;
}

.conference8-countdown-heading h2 i {
    margin-left:7px;
    color:var(--c8-gold);
}

.conference8-countdown-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.conference8-countdown-item {
    min-height:132px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:16px 10px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    text-align:center;
}

.conference8-countdown-item strong {
    display:block;
    color:#fff;
    font-size:46px;
    line-height:1;
    font-weight:900;
    font-variant-numeric:tabular-nums;
    letter-spacing:.02em;
}

.conference8-countdown-item:first-child strong,
.conference8-countdown-item:last-child strong {
    color:var(--c8-gold);
}

.conference8-countdown-item span {
    display:block;
    margin-top:12px;
    color:#e8edf0;
    font-size:12px;
    line-height:1.4;
    font-weight:800;
}

.conference8-countdown-finished {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:88px;
    color:#fff;
    text-align:center;
    font-size:20px;
    line-height:1.6;
    font-weight:900;
}

.conference8-countdown-finished[hidden] {
    display:none !important;
}

.conference8-countdown-finished i {
    color:var(--c8-gold);
}

/* Desktop large : rester compact */
@media (min-width:1440px) {
    .conference8-countdown-box {
        width:min(1100px,100%);
        margin-inline:auto;
    }
}

/* Tablette */
@media (max-width:900px) {
    .conference8-countdown {
        padding:28px 0;
    }

    .conference8-countdown-box {
        padding:22px;
        border-radius:20px;
    }

    .conference8-countdown-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .conference8-countdown-item {
        min-height:112px;
    }

    .conference8-countdown-item strong {
        font-size:40px;
    }
}

/* Mobile */
@media (max-width:575px) {
    .conference8-countdown {
        padding:20px 0;
    }

    .conference8-countdown-box {
        padding:18px 14px;
        border-radius:16px;
    }

    .conference8-countdown-heading {
        margin-bottom:14px;
    }

    .conference8-countdown-heading h2 {
        font-size:17px;
    }

    .conference8-countdown-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .conference8-countdown-item {
        min-height:92px;
        border-radius:12px;
    }

    .conference8-countdown-item strong {
        font-size:34px;
    }

    .conference8-countdown-item span {
        margin-top:8px;
        font-size:11px;
    }

    .conference8-countdown-finished {
        min-height:72px;
        font-size:17px;
    }
}


/* ============================================================
   PHASE 4 — ÉTAPE 4.6.2
   COUNTDOWN — VERSION PLUS COMPACTE ET ÉLÉGANTE
   ------------------------------------------------------------
   Objectif :
   - réduire la hauteur globale
   - réduire la taille des chiffres
   - limiter la largeur du module
   - conserver une bonne lisibilité
============================================================ */

.conference8-countdown {
    padding:20px 0;
}

.conference8-countdown-box {
    width:min(920px, 96%);
    margin-inline:auto;
    padding:18px 22px 20px;
    border-width:1px;
    border-radius:18px;
    box-shadow:0 12px 30px rgba(5,19,34,.16);
}

.conference8-countdown-heading {
    margin-bottom:14px;
}

.conference8-countdown-kicker {
    margin-bottom:2px;
    font-size:10px;
}

.conference8-countdown-heading h2 {
    font-size:17px;
    line-height:1.45;
}

.conference8-countdown-grid {
    gap:10px;
}

.conference8-countdown-item {
    min-height:88px;
    padding:11px 8px;
    border-radius:13px;
}

.conference8-countdown-item strong {
    font-size:34px;
    line-height:1;
}

.conference8-countdown-item span {
    margin-top:8px;
    font-size:10.5px;
}

/* Grand desktop : encore plus raffiné */
@media (min-width:1440px) {
    .conference8-countdown-box {
        width:min(880px, 92%);
    }
}

/* Tablette */
@media (max-width:900px) {
    .conference8-countdown {
        padding:18px 0;
    }

    .conference8-countdown-box {
        width:min(760px, 94%);
        padding:17px 18px;
    }

    .conference8-countdown-grid {
        gap:9px;
    }

    .conference8-countdown-item {
        min-height:82px;
    }

    .conference8-countdown-item strong {
        font-size:31px;
    }
}

/* Mobile */
@media (max-width:575px) {
    .conference8-countdown {
        padding:14px 0;
    }

    .conference8-countdown-box {
        width:94%;
        padding:15px 12px 16px;
        border-radius:14px;
    }

    .conference8-countdown-heading {
        margin-bottom:11px;
    }

    .conference8-countdown-heading h2 {
        font-size:15px;
    }

    .conference8-countdown-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .conference8-countdown-item {
        min-height:76px;
        padding:9px 6px;
        border-radius:10px;
    }

    .conference8-countdown-item strong {
        font-size:28px;
    }

    .conference8-countdown-item span {
        margin-top:6px;
        font-size:10px;
    }
}


/* ============================================================
   CORRECTIONS UTILISATEUR — HEADER / HERO / PROGRAMME
============================================================ */

/* ------------------------------------------------------------
   TOPBAR — réseaux sociaux dorés, sans background
------------------------------------------------------------ */
.conference8-social a {
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    padding:4px 5px !important;
    color:var(--c8-gold) !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.conference8-social a:hover {
    color:#F2D86A !important;
    background:transparent !important;
    transform:translateY(-1px);
}

/* ------------------------------------------------------------
   HEADER — nouveau logo officiel fourni
------------------------------------------------------------ */
.conference8-header-logo {
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

.conference8-association-link {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
}

.conference8-association-logo {
    width:min(360px,100%);
    height:auto;
    display:block;
    object-fit:contain;
}

/* ------------------------------------------------------------
   MENU — bibliothèque masquée pour le moment
------------------------------------------------------------ */
.conference8-nav-menu a[href="#library"],
.conference8-footer a[href="#library"] {
    display:none !important;
}

/* ------------------------------------------------------------
   HERO — titre plus fort + sous-titre différencié
------------------------------------------------------------ */
.conference8-hero-title,
.conference8-hero h1 {
    font-size:clamp(48px,5.1vw,72px) !important;
    line-height:1.12 !important;
}

.conference8-hero-subtitle,
.conference8-hero h2:not(.conference8-hero-title) {
    color:#DCEAE5 !important;
}

@media(max-width:1366px) {
    .conference8-hero-title,
    .conference8-hero h1 {
        font-size:clamp(46px,4.7vw,62px) !important;
    }
}

@media(max-width:650px) {
    .conference8-hero-title,
    .conference8-hero h1 {
        font-size:clamp(36px,10vw,48px) !important;
    }
}

/* ------------------------------------------------------------
   BIBLIOTHÈQUE — cachée pour le moment
------------------------------------------------------------ */
.conference8-library {
    display:none !important;
}

/* ============================================================
   PROGRAMME — nouvelle présentation par jours
============================================================ */
.conference8-program-tabs-section {
    padding:70px 0 78px;
    background:#F7F4EC;
}

.conference8-program-intro {
    margin-bottom:28px;
    text-align:center;
}

.conference8-program-kicker {
    display:block;
    margin-bottom:4px;
    color:var(--c8-gold-dark);
    font-size:13px;
    font-weight:800;
}

.conference8-program-intro h2 {
    margin:0;
    color:var(--c8-green);
    font-size:clamp(34px,4vw,58px);
    line-height:1.3;
    font-weight:900;
}

.conference8-program-tabs {
    width:min(740px,100%);
    margin:0 auto 34px;
    padding:7px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:6px;
    background:#E7E9EC;
    border:1px solid rgba(212,175,55,.45);
    border-radius:18px;
}

.conference8-program-tab {
    min-height:58px;
    padding:10px 16px;
    color:#46536A;
    background:transparent;
    border:0;
    border-radius:14px;
    cursor:pointer;
    font-family:inherit;
    font-size:16px;
    font-weight:900;
    transition:
        background .2s ease,
        color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.conference8-program-tab:hover {
    color:var(--c8-green);
}

.conference8-program-tab.is-active {
    color:#fff;
    background:var(--c8-green);
    box-shadow:0 8px 18px rgba(15,56,44,.16);
}

.conference8-program-day {
    display:grid;
    gap:16px;
}

.conference8-program-day[hidden] {
    display:none !important;
}

.conference8-program-session {
    display:grid;
    grid-template-columns:145px minmax(0,1fr) 145px;
    align-items:center;
    gap:20px;
    min-height:118px;
    padding:22px 28px;
    background:#fff;
    border:1px solid rgba(212,175,55,.35);
    border-radius:18px;
    box-shadow:0 6px 16px rgba(5,19,34,.035);
}

.conference8-program-session-live {
    border-right:4px solid var(--c8-green);
}

.conference8-program-session-time {
    justify-self:start;
    min-width:125px;
    padding:13px 16px;
    color:#fff;
    background:var(--c8-green);
    border:1px solid var(--c8-gold);
    border-radius:14px;
    text-align:center;
    font-size:14px;
    font-weight:900;
    direction:ltr;
}

.conference8-program-time-live {
    background:#E5292B;
    border-color:#E5292B;
}

.conference8-program-session-main {
    min-width:0;
    text-align:right;
}

.conference8-program-session-main h3 {
    margin:0 0 5px;
    color:#15263D;
    font-size:20px;
    line-height:1.5;
    font-weight:900;
}

.conference8-program-session-main p {
    margin:0;
    color:#707784;
    font-size:13px;
    line-height:1.75;
}

.conference8-program-session-tag {
    justify-self:end;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:110px;
    padding:10px 14px;
    border-radius:12px;
    font-size:12px;
    line-height:1.3;
    font-weight:900;
    text-align:center;
}

.conference8-program-tag-neutral {
    color:#626A78;
    background:#F1F2F4;
}

.conference8-program-tag-workshop {
    color:#7028D8;
    background:#F0E2FF;
}

.conference8-program-tag-live {
    color:#E5292B;
    background:#FFE1E4;
}

.conference8-program-live-dot {
    width:9px;
    height:9px;
    flex:0 0 9px;
    background:#FFADB4;
    border-radius:50%;
}

/* Tablette */
@media(max-width:900px) {
    .conference8-program-tabs-section {
        padding:54px 0 60px;
    }

    .conference8-program-tabs {
        margin-bottom:24px;
    }

    .conference8-program-tab {
        font-size:14px;
    }

    .conference8-program-session {
        grid-template-columns:125px minmax(0,1fr);
        gap:14px;
        padding:20px;
    }

    .conference8-program-session-tag {
        grid-column:1 / -1;
        justify-self:start;
    }
}


/* Mobile */
@media(max-width:650px) {
    .conference8-program-tabs-section {
        padding:42px 0 48px;
    }

    .conference8-program-intro {
        margin-bottom:20px;
    }

    .conference8-program-intro h2 {
        font-size:30px;
    }

    .conference8-program-tabs {
        grid-template-columns:1fr;
        padding:6px;
        border-radius:14px;
    }

    .conference8-program-tab {
        min-height:48px;
        font-size:13px;
    }

    .conference8-program-session {
        grid-template-columns:1fr;
        gap:12px;
        min-height:0;
        padding:17px 15px;
        border-radius:14px;
    }

    .conference8-program-session-time,
    .conference8-program-session-tag {
        justify-self:stretch;
        width:100%;
        min-width:0;
    }

    .conference8-program-session-main {
        text-align:center;
    }

    .conference8-program-session-main h3 {
        font-size:17px;
    }
}

/* Custom Fine-Tuning Styles */
        body {
            font-family: 'IBM Plex Sans Arabic', sans-serif;
            background-color: #FAFAFA;
            color: #1F2937;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, .font-kufi {
            font-family: 'Noto Kufi Arabic', sans-serif;
        }

        /* Moroccan Traditional Geometric SVG Overlay */
        .bg-zellige-v3 {
            background-color: #0F382C;
            background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d4af37' fill-opacity='0.08'%3E%3Cpath d='M0 0h80v80H0V0zm40 40M10 10l20 20-20 20-20-20 20-20zm60 0l20 20-20 20-20-20 20-20zM40 0l20 20-20 20-20-20 20-20zm0 80l20-20-20-20-20 20 20 20z'/%3E%3C/g%3E%3C/svg%3E");
        }

        .bg-zellige-light {
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230f382c' fill-opacity='0.04'%3E%3Cpath d='M30 0l30 30-30 30L0 30z'/%3E%3C/g%3E%3C/svg%3E");
        }

        /* Glassmorphism Luxury Cards */
        .royal-glass {
            background: rgba(255, 255, 255, 0.88);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(212, 175, 55, 0.3);
        }

        .dark .royal-glass {
            background: rgba(9, 35, 27, 0.85);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(212, 175, 55, 0.25);
        }

        .royal-glass-dark {
            background: rgba(10, 37, 64, 0.8);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(212, 175, 55, 0.4);
        }

        /* Text Gradient Effect */
        .text-gold-gradient {
            background: linear-gradient(135deg, #FFE89C 0%, #D4AF37 50%, #996B00 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Smooth Continuous Ticker */
        @keyframes tickerContinuous {
            0% { transform: translate3d(100%, 0, 0); }
            100% { transform: translate3d(-100%, 0, 0); }
        }

        .animate-ticker {
            display: inline-block;
            white-space: nowrap;
            animation: tickerContinuous 45s linear infinite;
        }

        .animate-ticker:hover {
            animation-play-state: paused;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 9px;
        }
        ::-webkit-scrollbar-track {
            background: #F4F1EA;
        }
        .dark ::-webkit-scrollbar-track {
            background: #051322;
        }
        ::-webkit-scrollbar-thumb {
            background: #0F382C;
            border-radius: 6px;
            border: 2px solid #D4AF37;
        }
/* ============================================================
   ISOLATION VISUELLE CONFERENCE 8
============================================================ */

body.conference8-page {
    background: #ffffff !important;
    color: #1f2937 !important;
}

/* MENU PRINCIPAL */
.conference8-nav {
    background: #dce2f9 !important;
    border-bottom: 1px solid #c8d0ea !important;
}

.conference8-nav-menu > li > a {
    background: transparent !important;
    color: #0A2540 !important;
}

.conference8-nav-menu > li > a:hover {
    background: rgba(15, 56, 44, 0.08) !important;
    color: #0F382C !important;
}

.conference8-nav-menu > li.active > a,
.conference8-nav-menu > li > a.active,
.conference8-nav-menu > li > a[aria-current="page"] {
    background: #0F382C !important;
    color: #ffffff !important;
}

/* HERO */
.conference8-hero-title,
.conference8-hero h1 {
    font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif !important;
    font-size: clamp(48px, 5vw, 72px) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    color: #ffffff !important;
}

.conference8-hero-subtitle,
.conference8-hero h2 {
    color: #dceae5 !important;
    font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif !important;
}

.conference8-hero-slogan {
    color: #D4AF37 !important;
}

/* Empêcher les styles du thème actif d'altérer les composants */
.conference8-page h1,
.conference8-page h2,
.conference8-page h3,
.conference8-page h4,
.conference8-page p,
.conference8-page a,
.conference8-page span,
.conference8-page button {
    font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
}
/* ============================================================
   V1.0.42 — COUCHE VISUELLE V3
   Source de référence : v3.css fourni par l'utilisateur
   Objectif : rapprocher Conference 8 du rendu page_home_css_002
   sans modifier la structure PHP/JS.
============================================================ */

/* ------------------------------------------------------------
   V3-A — Base typographique et fond
------------------------------------------------------------ */
body.conference8-page {
    font-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
    background-color: #FAFAFA;
    color: #1F2937;
    overflow-x: hidden;
}

.conference8-page h1,
.conference8-page h2,
.conference8-page h3,
.conference8-page h4,
.conference8-page .font-kufi {
    font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
}

/* ------------------------------------------------------------
   V3-B — Motifs zellige
------------------------------------------------------------ */
.conference8-countdown,
.conference8-livestream,
.conference8-footer {
    background-color: #0F382C;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d4af37' fill-opacity='0.08'%3E%3Cpath d='M0 0h80v80H0V0zm40 40M10 10l20 20-20 20-20-20 20-20zm60 0l20 20-20 20-20-20 20-20zM40 0l20 20-20 20-20-20 20-20zm0 80l20-20-20-20-20 20 20 20z'/%3E%3C/g%3E%3C/svg%3E");
}

.conference8-news,
.conference8-documents,
.conference8-program-tabs-section,
.conference8-gallery {
    background-color: #FAFAFA;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230f382c' fill-opacity='0.04'%3E%3Cpath d='M30 0l30 30-30 30L0 30z'/%3E%3C/g%3E%3C/svg%3E");
}

/* ------------------------------------------------------------
   V3-C — Glassmorphism / cartes premium
------------------------------------------------------------ */
.conference8-news-featured,
.conference8-news-card,
.conference8-declaration-card,
.conference8-document-card,
.conference8-interview-card,
.conference8-speaker-card,
.conference8-video-card,
.conference8-program-session,
.conference8-card-visual {
    background: rgba(255,255,255,.88);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(212,175,55,.30);
}

.conference8-countdown-box,
.conference8-livestream-box,
.conference8-hero-meta-item {
    background: rgba(10,37,64,.80);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-color: rgba(212,175,55,.40);
}

/* ------------------------------------------------------------
   V3-D — Dégradé doré sur les accents importants
------------------------------------------------------------ */
.conference8-hero-slogan,
.conference8-countdown-item:first-child strong,
.conference8-countdown-item:last-child strong,
.conference8-footer-brand span {
    background: linear-gradient(135deg,#FFE89C 0%,#D4AF37 50%,#996B00 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #D4AF37;
}

/* ------------------------------------------------------------
   V3-E — Ticker continu et pause au survol
------------------------------------------------------------ */
@keyframes conference8TickerContinuous {
    0%   { transform: translate3d(100%,0,0); }
    100% { transform: translate3d(-100%,0,0); }
}

.conference8-ticker-track,
.animate-ticker {
    display: inline-block;
    white-space: nowrap;
    animation: conference8TickerContinuous 45s linear infinite;
    will-change: transform;
}

.conference8-ticker-track:hover,
.animate-ticker:hover {
    animation-play-state: paused;
}

/* ------------------------------------------------------------
   V3-F — Scrollbar Conference 8 uniquement
------------------------------------------------------------ */
body.conference8-page::-webkit-scrollbar {
    width: 9px;
}

body.conference8-page::-webkit-scrollbar-track {
    background: #F4F1EA;
}

body.conference8-page::-webkit-scrollbar-thumb {
    background: #0F382C;
    border-radius: 6px;
    border: 2px solid #D4AF37;
}

/* ------------------------------------------------------------
   V3-G — Menu principal selon la référence visuelle
------------------------------------------------------------ */
.conference8-nav {
    background: #DCE2F9 !important;
    border-top: 1px solid rgba(212,175,55,.18);
    border-bottom: 1px solid #C8D0EA !important;
}

.conference8-nav-menu > li > a {
    color: #0A2540 !important;
    background: transparent !important;
}

.conference8-nav-menu > li > a:hover {
    color: #0F382C !important;
    background: rgba(255,255,255,.55) !important;
}

.conference8-nav-menu > li.active > a,
.conference8-nav-menu > li > a.active,
.conference8-nav-menu > li > a[aria-current="page"] {
    color: #FFFFFF !important;
    background: #0F382C !important;
    box-shadow: inset 0 -3px 0 #D4AF37;
}

/* ------------------------------------------------------------
   V3-H — Header / Hero plus proche de page_home_css_002
------------------------------------------------------------ */
.conference8-header {
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid rgba(212,175,55,.24);
}

.conference8-header-grid {
    padding-top: 16px;
    padding-bottom: 16px;
}

.conference8-association-logo {
    width: min(390px,100%);
}

.conference8-hero-content {
    width: min(940px,92%);
}

.conference8-hero-title,
.conference8-hero h1 {
    font-size: clamp(50px,5.35vw,78px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.02em;
}

.conference8-hero-subtitle,
.conference8-hero h2 {
    color: #DDEBE7 !important;
    font-size: clamp(24px,2.35vw,36px);
}

.conference8-hero-badge {
    background: rgba(10,37,64,.72);
    border-color: rgba(212,175,55,.48);
}

/* ------------------------------------------------------------
   V3-I — Cartes : ombre légère, finition luxe
------------------------------------------------------------ */
.conference8-news-featured,
.conference8-news-card,
.conference8-declaration-card,
.conference8-document-card,
.conference8-interview-card,
.conference8-speaker-card,
.conference8-video-card,
.conference8-program-session,
.conference8-card-visual {
    box-shadow: 0 12px 32px rgba(5,19,34,.055);
}

.conference8-news-featured:hover,
.conference8-news-card:hover,
.conference8-declaration-card:hover,
.conference8-document-card:hover,
.conference8-interview-card:hover,
.conference8-speaker-card:hover,
.conference8-video-card:hover,
.conference8-program-session:hover,
.conference8-card-visual:hover {
    box-shadow: 0 18px 42px rgba(5,19,34,.10);
    border-color: rgba(212,175,55,.48);
}

/* ------------------------------------------------------------
   V3-J — Fallback sans backdrop-filter
------------------------------------------------------------ */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .conference8-news-featured,
    .conference8-news-card,
    .conference8-declaration-card,
    .conference8-document-card,
    .conference8-interview-card,
    .conference8-speaker-card,
    .conference8-video-card,
    .conference8-program-session,
    .conference8-card-visual {
        background: #FFFFFF;
    }
}

@media (max-width:650px) {
    .conference8-association-logo {
        width: min(320px,92%);
    }

    .conference8-hero-title,
    .conference8-hero h1 {
        font-size: clamp(38px,10.5vw,50px) !important;
    }
}


/* ============================================================
   V1.0.43 — FINITIONS DEMANDÉES
   - header gauche masqué sans suppression
   - mini-countdown à sa place
   - grand countdown masqué sans suppression
   - Hero en Noto Kufi Arabic / blanc
   - titres de blocs en Noto Kufi Arabic
   - espaces verticaux réduits entre les blocs
============================================================ */

/* ------------------------------------------------------------
   A — HEADER GAUCHE
   Les anciennes informations restent dans le HTML.
------------------------------------------------------------ */
.conference8-header-meta > .conference8-header-meta-row {
    display: none !important;
}

.conference8-header-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
}

/* Mini countdown remplaçant visuellement le bloc date/adresse */
.conference8-header-countdown {
    width: min(330px, 100%);
    padding: 12px 14px;
    background: #0A2540;
    border: 1px solid rgba(212,175,55,.55);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(5,19,34,.08);
    direction: rtl;
}

.conference8-header-countdown-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 9px;
    color: #D4AF37;
    font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 800;
}

.conference8-header-countdown-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 7px;
}

.conference8-header-countdown-grid > span {
    min-width: 0;
    padding: 7px 4px 6px;
    text-align: center;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 10px;
}

.conference8-header-countdown-grid strong {
    display: block;
    color: #FFFFFF;
    font-family: "Noto Kufi Arabic", sans-serif;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 900;
    direction: ltr;
}

.conference8-header-countdown-grid small {
    display: block;
    margin-top: 4px;
    color: #DDE5EA;
    font-family: "Noto Kufi Arabic", sans-serif;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
}

.conference8-header-countdown.is-finished {
    opacity: .82;
}

/* ------------------------------------------------------------
   B — GRAND COUNTDOWN
   Masqué uniquement. Le HTML et le JS restent présents.
------------------------------------------------------------ */
#countdown.conference8-countdown {
    display: none !important;
}

/* ------------------------------------------------------------
   C — HERO
------------------------------------------------------------ */
.conference8-hero-title,
.conference8-hero h1,
.conference8-hero-subtitle,
.conference8-hero h2 {
    font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif !important;
    color: #FFFFFF !important;
    letter-spacing: 0 !important;
}

.conference8-hero-title,
.conference8-hero h1 {
    font-weight: 900 !important;
    line-height: 1.28 !important;
}

.conference8-hero-subtitle,
.conference8-hero h2 {
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

/* ------------------------------------------------------------
   D — TITRES DE TOUS LES BLOCS
------------------------------------------------------------ */
.conference8-section-heading h2,
.conference8-news-heading h2,
.conference8-declarations-heading h2,
.conference8-documents-heading h2,
.conference8-cards-heading h2,
.conference8-interviews-heading h2,
.conference8-program-intro h2,
.conference8-speakers-heading h2,
.conference8-gallery-heading h2,
.conference8-videos-heading h2,
.conference8-library-heading h2,
.conference8-livestream-content h2,
.conference8-footer h2,
.conference8-footer h3 {
    font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

/* ------------------------------------------------------------
   E — ESPACES ENTRE LES BLOCS
   Plus compacts que la version précédente.
------------------------------------------------------------ */
.conference8-news,
.conference8-declarations,
.conference8-documents,
.conference8-cards,
.conference8-interviews,
.conference8-program,
.conference8-program-tabs-section,
.conference8-speakers,
.conference8-gallery,
.conference8-videos,
.conference8-library {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}

.conference8-section-heading,
.conference8-news-heading,
.conference8-declarations-heading,
.conference8-documents-heading,
.conference8-cards-heading,
.conference8-interviews-heading,
.conference8-speakers-heading,
.conference8-gallery-heading,
.conference8-videos-heading,
.conference8-library-heading {
    margin-bottom: 22px !important;
}

.conference8-program-intro {
    margin-bottom: 22px !important;
}

/* Ticker et live : éviter les grands vides autour des blocs */
.conference8-ticker {
    margin: 0 !important;
}

.conference8-livestream {
    margin: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* ------------------------------------------------------------
   F — RESPONSIVE
------------------------------------------------------------ */
@media (max-width: 1100px) {
    .conference8-header-countdown {
        width: min(300px,100%);
    }

    .conference8-header-countdown-grid strong {
        font-size: 17px;
    }
}

@media (max-width: 850px) {
    .conference8-header-countdown {
        width: min(420px,96%);
    }

    .conference8-news,
    .conference8-declarations,
    .conference8-documents,
    .conference8-cards,
    .conference8-interviews,
    .conference8-program,
    .conference8-program-tabs-section,
    .conference8-speakers,
    .conference8-gallery,
    .conference8-videos,
    .conference8-library {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
}

@media (max-width: 650px) {
    .conference8-header-countdown {
        width: min(360px,100%);
        padding: 10px;
        border-radius: 14px;
    }

    .conference8-header-countdown-label {
        margin-bottom: 7px;
        font-size: 10px;
    }

    .conference8-header-countdown-grid {
        gap: 5px;
    }

    .conference8-header-countdown-grid > span {
        padding: 6px 3px 5px;
    }

    .conference8-header-countdown-grid strong {
        font-size: 15px;
    }

    .conference8-header-countdown-grid small {
        font-size: 7px;
    }

    .conference8-news,
    .conference8-declarations,
    .conference8-documents,
    .conference8-cards,
    .conference8-interviews,
    .conference8-program,
    .conference8-program-tabs-section,
    .conference8-speakers,
    .conference8-gallery,
    .conference8-videos,
    .conference8-library {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}


/* ============================================================
   V1.0.44 — MODE PRÉSENTATION INSTALLABLE
   TOP -> HEADER -> MENU -> HERO -> TICKER -> LIVE -> NEWS -> FOOTER
============================================================ */

body.conference8-page .conference8-news {
    padding-bottom: 52px !important;
    margin-bottom: 0 !important;
}

body.conference8-page .conference8-footer {
    margin-top: 0 !important;
}

body.conference8-page .conference8-nav-menu {
    justify-content: flex-start;
}

@media (max-width: 850px) {
    body.conference8-page .conference8-news {
        padding-bottom: 38px !important;
    }
}


/* ============================================================
   V1.0.45 — GOOGLE FONTS
   Chargement typographique limité à Conference 8
============================================================ */

body.conference8-page,
body.conference8-page p,
body.conference8-page li,
body.conference8-page a,
body.conference8-page span,
body.conference8-page small,
body.conference8-page input,
body.conference8-page button {
    font-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
}

body.conference8-page h1,
body.conference8-page h2,
body.conference8-page h3,
body.conference8-page h4,
body.conference8-page h5,
body.conference8-page h6,
body.conference8-page .font-kufi,
body.conference8-page .conference8-nav-menu,
body.conference8-page .conference8-hero-title,
body.conference8-page .conference8-hero-subtitle,
body.conference8-page .conference8-program-intro h2,
body.conference8-page .conference8-section-heading h2,
body.conference8-page .conference8-news-heading h2,
body.conference8-page .conference8-declarations-heading h2,
body.conference8-page .conference8-documents-heading h2,
body.conference8-page .conference8-cards-heading h2,
body.conference8-page .conference8-interviews-heading h2,
body.conference8-page .conference8-speakers-heading h2,
body.conference8-page .conference8-gallery-heading h2,
body.conference8-page .conference8-videos-heading h2,
body.conference8-page .conference8-library-heading h2 {
    font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif !important;
}

body.conference8-page .conference8-hero-title,
body.conference8-page .conference8-hero h1,
body.conference8-page .conference8-hero-subtitle,
body.conference8-page .conference8-hero h2 {
    color: #FFFFFF !important;
}


/* ============================================================
   V1.0.46 — VITESSE DU BANDEAU "آخر المستجدات"
   La durée est calculée en JS en fonction de la longueur réelle.
   Objectif : vitesse douce et stable, même si les titres changent.
============================================================ */

.conference8-ticker-track {
    --c8-ticker-duration: 140s;
    backface-visibility: hidden;
    transform: translate3d(0,0,0);
}

.conference8-ticker-track.is-ticker-ready {
    animation-name: conference8TickerMove;
}

/* Un peu plus lent sur petit écran pour faciliter la lecture */
@media (max-width: 900px) {
    .conference8-ticker-track {
        --c8-ticker-duration: 160s;
    }
}

@media (max-width: 560px) {
    .conference8-ticker-track {
        --c8-ticker-duration: 180s;
    }
}


/* V1.0.47 — sens du ticker corrigé : défilement de droite vers la gauche */


/* V1.0.48 — ticker ralenti pour une lecture confortable */
.conference8-ticker-track {
    --c8-ticker-duration: 140s;
}
@media (max-width: 900px) {
    .conference8-ticker-track {
        --c8-ticker-duration: 160s;
    }
}
@media (max-width: 560px) {
    .conference8-ticker-track {
        --c8-ticker-duration: 180s;
    }
}


/* ============================================================
   V1.0.49 — TICKER SANS ESPACE VIDE
   Correction du long blanc observé entre deux passages des news.
============================================================ */

/*
 * IMPORTANT :
 * La piste utilise LTR uniquement pour l'ordre physique des deux copies.
 * Le texte de chaque actualité reste RTL.
 */
.conference8-ticker-track {
    direction: ltr !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    justify-content: flex-start !important;
}

.conference8-ticker-item {
    direction: rtl !important;
    flex: 0 0 auto !important;
}

/*
 * Le mouvement reste de droite vers la gauche.
 * Comme le contenu est dupliqué exactement deux fois,
 * -50% correspond à une copie complète et la boucle devient continue.
 */
@keyframes conference8TickerMove {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}


/* ============================================================
   V1.0.50 — TICKER CONTINU, SANS VIDE INITIAL
   Le mouvement est piloté en JavaScript pour garantir :
   - visibilité immédiate des news
   - droite -> gauche
   - aucune longue zone blanche
   - boucle continue
============================================================ */

.conference8-ticker-track {
    animation: none !important;
    transform: translate3d(0,0,0);
    will-change: transform;
}

.conference8-ticker:hover .conference8-ticker-track {
    animation-play-state: initial !important;
}


/* ============================================================
   V1.0.52 — ROTATEUR NEWS, UNE ACTUALITÉ À LA FOIS
============================================================ */

.conference8-news-rotator-viewport {
    position: relative;
    min-width: 0;
    min-height: 58px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.conference8-news-rotator-item {
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--c8-navy);
    text-decoration: none;
    direction: rtl;
    white-space: nowrap;
    transform: translate3d(0,0,0);
    opacity: 1;
    transition:
        transform .52s ease,
        opacity .52s ease;
}

.conference8-news-rotator-item[hidden] {
    display: none !important;
}

.conference8-news-rotator-item.is-entering {
    transform: translate3d(48px,0,0);
    opacity: 0;
}

.conference8-news-rotator-item.is-active {
    transform: translate3d(0,0,0);
    opacity: 1;
}

.conference8-news-rotator-item.is-leaving {
    transform: translate3d(-48px,0,0);
    opacity: 0;
}

.conference8-news-rotator-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--c8-navy);
    font-size: 14px;
    font-weight: 800;
}

.conference8-news-rotator-item:hover .conference8-news-rotator-title {
    color: var(--c8-green);
}

@media (max-width: 900px) {
    .conference8-news-rotator-title {
        font-size: 13px;
    }
}

@media (max-width: 560px) {
    .conference8-news-rotator-viewport {
        min-height: 52px;
    }

    .conference8-news-rotator-item {
        min-height: 52px;
        gap: 7px;
    }

    .conference8-news-rotator-title {
        font-size: 12px;
    }

    .conference8-ticker-date {
        font-size: 10px;
    }
}

/* Ancienne piste continue : neutralisée définitivement en v1.0.52 */
.conference8-ticker-track {
    animation: none !important;
}


/* ============================================================
   V1.0.53 — DITTY POUR "آخر المستجدات"
   Ditty ID 144879 gère désormais l'animation, la vitesse,
   la direction et l'espacement du ticker.
============================================================ */
.conference8-ditty-ticker .conference8-ticker-inner {
    grid-template-columns: auto minmax(0,1fr) auto;
}

.conference8-ditty-wrap {
    min-width: 0;
    overflow: hidden;
    direction: rtl;
}

.conference8-ditty-wrap,
.conference8-ditty-wrap * {
    font-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
}

.conference8-ditty-wrap a {
    color: var(--c8-navy);
    text-decoration: none;
}

.conference8-ditty-wrap a:hover {
    color: var(--c8-green);
}

@media (max-width: 760px) {
    .conference8-ditty-ticker .conference8-ticker-inner {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .conference8-ditty-ticker .conference8-ticker-label {
        justify-content: center;
    }

    .conference8-ditty-wrap {
        width: 100%;
    }

    .conference8-ditty-ticker .conference8-ticker-more {
        justify-content: center;
        padding: 8px 0;
    }
}


/* ============================================================
   V1.0.54 — DITTY : POLICE ARABE + RTL + TITRE/DATE
============================================================ */

.conference8-ditty-wrap,
.conference8-ditty-wrap * {
    font-family:
        "Noto Kufi Arabic",
        "IBM Plex Sans Arabic",
        Tahoma,
        Arial,
        sans-serif !important;
}

.conference8-ditty-wrap,
.conference8-ditty-wrap .ditty,
.conference8-ditty-wrap .ditty__contents,
.conference8-ditty-wrap .ditty-item,
.conference8-ditty-wrap .ditty-item__content,
.conference8-ditty-wrap [class*="ditty-item"] {
    direction: rtl !important;
    text-align: right !important;
}

.conference8-ditty-wrap .ditty-item__content,
.conference8-ditty-wrap .ditty-item-content,
.conference8-ditty-wrap [class*="ditty-item__content"],
.conference8-ditty-wrap [class*="ditty-item-content"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.conference8-ditty-wrap .ditty-item__title,
.conference8-ditty-wrap .ditty-item-title,
.conference8-ditty-wrap [class*="item__title"],
.conference8-ditty-wrap [class*="item-title"] {
    order: 2 !important;
    min-width: 0 !important;
    color: #0A2540 !important;
    font-family: "Noto Kufi Arabic", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 800 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.conference8-ditty-wrap .ditty-item__date,
.conference8-ditty-wrap .ditty-item-date,
.conference8-ditty-wrap time,
.conference8-ditty-wrap [class*="item__date"],
.conference8-ditty-wrap [class*="item-date"] {
    order: 1 !important;
    flex: 0 0 auto !important;
    color: #6B7280 !important;
    font-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    white-space: nowrap !important;
}

.conference8-ditty-wrap a {
    direction: rtl !important;
    text-align: right !important;
    color: #0A2540 !important;
}

.conference8-ditty-wrap a:hover {
    color: #0F382C !important;
}

@media (max-width: 760px) {
    .conference8-ditty-wrap .ditty-item__title,
    .conference8-ditty-wrap .ditty-item-title,
    .conference8-ditty-wrap [class*="item__title"],
    .conference8-ditty-wrap [class*="item-title"] {
        font-size: 13px !important;
    }

    .conference8-ditty-wrap .ditty-item__date,
    .conference8-ditty-wrap .ditty-item-date,
    .conference8-ditty-wrap time,
    .conference8-ditty-wrap [class*="item__date"],
    .conference8-ditty-wrap [class*="item-date"] {
        font-size: 10px !important;
    }
}


/* ============================================================
   V1.0.55 — DITTY : TITRE + DATE SUR LA MÊME LIGNE
============================================================ */

/* Ligne détectée automatiquement par conference-8.js */
.conference8-ditty-wrap .c8-ditty-inline-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    direction: rtl !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

/* Titre à droite */
.conference8-ditty-wrap .c8-ditty-title {
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Noto Kufi Arabic", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 800 !important;
    color: #0A2540 !important;
    text-align: right !important;
    direction: rtl !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Date arabe juste à gauche du titre */
.conference8-ditty-wrap .c8-ditty-date {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #7B8492 !important;
    font-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: nowrap !important;
}

/*
 * Ditty peut appliquer display:block sur les éléments du feed.
 * Ces règles garantissent qu'ils restent dans la même ligne.
 */
.conference8-ditty-wrap .c8-ditty-inline-row > *,
.conference8-ditty-wrap .c8-ditty-title,
.conference8-ditty-wrap .c8-ditty-date {
    vertical-align: middle !important;
}

/* Éviter que les paragraphes internes créent une deuxième ligne */
.conference8-ditty-wrap .c8-ditty-inline-row p,
.conference8-ditty-wrap .c8-ditty-inline-row div,
.conference8-ditty-wrap .c8-ditty-inline-row span {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Mobile */
@media (max-width: 760px) {
    .conference8-ditty-wrap .c8-ditty-inline-row {
        gap: 8px !important;
    }

    .conference8-ditty-wrap .c8-ditty-title {
        font-size: 12px !important;
    }

    .conference8-ditty-wrap .c8-ditty-date {
        font-size: 9px !important;
    }
}


/* ============================================================
   V1.0.57 — قضايا ومواقف
============================================================ */
.conference8-issues {
    padding: 54px 0;
    background: #fff;
}

.conference8-issues-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.conference8-issue-card {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(10, 37, 64, .10);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(5, 19, 34, .06);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.conference8-issue-card:hover {
    transform: translateY(-4px);
    border-color: rgba(212, 175, 55, .55);
    box-shadow: 0 14px 32px rgba(5, 19, 34, .10);
}

.conference8-issue-image {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f7f8f8;
}

.conference8-issue-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.conference8-issue-card:hover .conference8-issue-image img {
    transform: scale(1.035);
}

.conference8-issue-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #d4af37;
    font-size: 34px;
    background: #f7f8f8;
}

.conference8-issue-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #fff;
    background: #0f382c;
    font-size: 11px;
    font-weight: 700;
}

.conference8-issue-content {
    padding: 16px;
}

.conference8-issue-meta {
    margin-bottom: 8px;
    color: #7b8492;
    font-size: 11px;
}

.conference8-issue-meta i {
    margin-left: 4px;
    color: #d4af37;
}

.conference8-issue-content h3 {
    margin: 0 0 9px;
    font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 800;
    color: #0a2540;
}

.conference8-issue-content h3 a {
    color: inherit;
    text-decoration: none;
}

.conference8-issue-content h3 a:hover {
    color: #0f382c;
}

.conference8-issue-content p {
    margin: 0;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.8;
}

@media (max-width: 1100px) {
    .conference8-issues-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .conference8-issues {
        padding: 38px 0;
    }

    .conference8-issues-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}