/*
 Theme Name:   Eduma Child
 Theme URI:    http://educationwp.thimpress.com/
 Description:  Eduma Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     eduma
 Version:      1.0.0
 Text Domain:  eduma-child
*/
/* Tutor LMS - LearnPress style */

/* content center */
.tutor-course-single-content {
    max-width: 900px;
    margin: auto;
}

/* sidebar */


/* lesson items */
.tutor-course-topic-item {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.tutor-course-topic-item.active {
    background: #eaf4ff;
    font-weight: bold;
}

/* buttons */
.tutor-btn {
    border-radius: 4px;
    background-color: #0073ff;
    color: #fff;
}
/* ===== LearnPress Style (SAFE) ===== */

/* خلي الصفحة fullscreen */
.tutor-container,
.tutor-course-single-content {
    max-width: 100% !important;
    padding: 0 !important;
}

/* layout */
.tutor-course-single-content {

}

/* sidebar */


/* content */
.tutor-course-single-content-inner {
    flex: 1;
    padding: 30px;
    background: #f9f9f9;
}

/* top bar (fake LearnPress) */
.lp-topbar {
    background: #f4a100;
    padding: 12px;
}

.lp-topbar input {
    width: 60%;
    padding: 10px;
    border: none;
    border-radius: 4px;
}

/* lesson items */
.tutor-course-topic-item {
    padding: 12px;
    border-bottom: 1px solid #eee;
}

.tutor-course-topic-item.is-active {
    background: #fff3cd;
}
/* Hide header & footer in lesson page */
.single-lesson header,
.single-lesson footer,
.single-lesson .site-header,
.single-lesson .site-footer {
    display: none !important;
}

/* remove margins */
.single-lesson .content-area {
    margin: 0 !important;
    padding: 0 !important;
}








.lp-topbar {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #f4a100;
    padding: 15px;
}

/* search style */
.lp-topbar input {
    width: 50%;
    padding: 10px 15px;
    border-radius: 20px;
    border: none;
}
/* sidebar */


/* content */
.single-lesson .tutor-course-single-content-inner {
    background: #f9f9f9;
    padding: 30px;
}

/* FULLSCREEN */
.single-lesson .tutor-container,
.single-lesson .tutor-course-single-content {
    max-width: 100% !important;
    padding: 0 !important;
}

/* FLEX LAYOUT */
.single-lesson .tutor-course-single-content {

}

/* SIDEBAR */
.single-lesson .tutor-course-topics-sidebar {
    width: 320px;
    background: #fff;
    border-right: 1px solid #ddd;

}


/* CONTENT */
.single-lesson .tutor-course-single-content-inner {
    flex: 1;
    padding: 30px;
    background: #f9f9f9;
}
/* container */


/* wrapper */




/* clear button */
.lp-clear {
    position: absolute;
    right: 12px;
    top: 6px;
    cursor: pointer;
    font-size: 16px;
    display: none;
}

/* highlight */
.lp-highlight {
    background: #ffe08a;
    padding: 2px;
}

/* animation */
.tutor-course-topic-item {
    transition: all 0.2s ease;
}
/* container */







/* clear */
.lp-clear {
    position: absolute;
    right: 12px;
    top: 7px;
    cursor: pointer;
    font-size: 14px;
    display: none;
}

/* highlight */
.lp-highlight {
    background: #ffe08a;
    border-radius: 3px;
    padding: 1px 3px;
}

/* smooth hide/show */
.tutor-course-topic-item {
    transition: opacity 0.2s ease;
}

/* sidebar style */
.tutor-course-topics-sidebar {
    background: #fff;
    border-right: 1px solid #e5e5e5;
}

/* topic title */
.tutor-course-topic {
    border-bottom: 1px solid #f0f0f0;
}

/* lesson item */
.tutor-course-topic-item {
    padding: 10px 15px;
    font-size: 14px;
    transition: 0.2s;
}

/* hover */
.tutor-course-topic-item:hover {
    background: #f9f9f9;
}

/* active lesson */
.tutor-course-topic-item.is-active {
    background: #fff3cd;
    border-left: 3px solid #f4a100;
}
/* numbers */
.tutor-course-topic-header {
    font-weight: 600;
    font-size: 14px;
}

/* counter */
.tutor-course-topic-header span {
    color: #999;
    font-size: 12px;
}
/* hide header/menu in quiz فقط */
.single-tutor_quiz header,
.single-tutor_quiz .site-header,
.single-tutor_quiz #masthead {
    display: none !important;
}

