/* =====================================================
   COURS SECTION
===================================================== */

.coursdedroit-cours{

    background:#f8f6ef;

    padding:30px 20px;

    direction:rtl;
}

/* TITLE */

.coursdedroit-cours-title{

    text-align:center;

    font-size:28px;

    font-weight:800;

    color:#0f172a;

    margin:0 0 25px !important;
}

/* =====================================================
   TABS
===================================================== */

.coursdedroit-cours-tabs{

    max-width:1100px;

    margin:0 auto 25px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    flex-wrap:nowrap;

    overflow-x:auto;

    overflow-y:hidden;

    scrollbar-width:none;
}

.coursdedroit-cours-tabs::-webkit-scrollbar{

    display:none;
}

.coursdedroit-tab{

    flex:0 0 auto;

    min-height:44px;

    padding:0 16px;

    border:1px solid #0f172a;

    background:#c8a75b;

    color:#0f172a;

    font-size:14px;

    font-weight:700;

    cursor:pointer;

    white-space:nowrap;

    box-shadow:
    0 3px 0 #c8a75b;

    transition:.2s ease;
    
    border-radius:0px;
}

.coursdedroit-tab:hover,
.coursdedroit-tab.active{

    background:#0f172a;

    color:#ffffff;

    border-color:#0f172a;

    box-shadow:
    0 3px 0 #c8a75b;

    transform:translateY(-2px);
    
    border-radius:0px;
}

/* =====================================================
   POSTS GRID
===================================================== */

.coursdedroit-cours-results{

    max-width:1100px;

    margin:auto;

    display:grid;

    grid-template-columns:
    repeat(3,minmax(0,1fr));

    gap:16px;
}

/* =====================================================
   POST CARD
===================================================== */

.coursdedroit-course-item{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:80px;

    padding:12px;

    background:#ffffff;

    border:1px solid #c8a75b;

    text-align:center;

    box-shadow:
    0 3px 0 #c8a75b;

    transition:.2s ease;
}

.coursdedroit-course-item:hover{

    transform:translateY(-2px);

    box-shadow:
    0 5px 0 #c8a75b;

    background:#fffdf7;
}

.coursdedroit-course-item a{

    text-decoration:none;

    color:#0f172a;

    font-size:16px;

    font-weight:700;

    line-height:1.7;
}

/* =====================================================
   MORE BUTTON
===================================================== */

.coursdedroit-cours-more{

    text-align:center;

    margin-top:25px;
}

.coursdedroit-cours-more a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:56px;

    padding:0 28px;

    text-decoration:none;

    background:#ffffff;

    color:#0f172a;

    border:1px solid #c8a75b;

    font-weight:700;

    transition:.2s ease;
    
    border-radius:35px;
}

.coursdedroit-cours-more a:hover{

    background:#fffdf7;
    
    color: #c8a75b;
}

/* =====================================================
   TABLET
===================================================== */

@media(max-width:1024px){

    .coursdedroit-cours-tabs{

        grid-template-columns:
        repeat(3,1fr);
    }

    .coursdedroit-cours-results{

        grid-template-columns:
        repeat(2,1fr);
    }

}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:768px){

    .coursdedroit-cours{

        padding:25px 15px;
    }

    .coursdedroit-cours-title{

        font-size:22px;
    }

    .coursdedroit-cours-tabs{

        grid-template-columns:
        repeat(2,1fr);

        gap:10px;
    }

    .coursdedroit-tab{

        min-height:60px;

        font-size:15px;
    }

    .coursdedroit-cours-results{

        grid-template-columns:1fr;
    }

    .coursdedroit-course-item{

        min-height:70px;
    }

    .coursdedroit-course-item a{

        font-size:15px;
    }

}