/*
Theme Name: Divi by Duche
Version: 1.0.0
Description: Divi Custom | Smart. Flexible. Beautiful.
Author: Duche.org
Author URI: http://www.duche.org
Template: Divi
*/
@import url("../Divi/style.css");
@import url("style-init.css");
@import url("reflex.css");


/* On place ici les CSS CUSTOM du site */

/*
	******************************************************
	************************ HOOK ************************
	******************************************************
*/
article.sfwd-lessons div.entry-content div.learndash form#sfwd-mark-complete {
    _display: none !important;
}

/* Hide forgot password options completely */
.forgot-link,
a[href*="action=lostpassword"],
a[href*="action=rp"] {
    display: none !important;
}

/* Cairo Google Font Import */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap');

/* Apply Cairo font globally for a modern medical/educational feel */
body, h1, h2, h3, h4, h5, h6, #top-menu li a, #top-menu-nav, input, select, button, textarea {
    font-family: 'Cairo', 'Inter', sans-serif !important;
}

/* Fix legacy grid letter-spacing bugs on registration and login screens */
.mendami-signup-card,
.mendami-signup-card *,
.mendami-autoinscription,
.mendami-autoinscription * {
    letter-spacing: 0px !important;
    word-spacing: 0.15rem !important;
}

/* Hide form contents initially to avoid Flash of Unstyled Content (FOUC) */
.mendami-autoinscription #ml-form-content {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Show form content smoothly when ready */
.mendami-autoinscription.ml-ready #ml-form-content {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

/* Recreate a clean and smooth primary navbar / header */
#main-header {
    background-color: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.04) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease-in-out;
}

#logo {
    max-height: 48px !important;
    transition: transform 0.2s ease-in-out;
}
#logo:hover {
    transform: scale(1.02);
}

/* Elegant Top Header bar */
#top-header {
    background-color: #7f1d1d !important; /* Premium deep red */
    padding: 6px 0 !important;
}
#top-header a, #top-header span {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: color 0.15s ease-in-out;
}
#top-header a:hover {
    color: #fca5a5 !important;
}

/* Smooth Navigation Menu Link styles */
#top-menu li a {
    color: #334155 !important; /* slate-700 */
    font-size: 14px !important;
    font-weight: 600 !important;
    padding-bottom: 8px !important;
    transition: all 0.2s ease-in-out;
    border-bottom: 2px solid transparent;
}
#top-menu li a:hover, 
#top-menu li.current-menu-item a {
    color: #991b1b !important; /* crimson red */
    border-bottom: 2px solid #991b1b !important;
}

/* Divi Builder Login / Signup Section Layout Fixes */
.home .et_pb_section_0 {
    display: none !important; /* Hide old duplicate Divi banner containing the text/images */
}

/* Bulletproof reset for top whitespace gaps above the header/navbar */
html,
body,
body.single-sfwd-courses,
body.single-sfwd-lessons,
body.single-sfwd-topic,
body.single-sfwd-quiz,
body.single,
body.archive,
body.home,
body.page {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* Force zero padding on Divi page container under all possible body configurations */
body #page-container,
body.et_fixed_nav #page-container,
body.et_non_fixed_nav #page-container,
body.et_transparent_nav #page-container,
body.et_vertical_nav #page-container,
#page-container {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/* Force header bar offsets to zero */
body #main-header,
body #top-header,
.et-fixed-header {
    top: 0px !important;
    margin-top: 0px !important;
}

/* Center and beautify dashboard course category headers */
.mc-category-header-wrap {
    text-align: center !important;
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

.mc-category-title {
    font-family: 'Cairo', sans-serif !important;
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    color: #0E3B3E !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: 0px !important;
    word-spacing: 0.1rem !important;
    line-height: 1.3 !important;
}

.mc-category-title-line {
    width: 60px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #D99A45 0%, #F59E0B 100%) !important;
    border-radius: 99px !important;
    margin: 0 auto !important;
}