/* خلي الصفحة fullscreen */
.single-tutor_quiz #wrapper-container {
    padding: 0 !important;
}

.single-tutor_quiz .tutor-container {
    max-width: 100% !important;
}


/* sidebar scroll */
.tutor-course-topics-sidebar {

    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 transparent;
}

/* Chrome / Edge */
.tutor-course-topics-sidebar::-webkit-scrollbar {
    width: 6px;
}

.tutor-course-topics-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.tutor-course-topics-sidebar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d6d6d6, #a8a8a8);
    border-radius: 10px;
    transition: 0.3s;
}

/* hover effect */
.tutor-course-topics-sidebar:hover::-webkit-scrollbar-thumb {
    background: #888;
}




/* 🔥 خليه ثابت */


/* 🔥 container ديال جميع topics */

/* scrollbar جميل */


.tutor-course-single-sidebar-wrapper::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
}

.tutor-course-single-sidebar-wrapper::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/* ===== CLEAN LEARNPRESS STYLE ===== */

/* layout */
.single-lesson .tutor-course-single-content {
    display: flex;
}

/* sidebar */


/* 🔥 scroll الوحيد */
.single-lesson .tutor-course-single-sidebar-wrapper {
    height: 100vh;
    overflow-y: auto;
}




/* header + search ثابتين */


/* lesson items */
.tutor-course-topic-item {
    padding: 10px 15px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    transition: 0.2s;
}

/* hover */
.tutor-course-topic-item:hover {
    background: #f9f9f9;
}

/* active */
.tutor-course-topic-item.is-active {
    background: #fff3cd;
    border-left: 3px solid #f4a100;
}

/* scrollbar */
.single-lesson .tutor-course-single-sidebar-wrapper::-webkit-scrollbar {
    width: 6px;
}

.single-lesson .tutor-course-single-sidebar-wrapper::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
}
/* title */

/* search تحتو */

/* ===== HEADER BOX (Contenu du cours + Search) ===== */


/* title */




/* spacing fix */


/* ===== BONUS: hover feel ===== */
/* هذا هو container اللي خاصو scroll */
.tutor-course-topics-sidebar {
    height: 100vh;
    overflow-y: auto;
}
/* bloc كامل */

/* search تابع ليه */

/* ===== HEADER CLEAN ===== */
.lp-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: linear-gradient(135deg, #f4a100, #ffba2f);
    padding: 12px;
}

/* title */
.lp-header .tutor-course-single-sidebar-title {
    color: #fff;
    font-weight: 600;
    margin-bottom: 8px;
}



.lp-header {
    display: block !important;
}


/* TITLE */
.tutor-course-single-sidebar-title {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #f4a100;
    color: #fff;
    padding: 14px 16px 8px;
    font-weight: 600;
}

/* SEARCH */
.lp-search {
    position: sticky;
    top: 50px;
    z-index: 49;
    background: #f4a100;
    padding: 10px 16px 14px;
}

/* INPUT */
.lp-search input {
    width: 100%;
    padding: 10px 14px 10px 38px;
    border-radius: 25px;
    border: none;
    outline: none;
    background: #fff;
}

