/*
 * OF-KIAMIS — EduBlink Complete Design Override v3.0
 * Reproduit pixel-perfect le site Canva dodokl.my.canva.site
 * Design: Blanc / Rouge #C8102E / Marine #0D1B3E
 * Slides: Hero | Introduction | Vision&Mission | Why Us | Services | Team | Projects | Strategy | Testimonials | Contact
 */

/* ============================================================
   FONTS
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400&family=Barlow+Condensed:wght@400;600;700;800&family=Bebas+Neue&display=swap');

/* ============================================================
   TOKENS
   ============================================================ */
:root {
    --ofk-red:       #C8102E;
    --ofk-red-d:     #9B0B21;
    --ofk-navy:      #0D1B3E;
    --ofk-navy-m:    #1A2F5E;
    --ofk-white:     #FFFFFF;
    --ofk-gray:      #F0F2F5;
    --ofk-body:      #5A6478;
    --ofk-border:    rgba(13,27,62,.10);

    /* Override EduBlink tokens */
    --edublink-color-primary:     #C8102E;
    --edublink-color-primary-alt: #9B0B21;
    --edublink-color-secondary:   #0D1B3E;
    --edublink-color-tertiary:    #C8102E;
    --edublink-color-dark:        #0D1B3E;
    --edublink-color-heading:     #0D1B3E;
    --edublink-color-body:        #5A6478;
    --edublink-color-shade:       #F0F2F5;
    --edublink-color-lighten01:   #F0F2F5;
    --edublink-color-extra01:     #C8102E;
    --edublink-color-extra02:     #1A2F5E;
    --edublink-gradient-primary:  linear-gradient(135deg,#C8102E 0%,#9B0B21 100%);
    --edublink-font-primary:      'Barlow',sans-serif;
    --edublink-font-secondary:    'Barlow Condensed',sans-serif;
}

/* ============================================================
   BASE
   ============================================================ */
body { font-family:'Barlow',sans-serif !important; color:var(--ofk-body); }
h1,h2,h3,h4,h5,h6 { font-family:'Barlow Condensed',sans-serif !important; color:var(--ofk-navy) !important; font-weight:700; }
::selection { background:var(--ofk-red); color:#fff; }

/* ============================================================
   TOPBAR — fond marine foncé
   ============================================================ */
.edublink-header-top,
.edu-header-top,
.header-top-row { background:#060E22 !important; border-bottom:1px solid rgba(255,255,255,.06) !important; }
.edublink-header-top *, .edu-header-top * { color:rgba(255,255,255,.60) !important; font-family:'Barlow',sans-serif !important; font-size:.82rem !important; }
.edublink-header-top a:hover, .edu-header-top a:hover { color:var(--ofk-red) !important; }

/* ============================================================
   HEADER / NAV — marine avec bordure rouge basse (slide 1)
   ============================================================ */
.edublink-header-default,
.header-get-sticky,
.edublink-sticky-header-wrapper,
.edu-header-area,
.header-area { background:var(--ofk-navy) !important; border-bottom:3px solid var(--ofk-red) !important; }

/* Logo — forcer blanc */
.header-logo a, .site-logo a { text-decoration:none; }
.header-logo img, .site-logo img { filter:brightness(0) invert(1); }
.header-logo .logo-dark { display:none !important; }
.header-logo .logo-light { display:block !important; }

/* Nav links */
.edublink-mainmenu-nav .mainmenu > li > a,
.main-navigation ul > li > a,
nav.mainmenu-nav ul > li > a {
    color:rgba(255,255,255,.80) !important;
    font-family:'Barlow',sans-serif !important;
    font-weight:500 !important;
    font-size:.9rem !important;
    transition:all .2s !important;
}
.edublink-mainmenu-nav .mainmenu > li > a:hover,
.edublink-mainmenu-nav .mainmenu > li.current-menu-item > a,
.edublink-mainmenu-nav .mainmenu > li.current-menu-ancestor > a { color:var(--ofk-red) !important; }

/* Dropdown */
.edublink-mainmenu-nav .edublink-dropdown-menu,
.edublink-mainmenu-nav .edublink-mega-menu { background:var(--ofk-navy) !important; border-top:3px solid var(--ofk-red) !important; border-radius:0 0 12px 12px !important; box-shadow:0 12px 40px rgba(0,0,0,.3) !important; }
.edublink-mainmenu-nav .edublink-dropdown-menu li a,
.edublink-mainmenu-nav .edublink-mega-menu li a { color:rgba(255,255,255,.72) !important; font-family:'Barlow',sans-serif !important; font-size:.87rem !important; }
.edublink-mainmenu-nav .edublink-dropdown-menu li a:hover,
.edublink-mainmenu-nav .edublink-mega-menu li a:hover { color:var(--ofk-red) !important; background:rgba(255,255,255,.05) !important; }

/* Header actions (search, cart, user) */
.header-action > li > button,
.header-action > li > a,
.header-action li .icon,
.edu-search-trigger,
.edu-cart-trigger { color:rgba(255,255,255,.75) !important; }
.header-action > li > button:hover,
.header-action > li > a:hover { color:var(--ofk-red) !important; }
.header-btn .edu-btn { font-family:'Barlow',sans-serif !important; }

/* ============================================================
   MOBILE MENU — marine
   ============================================================ */
.edublink-mobile-menu-nav-wrapper,
.edu-mobile-nav-wrapper,
.mobile-menu-wrapper { background:var(--ofk-navy) !important; }
.edublink-mobile-menu .mainmenu li a,
.edublink-mobile-menu .edublink-dropdown-menu li a { color:rgba(255,255,255,.80) !important; border-bottom-color:rgba(255,255,255,.07) !important; }
.edublink-mobile-menu .mainmenu li a:hover { color:var(--ofk-red) !important; }
.edublink-mobile-hamburger-menu > a { color:rgba(255,255,255,.80) !important; }
.mobile-menu-bar span, .hamburger-icon span { background:rgba(255,255,255,.85) !important; }

/* ============================================================
   BUTTONS — rouge OF-KIAMIS
   ============================================================ */
.edu-btn, a.edu-btn, button.edu-btn,
.edu-btn-medium, .edu-btn-small, .edu-btn-large {
    background:var(--ofk-red) !important;
    border-color:var(--ofk-red) !important;
    color:#fff !important;
    font-family:'Barlow',sans-serif !important;
    font-weight:600 !important;
    border-radius:8px !important;
    transition:all .3s !important;
}
.edu-btn:hover, a.edu-btn:hover { background:var(--ofk-red-d) !important; border-color:var(--ofk-red-d) !important; color:#fff !important; }
.edu-btn.btn-secondary { background:var(--ofk-navy) !important; border-color:var(--ofk-navy) !important; }
.edu-btn.btn-secondary:hover { background:var(--ofk-navy-m) !important; }
.edu-btn.btn-outline { background:transparent !important; border-color:var(--ofk-red) !important; color:var(--ofk-red) !important; }
.edu-btn.btn-outline:hover { background:var(--ofk-red) !important; color:#fff !important; }
.edu-btn.btn-white { background:#fff !important; color:var(--ofk-red) !important; border-color:#fff !important; }
.edu-btn.btn-white:hover { background:var(--ofk-red) !important; color:#fff !important; border-color:var(--ofk-red) !important; }

/* ============================================================
   BREADCRUMB / PAGE HEADER — marine + accent rouge (slide 1 inner)
   ============================================================ */
.edublink-page-title-area,
.edu-breadcrumb-area,
.page-title-section {
    background:linear-gradient(135deg,var(--ofk-navy) 0%,var(--ofk-navy-m) 70%) !important;
    position:relative; overflow:hidden;
}
.edublink-page-title-area::after {
    content:''; position:absolute; top:0; right:0;
    width:42%; height:100%;
    background:var(--ofk-red);
    clip-path:polygon(18% 0%,100% 0%,100% 100%,0% 100%);
    opacity:.12; z-index:0;
}
.edublink-page-title-area .inner { position:relative; z-index:1; }
.edublink-page-title-area h1,
.edublink-page-title-area h2,
.edublink-page-title-area .page-title { color:#fff !important; font-family:'Barlow Condensed',sans-serif !important; font-weight:700 !important; }
.edublink-breadcrumb li, .edublink-breadcrumb li a { color:rgba(255,255,255,.65) !important; }
.edublink-breadcrumb li.active, .edublink-breadcrumb li a:hover { color:var(--ofk-red) !important; }

/* ============================================================
   SECTION TITLES
   ============================================================ */
.edublink-section-title .pre-title,
.section-title .pre-title,
.edu-section-title .pre-title {
    color:var(--ofk-red) !important;
    font-family:'Barlow',sans-serif !important;
    font-weight:700 !important;
    letter-spacing:2px !important;
    text-transform:uppercase !important;
    font-size:.78rem !important;
}
.edublink-section-title .title,
.section-title .title { color:var(--ofk-navy) !important; font-family:'Barlow Condensed',sans-serif !important; font-weight:700 !important; }
.edublink-section-title .title span,
.edublink-section-title .title .highlighted { color:var(--ofk-red) !important; }
.edublink-section-title.center { text-align:center; }

/* ============================================================
   BANNER / HERO — slide 1 exact
   Split: gauche blanc texte / droite rouge diagonal + cercles
   ============================================================ */
.edublink-hero-area,
.hero-banner-area,
.edu-hero-area,
[class*="banner-style-"],
.edu-banner {
    background:#fff !important;
    position:relative;
    overflow:hidden;
}
/* Bloc rouge diagonal droite */
.edublink-hero-area::before,
.hero-banner-area::before,
.edu-hero-area::before {
    content:'';
    position:absolute; top:0; right:0;
    width:52%; height:100%;
    background:var(--ofk-red);
    clip-path:polygon(12% 0%,100% 0%,100% 100%,0% 100%);
    z-index:0;
}
/* Bloc marine coin bas-droite */
.edublink-hero-area::after,
.hero-banner-area::after {
    content:'';
    position:absolute; bottom:0; right:0;
    width:28%; height:35%;
    background:var(--ofk-navy);
    clip-path:polygon(50% 100%,100% 0%,100% 100%);
    z-index:1;
}
/* Z-index contenu */
.edublink-hero-area .container,
.hero-banner-area .edublink-container,
.edu-hero-area .container { position:relative; z-index:2; }
/* Titre hero */
.edublink-hero-area h1,
.hero-banner-area h1,
.edu-hero-area .banner-content h1 {
    font-family:'Barlow Condensed',sans-serif !important;
    font-weight:700 !important;
    color:var(--ofk-navy) !important;
    font-size:clamp(2.5rem,5vw,4.8rem) !important;
    line-height:1.0 !important;
}
.edublink-hero-area .banner-content .highlighted,
.hero-banner-area .highlighted { color:var(--ofk-red) !important; }
.edublink-hero-area .banner-content p,
.hero-banner-area .banner-desc { color:var(--ofk-body) !important; font-size:1rem !important; line-height:1.75 !important; }

/* Stats band / funfact band — rouge vif */
.edublink-funfact-counterup,
.edu-funfact-area,
.edu-course-statistic,
[class*="counterup-"],
[class*="funfact-"] {
    background:var(--ofk-red) !important;
}
.edublink-funfact-counterup *,
.edu-funfact-area *,
.edu-course-statistic * { color:#fff !important; }
.edublink-funfact-counterup .count-number,
.edu-funfact-area .odometer,
.edu-funfact-area .count { font-family:'Barlow Condensed',sans-serif !important; font-size:2.8rem !important; font-weight:700 !important; letter-spacing:1px !important; }
.edublink-funfact-counterup .title,
.edu-funfact-area .subtitle { font-size:.8rem !important; text-transform:uppercase !important; letter-spacing:.8px !important; opacity:.8; }
.edublink-funfact-counterup::before,
.edu-funfact-area::before { display:none !important; }

/* ============================================================
   ABOUT / INTRODUCTION — slide 2
   Fond blanc, images conteneurs doubles, icône rouge flottante
   ============================================================ */
.edublink-about-area,
.edu-about-area,
[class*="about-style-"] { background:#fff !important; }
/* Section label et titre */
.edublink-about-area .pre-title { color:var(--ofk-red) !important; }
.edublink-about-area h2, .edu-about-area h2 { color:var(--ofk-navy) !important; font-family:'Barlow Condensed',sans-serif !important; font-weight:700 !important; }
/* Bar décorative rouge */
.edublink-about-area .about-image-gallery::before,
.edu-about-area .thumbnail-group::before { background:var(--ofk-red) !important; }
/* Bandes bas de section */
.about-bottom-bar,
[class*="about-"] .bottom-accent { background:var(--ofk-navy) !important; }

/* ============================================================
   VISION & MISSION — slide 3
   Deux cartes: rouge (Vision) + gris (Mission) avec checkmark
   ============================================================ */
.edublink-service-area,
.edu-service-area,
[class*="service-style-"] { background:#fff !important; }
/* Carte rouge (Vision) */
.edu-service.service-style-2:nth-child(odd),
.edublink-service-item.style-2:nth-child(1),
.edu-card.card-red,
.vision-card-red { background:var(--ofk-red) !important; border-radius:16px !important; }
.edu-service.service-style-2:nth-child(odd) *,
.vision-card-red * { color:#fff !important; }
/* Carte gris (Mission) */
.edu-service.service-style-2:nth-child(even),
.edublink-service-item.style-2:nth-child(2),
.vision-card-gray { background:var(--ofk-gray) !important; border-radius:16px !important; }
/* Checkmark badge navy */
.edu-service .service-check-icon,
.edu-service .icon-box { background:var(--ofk-navy) !important; color:#fff !important; border-radius:50% !important; }

/* ============================================================
   WHY CHOOSE US — slide 4
   Blanc gauche + Rouge droite, cartes hexagonales numérotées
   ============================================================ */
.edublink-course-area.bg-secondary,
.edu-section-bg-secondary,
[class*="why-choose-"] { background:var(--ofk-gray) !important; }
/* Fond rouge côté droit */
.edublink-split-section .right-column,
.edu-split-right,
[class*="bg-red-accent"] { background:var(--ofk-red) !important; }
/* Cartes numérotées hexagonales */
.edu-feature-card,
[class*="feature-card-"] {
    background:#fff !important;
    border-radius:14px !important;
    border:1px solid rgba(13,27,62,.06) !important;
    transition:all .3s !important;
}
.edu-feature-card:hover { transform:translateY(-5px); box-shadow:0 15px 50px rgba(13,27,62,.15) !important; }
.edu-feature-card .count,
.edu-feature-card .number {
    background:var(--ofk-gray) !important;
    color:var(--ofk-navy) !important;
    font-family:'Barlow Condensed',sans-serif !important;
    font-size:1.4rem !important;
    font-weight:700 !important;
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    width:56px; height:56px;
    display:flex; align-items:center; justify-content:center;
}
.edu-feature-card:nth-child(2) .count { background:var(--ofk-navy) !important; color:#fff !important; }
.edu-feature-card h5, .edu-feature-card h4 { color:var(--ofk-navy) !important; font-family:'Barlow Condensed',sans-serif !important; font-weight:700 !important; }
.edu-feature-card p { color:var(--ofk-body) !important; font-size:.88rem !important; }

/* ============================================================
   SERVICES — slide 5
   Blanc gauche + grille 3×2 cartes avec ribbon/badge en haut
   ============================================================ */
.edu-service-style-3,
.edublink-service-grid,
[class*="services-grid"] { background:#fff !important; }
/* Cartes services avec ribbon */
.edu-service-card,
[class*="service-card-"],
.edublink-service-item {
    border-radius:14px !important;
    overflow:hidden !important;
    transition:all .3s !important;
    text-align:center;
}
/* Alternance blanc/navy/rouge — slide 5 */
.edu-service-card:nth-child(1),
.edu-service-card:nth-child(4) { background:var(--ofk-gray) !important; }
.edu-service-card:nth-child(2),
.edu-service-card:nth-child(5) { background:var(--ofk-navy) !important; }
.edu-service-card:nth-child(3),
.edu-service-card:nth-child(6) { background:var(--ofk-red) !important; }
.edu-service-card:nth-child(2) *,
.edu-service-card:nth-child(5) *,
.edu-service-card:nth-child(3) *,
.edu-service-card:nth-child(6) * { color:#fff !important; }
/* Ribbon/badge avec checkmark */
.edu-service-card .icon,
.edu-service-card .service-icon { border-radius:50%; width:54px; height:54px; display:flex; align-items:center; justify-content:center; margin:0 auto; }
.edu-service-card:nth-child(1) .icon, .edu-service-card:nth-child(4) .icon { background:var(--ofk-gray) !important; color:var(--ofk-navy) !important; }
.edu-service-card:nth-child(2) .icon, .edu-service-card:nth-child(5) .icon { background:var(--ofk-red) !important; }
.edu-service-card:nth-child(3) .icon, .edu-service-card:nth-child(6) .icon { background:var(--ofk-navy) !important; }
/* Courbe rouge bas-gauche */
.edu-service-area .section-shape-bottom,
[class*="service-area"] .bottom-shape { color:var(--ofk-red) !important; }

/* ============================================================
   COURSES / LMS — toutes compatibilités
   ============================================================ */
.edu-course, .edublink-course,
[class*="course-style-"],
.edu-course-style-1,
.edu-course-style-2,
.edu-course-style-3 {
    border-radius:14px !important;
    overflow:hidden;
    border:1px solid rgba(13,27,62,.06) !important;
    transition:all .3s;
    background:#fff;
}
.edu-course:hover { transform:translateY(-5px); box-shadow:0 15px 50px rgba(13,27,62,.15) !important; border-color:rgba(200,16,46,.15) !important; }
.edu-course .course-price .price,
.edu-course .edu-course-price { color:var(--ofk-navy) !important; font-family:'Barlow Condensed',sans-serif !important; font-size:1.4rem !important; font-weight:700 !important; }
.edu-course .course-title a, .edu-course h5 a, .edu-course h6 a { color:var(--ofk-navy) !important; font-family:'Barlow Condensed',sans-serif !important; font-weight:700 !important; }
.edu-course .course-title a:hover, .edu-course h5 a:hover { color:var(--ofk-red) !important; }
.edu-course .edu-category,
.edu-course .category a { color:var(--ofk-red) !important; font-weight:700 !important; text-transform:uppercase; font-size:.74rem; letter-spacing:.5px; }
.edu-course .rating-count i { color:#F59E0B !important; }
.edu-course .wishlist-btn:hover { color:var(--ofk-red) !important; }
/* Course filter tabs */
.course-filter-tab .nav-link,
.edu-course-tab .nav-link { border-radius:20px !important; font-family:'Barlow',sans-serif !important; font-weight:600; transition:all .3s; }
.course-filter-tab .nav-link.active,
.course-filter-tab .nav-link:hover,
.edu-course-tab .nav-link.is-checked { background:var(--ofk-red) !important; color:#fff !important; border-color:var(--ofk-red) !important; }

/* ============================================================
   TEAM / INSTRUCTORS — slide 6
   Fond rouge côté droit, cartes blanches cercles bordure marine
   ============================================================ */
.edublink-instructor-area,
.edu-instructor-area,
[class*="instructor-"],
[class*="team-"] { }
/* Fond rouge arrière-plan équipe */
.edu-instructor-area.bg-red,
.edu-team-bg-red { background:var(--ofk-red) !important; }
/* Cartes */
.edu-instructor-4,
.edu-instructor-inner,
[class*="instructor-style-"],
.edu-team-card {
    background:#fff !important;
    border-radius:14px !important;
    overflow:hidden;
    border:1px solid rgba(13,27,62,.06) !important;
    transition:all .3s;
}
.edu-instructor-4:hover,
.edu-instructor-inner:hover { transform:translateY(-5px); box-shadow:0 15px 50px rgba(13,27,62,.15) !important; }
/* Photo cercle avec bordure marine */
.edu-instructor-inner .thumbnail img,
.edu-instructor-4 .thumbnail img,
.edu-team-card .thumbnail img { border-radius:50% !important; border:3px solid var(--ofk-navy) !important; width:90px; height:90px; object-fit:cover; }
/* Nom en rouge */
.edu-instructor-inner .title a,
.edu-instructor-4 .title a,
.edu-instructor-inner h5 a,
.edu-instructor-inner h6 a,
.edu-team-card .name a { color:var(--ofk-red) !important; font-family:'Barlow Condensed',sans-serif !important; font-weight:700 !important; }
.edu-instructor-inner .title a:hover { color:var(--ofk-red-d) !important; }
/* Rôle en marine */
.edu-instructor-inner .designation,
.edu-instructor-4 .designation,
.edu-team-card .role { color:var(--ofk-navy) !important; font-size:.85rem; }
/* Icônes social */
.edu-instructor-inner .social-share li a:hover,
.team-share-info li a:hover { background:var(--ofk-red) !important; color:#fff !important; border-color:var(--ofk-red) !important; }
/* Rating */
.edu-instructor-inner .edu-rating .edublink-rating-star i { color:#F59E0B !important; }

/* ============================================================
   LATEST PROJECTS — slide 7
   3 bandes alternées rouge/gris/marine
   ============================================================ */
.edu-project-area, [class*="project-style-"] { background:#fff !important; }
/* Bandes numérotées */
.edu-project-item:nth-child(1) { background:var(--ofk-red) !important; }
.edu-project-item:nth-child(2) { background:var(--ofk-gray) !important; }
.edu-project-item:nth-child(3) { background:var(--ofk-navy) !important; }
.edu-project-item:nth-child(1) *, .edu-project-item:nth-child(3) * { color:#fff !important; }
.edu-project-item .number {
    border-radius:50% !important; width:58px; height:58px;
    display:flex; align-items:center; justify-content:center;
    font-family:'Barlow Condensed',sans-serif !important; font-size:1.5rem !important; font-weight:700 !important;
}
.edu-project-item:nth-child(1) .number { background:#fff !important; color:var(--ofk-navy) !important; }
.edu-project-item:nth-child(2) .number { background:var(--ofk-navy) !important; color:#fff !important; }
.edu-project-item:nth-child(3) .number { background:var(--ofk-red) !important; color:#fff !important; }

/* ============================================================
   STRATEGIC OUTLOOK 2026 — slide 8
   3 cartes verticales navy/rouge/gris avec icône ronde
   ============================================================ */
.edu-strategy-area, [class*="strategy-"], .edu-feature-style-4 { background:var(--ofk-gray) !important; }
/* Cartes verticales */
.edu-strategy-card:nth-child(1), .edu-feature-style-4 .edu-feature-card:nth-child(1) { background:var(--ofk-navy) !important; border-radius:16px !important; }
.edu-strategy-card:nth-child(2), .edu-feature-style-4 .edu-feature-card:nth-child(2) { background:var(--ofk-red) !important; border-radius:16px !important; }
.edu-strategy-card:nth-child(3), .edu-feature-style-4 .edu-feature-card:nth-child(3) { background:var(--ofk-gray) !important; border-radius:16px !important; }
.edu-strategy-card:nth-child(1) *,.edu-strategy-card:nth-child(2) * { color:#fff !important; }
/* Icônes rondes */
.edu-strategy-card .icon-wrap { border-radius:50% !important; }
.edu-strategy-card:nth-child(1) .icon-wrap { background:var(--ofk-red) !important; }
.edu-strategy-card:nth-child(2) .icon-wrap { background:var(--ofk-navy) !important; }
.edu-strategy-card:nth-child(3) .icon-wrap { background:var(--ofk-red) !important; }

/* ============================================================
   TESTIMONIALS — slide 9
   Cartes alternées navy/rouge avec étoiles dorées
   ============================================================ */
.edu-testimonial-area, [class*="testimonial-"] { }
/* Cartes */
.edu-testimonial-inner,
[class*="testimonial-style-"] .inner,
.edu-testimonial-card { border-radius:14px !important; overflow:hidden; }
.edu-testimonial-inner:nth-child(odd),
[class*="testimonial-"]:nth-child(odd) .inner { background:var(--ofk-navy) !important; }
.edu-testimonial-inner:nth-child(even),
[class*="testimonial-"]:nth-child(even) .inner { background:var(--ofk-red) !important; }
.edu-testimonial-inner * { color:#fff !important; }
/* Avatar */
.edu-testimonial-inner .thumbnail img { border-radius:50% !important; border:3px solid rgba(255,255,255,.3) !important; }
/* Nom */
.edu-testimonial-inner .author-info .title,
.edu-testimonial-inner .name { color:#fff !important; font-weight:700 !important; font-family:'Barlow Condensed',sans-serif !important; }
/* Designation */
.edu-testimonial-inner .author-info .designation,
.edu-testimonial-inner .role { color:rgba(255,255,255,.65) !important; font-size:.83rem; }
/* Quote */
.edu-testimonial-inner .quote-icon { color:rgba(255,255,255,.22) !important; font-size:3rem; font-family:Georgia,serif; }
/* Texte */
.edu-testimonial-inner .description,
.edu-testimonial-inner p { color:rgba(255,255,255,.88) !important; font-size:.93rem !important; font-style:italic; line-height:1.75 !important; }
/* Étoiles dorées */
.edu-testimonial-inner .rating-icon i,
.edu-testimonial-inner .star-rating span { color:#F59E0B !important; }

/* ============================================================
   CONTACT / THANK YOU — slide 10
   Info card marine + formulaire blanc
   ============================================================ */
.edu-contact-area, [class*="contact-style-"] { background:#fff !important; }
.edu-contact-info-card,
[class*="contact-info-"] { background:var(--ofk-navy) !important; border-radius:16px !important; padding:2.5rem !important; }
.edu-contact-info-card * { color:#fff !important; }
.edu-contact-info-card h3, .edu-contact-info-card .title { color:#fff !important; font-family:'Barlow Condensed',sans-serif !important; font-size:2rem !important; }
.edu-contact-info-card p { color:rgba(255,255,255,.65) !important; }
.edu-contact-info-card .icon-box { background:rgba(200,16,46,.2) !important; border:1px solid rgba(200,16,46,.3) !important; border-radius:50% !important; }
.edu-contact-form-card,
[class*="contact-form-"] { background:#fff !important; border-radius:16px !important; box-shadow:0 12px 48px rgba(13,27,62,.12) !important; }

/* ============================================================
   BLOG / POSTS
   ============================================================ */
.edu-blog-area, [class*="blog-style-"] { }
.edu-blog-post, .edu-post-card,
[class*="post-style-"] { border-radius:14px !important; overflow:hidden; border:1px solid rgba(13,27,62,.06) !important; transition:all .3s; background:#fff; }
.edu-blog-post:hover { transform:translateY(-5px); box-shadow:0 15px 50px rgba(13,27,62,.15) !important; }
.edu-blog-post .category-btn a,
.edu-blog-post .edu-category { background:var(--ofk-navy) !important; color:#fff !important; border-radius:20px !important; font-size:.74rem !important; font-weight:700 !important; text-transform:uppercase; letter-spacing:.5px; padding:.25rem .7rem !important; }
.edu-blog-post .title a, .edu-post-card h5 a, .edu-post-card h4 a { color:var(--ofk-navy) !important; font-family:'Barlow Condensed',sans-serif !important; font-weight:700 !important; }
.edu-blog-post .title a:hover { color:var(--ofk-red) !important; }
.edu-blog-post .blog-description, .edu-post-card p { color:var(--ofk-body) !important; font-size:.9rem !important; line-height:1.65 !important; }
.edu-blog-post .edu-btn, .edu-post-card .read-more { background:transparent !important; color:var(--ofk-red) !important; border-color:transparent !important; padding:0 !important; font-weight:700 !important; }
.edu-blog-post .edu-btn:hover { color:var(--ofk-red-d) !important; }
.edu-blog-post .edu-btn::after { content:' →'; }

/* ============================================================
   COURSE DETAILS
   ============================================================ */
.edu-course-details-area { }
.edu-course-details-sidebar .sidebar-widget { border-radius:14px !important; overflow:hidden; border:1px solid rgba(13,27,62,.06) !important; }
.edu-course-details-sidebar .widget-title { background:var(--ofk-navy) !important; color:#fff !important; padding:1rem 1.5rem !important; margin:0 !important; font-family:'Barlow Condensed',sans-serif !important; }
.edu-course-details-sidebar .course-price,
.edu-course-details-sidebar .price { color:var(--ofk-navy) !important; font-family:'Barlow Condensed',sans-serif !important; font-size:2rem !important; font-weight:700 !important; }
.edu-course-details .nav-tabs .nav-link.active { color:var(--ofk-red) !important; border-bottom-color:var(--ofk-red) !important; }
.course-overview-content h5, .course-overview-content h4 { color:var(--ofk-navy) !important; }

/* ============================================================
   SIDEBAR
   ============================================================ */
.edu-sidebar .sidebar-widget,
.edublink-sidebar .widget { border-radius:14px !important; overflow:hidden; border:1px solid rgba(13,27,62,.06) !important; margin-bottom:1.5rem; }
.edu-sidebar .widget-title,
.edublink-sidebar .widget-title { background:var(--ofk-navy) !important; color:#fff !important; padding:1rem 1.5rem !important; margin:0 0 1.25rem !important; font-family:'Barlow Condensed',sans-serif !important; font-size:1rem !important; text-transform:uppercase; letter-spacing:.5px; }
.edu-sidebar .tagcloud a, .widget.widget_tag_cloud a { border-radius:20px !important; font-family:'Barlow',sans-serif !important; font-size:.82rem !important; }
.edu-sidebar .tagcloud a:hover, .widget.widget_tag_cloud a:hover { background:var(--ofk-red) !important; color:#fff !important; border-color:var(--ofk-red) !important; }

/* ============================================================
   FORMS
   ============================================================ */
input[type="text"],input[type="email"],input[type="tel"],
input[type="password"],input[type="search"],textarea,select {
    border:1.5px solid rgba(13,27,62,.12) !important;
    border-radius:8px !important;
    font-family:'Barlow',sans-serif !important;
    color:var(--ofk-navy) !important;
    transition:border-color .2s;
}
input:focus,textarea:focus { border-color:var(--ofk-red) !important; outline:none !important; box-shadow:0 0 0 3px rgba(200,16,46,.1) !important; }

/* ============================================================
   SEARCH POPUP
   ============================================================ */
.edu-search-popup,
.edu-search-modal { background:rgba(7,14,31,.97) !important; }
.edu-search-popup .edu-search-field,
.edu-search-popup input { border-bottom-color:rgba(255,255,255,.25) !important; color:#fff !important; background:transparent !important; }
.edu-search-popup .submit-btn { color:var(--ofk-red) !important; }
.edu-search-popup .result-not-found { color:rgba(255,255,255,.65) !important; }

/* ============================================================
   LOGIN/REGISTER POPUP
   ============================================================ */
.edublink-login-form-popup { background:#fff !important; border-radius:16px !important; }
.edublink-login-form-popup .login-form-header { background:var(--ofk-navy) !important; }
.edublink-login-form-tab span.active { color:var(--ofk-red) !important; border-bottom-color:var(--ofk-red) !important; }

/* ============================================================
   PAGINATION
   ============================================================ */
.edu-pagination li a, .page-numbers { border-radius:8px !important; font-family:'Barlow',sans-serif !important; }
.edu-pagination li a:hover, .edu-pagination li.active a,
.page-numbers.current, .page-numbers:hover { background:var(--ofk-red) !important; border-color:var(--ofk-red) !important; color:#fff !important; }

/* ============================================================
   ACCORDION / FAQ
   ============================================================ */
.edu-accordion .accordion-button:not(.collapsed) { color:var(--ofk-red) !important; background:rgba(200,16,46,.04) !important; }
.edu-accordion .accordion-item { border-radius:10px !important; border:1px solid rgba(13,27,62,.08) !important; margin-bottom:.75rem; overflow:hidden; }

/* ============================================================
   TABS
   ============================================================ */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color:var(--ofk-red) !important; border-bottom-color:var(--ofk-red) !important; }
.nav-tabs .nav-link:hover { color:var(--ofk-red) !important; }

/* ============================================================
   WOOCOMMERCE
   ============================================================ */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button { background:var(--ofk-red) !important; color:#fff !important; font-family:'Barlow',sans-serif !important; font-weight:600 !important; border-radius:8px !important; }
.woocommerce a.button:hover,.woocommerce button.button:hover { background:var(--ofk-red-d) !important; }
.woocommerce .star-rating span::before { color:#F59E0B !important; }
.woocommerce ul.products li.product .price { color:var(--ofk-navy) !important; font-family:'Barlow Condensed',sans-serif !important; font-size:1.3rem !important; }
.woocommerce-cart .wc-proceed-to-checkout a { background:var(--ofk-red) !important; }

/* ============================================================
   FOOTER — marine profond (#070E1F)
   ============================================================ */
.edu-footer,
.edublink-footer-default-wrapper,
footer.edu-footer,
.footer-style-default { background:#070E1F !important; }
/* Footer widget titles */
.edu-footer .footer-title,
.edu-footer .widget-title,
.edu-footer h6 { color:#fff !important; font-family:'Barlow Condensed',sans-serif !important; font-size:.95rem !important; font-weight:700 !important; text-transform:uppercase; letter-spacing:.5px; padding-bottom:.5rem; border-bottom:2px solid var(--ofk-red) !important; display:inline-block !important; }
/* Footer links */
.edu-footer .footer-link li a, .edu-footer .footer-menu li a { color:rgba(255,255,255,.42) !important; font-family:'Barlow',sans-serif !important; font-size:.87rem !important; transition:color .2s; }
.edu-footer .footer-link li a:hover, .edu-footer .footer-menu li a:hover { color:var(--ofk-red) !important; padding-left:4px !important; }
.edu-footer .footer-link li a::before { content:'›'; color:var(--ofk-red); margin-right:.3rem; }
/* Footer text */
.edu-footer p, .edu-footer .description { color:rgba(255,255,255,.40) !important; font-size:.87rem; line-height:1.7; }
/* Footer social */
.edu-footer .edu-social li a { background:rgba(255,255,255,.07) !important; color:rgba(255,255,255,.60) !important; border-radius:4px !important; width:30px; height:30px; }
.edu-footer .edu-social li a:hover { background:var(--ofk-red) !important; color:#fff !important; }
/* Footer divider */
.edu-footer .separator { border-color:rgba(255,255,255,.07) !important; }
/* Bottom bar */
.edublink-footer-default-wrapper .site-info,
.edu-footer .copyright-area,
.edu-footer .footer-bottom { background:rgba(0,0,0,.25) !important; border-top:1px solid rgba(255,255,255,.07) !important; color:rgba(255,255,255,.28) !important; }
.edu-footer .copyright-area a, .edu-footer .footer-bottom a { color:var(--ofk-red) !important; }
.edu-footer .copyright-area a:hover { color:var(--ofk-red-d) !important; }

/* ============================================================
   PRELOADER — marine
   ============================================================ */
#edublink-preloader, .edublink-preloader { background:var(--ofk-navy) !important; }
.edublink-preloader .logo { filter:brightness(0) invert(1); }

/* ============================================================
   BACK TO TOP
   ============================================================ */
.edublink-default-scroll-to-top,
.back-to-top { background:var(--ofk-red) !important; color:#fff !important; border-radius:50% !important; box-shadow:0 4px 20px rgba(200,16,46,.4) !important; }
.edublink-default-scroll-to-top:hover { background:var(--ofk-red-d) !important; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:991px) {
    .edublink-hero-area::before { width:100%; clip-path:polygon(0% 70%,100% 50%,100% 100%,0% 100%); opacity:.10; }
    .edublink-hero-area::after { display:none; }
}
@media(max-width:767px) {
    .edu-course:hover, .edu-blog-post:hover, .edu-instructor-inner:hover, .edu-feature-card:hover { transform:none; }
}