/*
|--------------------------------------------------------------------------
| Auteurs
|--------------------------------------------------------------------------
*/

.fajar-authors-hero{

    padding:70px 0 50px;

}

.fajar-authors-hero h1{

    text-align:center;

    font-size:48px;

    color:var(--fajar-white);

    margin-bottom:15px;

}

.fajar-authors-hero p{

    text-align:center;

    color:var(--fajar-light);

    font-size:18px;

    max-width:700px;

    margin:0 auto;

}

/*
|--------------------------------------------------------------------------
| Recherche
|--------------------------------------------------------------------------
*/

.fajar-authors-search{

    padding:0 0 60px;

}

.fajar-search-box{

    max-width:760px;

    margin:0 auto;

    display:flex;

    align-items:center;

    overflow:hidden;

    border-radius:14px;

    background:#1E293B;

    border:1px solid rgba(255,255,255,.08);

}

.fajar-search-box input{

    flex:1;

    height:60px;

    padding:0 22px;

    border:none;

    outline:none;

    background:transparent;

    color:var(--fajar-white);

    font-size:16px;

}

.fajar-search-box input::placeholder{

    color:var(--fajar-light);

}

.fajar-search-box button{

    width:70px;

    height:60px;

    border:none;

    background:var(--fajar-gold);

    color:#111827;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    font-size:20px;

}

/*
|--------------------------------------------------------------------------
| Grille
|--------------------------------------------------------------------------
*/

.fajar-authors-list{

    padding:0 0 100px;

}

.fajar-authors-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

    gap:30px;

}

/*
|--------------------------------------------------------------------------
| Carte Auteur
|--------------------------------------------------------------------------
*/

.fajar-author-card{

    background:var(--fajar-card);

    border-radius:18px;

    padding:35px 25px;

    text-align:center;

    transition:.35s;

}

.fajar-author-card:hover{

    transform:translateY(-8px);

}

.fajar-author-avatar{

    width:100px;

    height:100px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#2B3950;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:42px;

}

.fajar-author-card h3{

    margin:0;

    color:var(--fajar-white);

    font-size:22px;

}

.fajar-author-card p{

    margin:15px 0 25px;

    color:var(--fajar-light);

}

.fajar-author-card .fajar-button{

    width:100%;

}

@media(max-width:768px){

    .fajar-authors-hero h1{

        font-size:36px;

    }

}