/* ICON */
.lp-search::before {
    content: "🔍";
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

/* lesson active */
.tutor-course-topic-item.is-active {
    background: linear-gradient(135deg, #ffe08a, #ffd24d);
    border-left: 4px solid #f4a100;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* icon check */
.tutor-course-topic-item.is-active::after {
    content: "✔";
    color: #28a745;
    font-size: 14px;
    float: right;
}

/* hover (باش يبان الفرق) */
.tutor-course-topic-item:hover {
    background: #f9f9f9;
}
/* حيد ✔ لي فاليمين */
.tutor-course-topic-item.is-active::after {
    display: none;
}

/* خدم على الأيقونة لي حدّا العنوان */
.tutor-course-topic-item-icon {
    position: relative;
}

/* دير ✔ فوق الدائرة */
.tutor-course-topic-item.is-active .tutor-course-topic-item-icon::after {
    content: "✔";
    position: absolute;
    top: -5px;
    right: -5px;
    background: green;
    color: white;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}







/* UNDERLINE ANIMATION */



.navigation .menu > li > a:hover::after{
    width:100%;
}

.navigation .menu > li > a:hover{
    color:#f59e0b !important;
}

/* HEADER SHADOW */

.site-header{
    box-shadow:0 6px 25px rgba(0,0,0,0.06);
}

/* STICKY EFFECT */

.sticky-header{
    backdrop-filter:blur(10px);
    background:rgba(255,255,255,0.95) !important;
}








/* 2 posts per row */

@media (min-width:768px){

#blog-archive-layout > .row{
    display:flex;
    flex-wrap:wrap;
}

#blog-archive-layout article.col-sm-12{
    width:50% !important;
    max-width:50% !important;
    flex:0 0 50% !important;
    padding:15px;
}

}

#toolbar{
    padding:2px 0 !important;
    background:#dddbdb;
    color:#000;
    
}

/* liens */
#toolbar a{
    color:rgba(2, 6, 23) !important;
}

/* hover */
#toolbar a:hover{
    color:#fbbf24 !important;
}


#toolbar .thim-link-login a{
    background:#fbbf24 !important;
    color:#111 !important;

    padding:10px 22px !important;
    border-radius:8px !important;

    font-size:13px !important;
    font-weight:700 !important;

    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    transition:.3s !important;
    margin-left:12px !important;
}

/* hover */

#toolbar .thim-link-login a:hover{
    background:#111 !important;
    color:#fff !important;
}





/* =========================
   PREMIUM DROPDOWN MENU
========================= */

/* MAIN MENU */
.navigation .menu > li{
    position:relative;
}

.navigation .menu > li > a{
    display:flex !important;
    align-items:center;
    gap:12px;

    padding:12px 18px;
    border-radius:14px;

    font-weight:600;
    color:#fff !important;

    transition:.3s ease;
}



/* HOVER */
.navigation .menu > li > a:hover{
    background:rgba(255,255,255,.08);
}

.navigation .menu > li > a:hover::before{
    transform:translateY(-2px);
    background:#fbbf24;
}

/* =========================
   DROPDOWN
========================= */



/* =========================
   DROPDOWN CLEAN
========================= */

.navigation .sub-menu{

    position:absolute;
    top:105%;
    left:0;

    min-width:260px;
    background:#fff;

    border-radius:20px;

    padding:10px 0;

    box-shadow:0 12px 35px rgba(0,0,0,.10);

    opacity:0;
    visibility:hidden;

    transform:translateY(10px);

    transition:.25s ease;

    overflow:hidden;
}

/* SHOW */

.navigation .menu > li:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* ITEMS */

.navigation .sub-menu li{
    list-style:none;
    margin:0;
}

/* LINKS */


.navigation .sub-menu li a{
    padding:10px 18px !important;
    line-height:1.2 !important;
    gap:8px !important;
}


/* LAST ITEM */

.navigation .sub-menu li:last-child a{
    border-bottom:none;
}

/* HOVER */

.navigation .sub-menu li a:hover{

    background:#f8fafc;

    color:#f59e0b !important;

    padding-left:24px !important;
}







/* ===== MENU ICONS EDUMA ===== */

.menu-main-menu-container ul li > a{
    display:flex !important;
    align-items:center !important;
    gap:12px;
}

/* ICON */

.menu-main-menu-container ul li > a::before{

    content:"";

    display:inline-block;

    width:52px;
    height:52px;

    min-width:52px;

    border-radius:50%;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    box-shadow:0 5px 18px rgba(0,0,0,.15);

    transition:.3s;
}

/* HOVER */

.menu-main-menu-container ul li > a:hover::before{
    transform:translateY(-3px) scale(1.05);
}

/* COLLEGE */


.menu-home > a::before{
    background-image:url('https://mathsbiof.com/wp-content/uploads/2026/05/sora6.png') !important;
}

