/*====================================================
                TOP 10 ACCUEIL
====================================================*/

.home-section{

    margin:40px auto;

}

.section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:15px;

}

.section-header h2{

    font-size:1.5rem;

    color:var(--text);

}

.btn-small{

    padding:8px 16px;

    background:var(--primary);

    color:#fff;

    text-decoration:none;

    border:1px solid var(--primary-dark);

    transition:.2s;

}

.btn-small:hover{

    background:var(--primary-dark);

}

/*==========================
        TABLEAU
==========================*/

.dance-table{

    border:1px solid var(--border);

    background:#fff;

}

/* Entête */

.table-head{

    display:grid;

    grid-template-columns:

        3fr
        1fr
        1fr
        1fr
        2fr
        120px;

    background:#8B5E34;

    color:#fff;

    font-weight:bold;

}

.table-head div{

    padding:14px;

}

/* Lignes */

.table-row{

    display:grid;

    grid-template-columns:

        3fr
        1fr
        1fr
        1fr
        2fr
        120px;

    border-top:1px solid var(--border);

    align-items:center;

    min-height:55px;

}

.table-row div{

    padding:12px 14px;

}

.table-row:nth-child(even){

    background:#faf8f5;

}

.table-row:hover{

    background:#f2ece5;

}

/* Nom */

.dance-name{

    font-weight:600;

}

/* Actions */

.table-actions{

    display:flex;

    gap:12px;

    justify-content:center;

}

.table-actions a{

    text-decoration:none;

    font-size:18px;

}

.table-actions a:hover{

    transform:scale(1.15);

}

/* Responsive */

@media(max-width:900px){

.table-head,
.table-row{

    grid-template-columns:2fr 1fr 1fr;

}

.table-head div:nth-child(4),
.table-head div:nth-child(5),
.table-head div:nth-child(6),

.table-row div:nth-child(4),
.table-row div:nth-child(5),
.table-row div:nth-child(6){

    display:none;

}

}

/*====================================================
                    TOP 10
====================================================*/

.home-section{

    margin:0px 0;

}

.section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.section-link{

    text-decoration:none;

    color:var(--primary);

    font-weight:600;

}

.home-grid{

    border:1px solid var(--border);

    background:#fff;

}

.home-grid-header{

    display:grid;

    grid-template-columns:3fr 1fr 1fr 1fr 2fr 120px;

    background:var(--primary);

    color:#fff;

    font-weight:600;

}

.home-grid-header div{

    padding:14px;

}

.home-grid-row{

    display:grid;

    grid-template-columns:3fr 1fr 1fr 1fr 2fr 120px;

    align-items:center;

    border-top:1px solid var(--border);

}

.home-grid-row div{

    padding:14px;

}

.home-grid-row:nth-child(even){

    background:#faf8f5;

}

.home-grid-row:hover{

    background:#f4efe8;

}

.top10-actions{

    display:flex;

    justify-content:center;

    gap:12px;

}

.top10-actions a{

    text-decoration:none;

    font-size:18px;

}