/* ==========================================================
   Component : Table
   Version : 1.0.0
========================================================== */

.wp-block-table{

    margin:40px 0;

    overflow-x:auto;

}

.wp-block-table table{

    width:100%;

    border-collapse:separate;

    border-spacing:0;

    background:#fff;

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

    border-radius:var(--af-radius);

    overflow:hidden;

    box-shadow:var(--af-shadow);

}

/* ==========================================================
   Header
========================================================== */

.wp-block-table thead{

    background:linear-gradient(
        90deg,
        var(--af-primary),
        #3b82f6
    );

}

.wp-block-table th{

    color:#fff;

    font-size:17px;

    font-weight:700;

    padding:18px 22px;

    text-align:center;

    border:none;

}

/* ==========================================================
   Body
========================================================== */

.wp-block-table td{

    padding:18px 22px;

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

    font-size:16px;

    line-height:1.9;

    color:var(--af-text);

    text-align:center;

}

/* ==========================================================
   Zebra
========================================================== */

.wp-block-table tbody tr:nth-child(even){

    background:#f8fafc;

}

/* ==========================================================
   Hover
========================================================== */

.wp-block-table tbody tr{

    transition:var(--af-transition);

}

.wp-block-table tbody tr:hover{

    background:#eef6ff;

}

/* ==========================================================
   Links
========================================================== */

.wp-block-table a{

    color:var(--af-primary);

    font-weight:600;

    text-decoration:none;

}

.wp-block-table a:hover{

    text-decoration:underline;

}

/* ==========================================================
   Responsive
========================================================== */

@media(max-width:768px){

    .wp-block-table table{

        min-width:650px;

    }

    .wp-block-table th{

        font-size:15px;

        padding:15px;

    }

    .wp-block-table td{

        font-size:15px;

        padding:15px;

    }

}