.menu-contact > a::before{
    background-image:url('https://mathsbiof.com/wp-content/uploads/2026/05/ChatGPT-Image-12-mai-2026-11_30_59.png') !important;
}









/* ===== HORIZONTAL MENU LIKE IMAGE 2 ===== */

.main-navigation ul li > a{

    display:flex !important;
    align-items:center !important;
    justify-content:center;

    flex-direction:row !important;

    gap:10px;

    color:#fff !important;

    font-size:17px;
    font-weight:600;

    padding:12px 18px !important;

    line-height:1;

    white-space:nowrap;
}

/* ICON */
.menu-home > a:before,
.menu-contact > a:before,
.menu-cours > a:before,
.menu-blog > a:before,
.menu-college > a:before,
.menu-lycee > a:before{

    content:"";

    width:38px;
    height:38px;

    min-width:38px;

    border-radius:50%;

    display:inline-block !important;

    vertical-align:middle;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    background-color:#fff;

    box-shadow:0 2px 8px rgba(0,0,0,.12);
}

/* IMAGES */

.menu-college > a:before{
    background-image:url('https://mathsbiof.com/wp-content/uploads/2026/05/sora1.png');
}

.menu-lycee > a:before{
    background-image:url('https://mathsbiof.com/wp-content/uploads/2026/05/sora2.png');
}

.menu-blog > a:before{
    background-image:url('https://mathsbiof.com/wp-content/uploads/2026/05/sora3.png');
}

.menu-cours > a:before{
    background-image:url('https://mathsbiof.com/wp-content/uploads/2026/05/sora4.png');
}





/* MENU CLEAN SPACING */

.main-navigation ul li > a{

    gap:8px !important;

    font-size:16px !important;

    padding:10px 14px !important;
}

/* SMALLER ICONS */

.menu-college > a:before,
.menu-lycee > a:before,
.menu-cours > a:before,
.menu-blog  > a:before{

    width:40px !important;
    height:40px !important;

    min-width:40px !important;

    border-radius:50%;
}

/* LOGO */

.custom-logo{

    height:56px !important;
}

/* MENU SPACE */

.main-navigation{
    margin-left:40px;
}
/* MOVE ICON MENUS UP */
.menu-contact,
.menu-home,
.menu-college,
.menu-lycee,
.menu-cours,
.menu-blog {

    position:relative;

    top:-15px;
}



/* REMOVE ALL OLD EFFECTS */

.main-navigation ul li > a:hover,
.main-navigation ul li > a:before,
.main-navigation ul li > a:after{

    transform:none !important;
}
/* NEW LOGO SIZE */

.custom-logo{

    width:auto !important;
    height:64px !important;

    max-height:64px !important;

    object-fit:contain;

    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;

    background:none !important;
}

/* header spacing */

.site-header .navbar-brand,
.site-header .logo{

    display:flex;
    align-items:center;
}

.navigation .sub-menu li a::before{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
}
.navigation .sub-menu{
    padding-top:20px !important;
}
.custom-logo{
    height:48px !important;
}
.site-header .navbar-brand{
    transform:translateY(-2px);
}
.menu-search-item{
    list-style: none;
    margin-left: 20px;
    position: relative;
}

.search-box{
    position: relative;
    width: 260px;
}

#live-search{
    width: 100%;
    height: 42px;
    border-radius: 50px;
    border: 2px solid #eee;
    padding: 0 18px;
    outline: none;
    transition: 0.3s;
    font-size: 14px;
}

#live-search:focus{
    border-color: #f4b400;
    box-shadow: 0 0 12px rgba(244,180,0,0.3);
}

#search-results{
    position: absolute;
    top: 44px;
    left: 0;
    width: 200%;
    background: #dddbdb;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    overflow: hidden;
    display: none;
    z-index: 99999;
}

.search-item{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    text-decoration: none;
    color: #222;
    border-bottom: 1px solid #f1f1f1;
    transition: 0.2s;

}

.search-item h4{
    font-size: 15px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}


.search-item:hover{
    background: #fafafa;
}

.search-item img{
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 10px;
}

.custom-live-search{
    position: relative;
    width: 280px;
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
}