/* ==========================================================
   VBC Framework
   Product Tabs
   Version: 1.0.0
========================================================== */

.vbc-product-tabs{
    margin:50px 0 0;
}

/* ==========================================================
   Navigation
========================================================== */

.vbc-product-tabs__navigation{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:35px;

}

.vbc-product-tabs__button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 28px;

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

    border-radius:0;

    background:#ffffff;

    color:var(--vbc-color-heading);

    font-size:14px;

    font-weight:600;

    letter-spacing:.06em;

    text-transform:uppercase;

    cursor:pointer;

    transition:.25s ease;

}

.vbc-product-tabs__button:hover{

    border-color:var(--vbc-color-primary);

    color:var(--vbc-color-primary);

}

.vbc-product-tabs__button.is-active{

    background:var(--vbc-color-primary);

    border-color:var(--vbc-color-primary);

    color:#ffffff;

}

/* ==========================================================
   Content
========================================================== */

.vbc-product-tabs__content{

    position:relative;

    background:var(--vbc-color-surface);

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

    border-radius:0;

    overflow:hidden;

}

.vbc-product-tabs__panel{

    display:none;

    padding:45px;

    animation:vbcFade .25s ease;

}

.vbc-product-tabs__panel.is-active{

    display:block;

}

/* ==========================================================
   Typography
========================================================== */

.vbc-product-tabs__panel h2{

    font-size:26px;

    margin:0 0 20px;

    color:var(--vbc-color-heading);

}

.vbc-product-tabs__panel h3,
.vbc-product-tabs__panel h4{

    margin:0 0 20px;

    color:var(--vbc-color-heading);

}

.vbc-product-tabs__panel p{

    margin-bottom:22px;

    color:var(--vbc-color-body);

    line-height:1.9;

}

.vbc-product-tabs__panel p:last-child{

    margin-bottom:0;

}

.vbc-product-tabs__panel ul{

    margin:24px 0;

    padding-left:22px;

}

.vbc-product-tabs__panel li{

    margin-bottom:12px;

    line-height:1.8;

}

.vbc-product-tabs__panel table{

    width:100%;

    border-collapse:collapse;

    margin-top:25px;

}

.vbc-product-tabs__panel table th{

    background:#f7f4ee;

    color:var(--vbc-color-heading);

    text-align:left;

    padding:16px;

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

}

.vbc-product-tabs__panel table td{

    padding:16px;

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

}

/* ==========================================================
   Reviews
========================================================== */

#reviews{

    margin-top:10px;

}

#reviews .commentlist{

    margin:0;

    padding:0;

    list-style:none;

}

#reviews .comment{

    padding:25px 0;

    border-bottom:1px solid var(--vbc-color-border);

}

#review_form_wrapper{

    margin-top:40px;

}

/* ==========================================================
   Animation
========================================================== */

@keyframes vbcFade{

    from{

        opacity:0;

        transform:translateY(10px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

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

@media (max-width:768px){

    .vbc-product-tabs{

        margin:24px 0;

    }

    .vbc-product-tabs__navigation{

        gap:10px;

    }

    .vbc-product-tabs__button{

        width:100%;

        justify-content:center;

    }

    .vbc-product-tabs__panel{

        padding:25px;

    }

}