/*
Theme Name: Superfoam Child
Theme URI: https://example.com
Author: Ageny Africa
Description: Child theme for Superfoam
Version: 1.0.0
Author URI: https://example.com
Template: superfoam
Text Domain: superfoam-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/


.back-top{background-color:#ff151e}

#bwp-topbar .topbar-container>div:only-child{text-align: right !important;}



.content-variations table.variations{
    width:100% !important;
    border-collapse:collapse !important;
    margin:0 !important;
}


.content-variations table.variations tr{
    display:block !important;
    width:100% !important;
    margin-bottom:25px !important;
}


.content-variations table.variations td.label{
    display:block !important;
    width:100% !important;
    margin-bottom:12px !important;
    padding:0 !important;
}

.content-variations table.variations td.label label{
    font-size:22px !important;
    font-weight:600 !important;
    color:#555 !important;
    line-height:1.3 !important;
}


.content-variations table.variations td.value{
    display:block !important;
    width:100% !important;
    padding:0 !important;
}


.content-variations .variation-selector,
.content-variations select{
    display:none !important;
}


.content-variations .tawcvs-swatches{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    width:100% !important;
    margin:0 !important;
}


.content-variations .swatch-item-wrapper{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
}



.content-variations .swatch{
    width:100% !important;
    min-height:95px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:14px !important;
    box-sizing:border-box !important;

    background:#fff !important;
    border:1px solid #d9d9d9 !important;
    border-radius:8px !important;

    text-align:center !important;

    cursor:pointer !important;

    transition:all .25s ease !important;

    overflow:hidden !important;
}


.content-variations .swatch .text{
    display:block !important;

    font-size:16px !important;
    line-height:1.5 !important;
    font-weight:500 !important;
    color:#666 !important;

    white-space:normal !important;
    word-break:break-word !important;
    overflow-wrap:break-word !important;

    text-align:center !important;
}


.content-variations .swatch:hover{
    border-color:#000 !important;
    transform:translateY(-2px) !important;
    box-shadow:0 4px 12px rgba(0,0,0,0.08) !important;
}


.content-variations .swatch.selected,
.content-variations .swatch.active{
    border:2px solid #000 !important;
    background:#f7f7f7 !important;
}


.content-variations .swatch span{
    margin:0 !important;
    padding:0 !important;
}



.content-variations tr:not(:first-child) .tawcvs-swatches{
    grid-template-columns:140px !important;
}



@media(max-width:767px){

    .content-variations .tawcvs-swatches{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .content-variations .swatch{
        min-height:82px !important;
        padding:10px !important;
    }

    .content-variations .swatch .text{
        font-size:14px !important;
        line-height:1.4 !important;
    }

    .content-variations table.variations td.label label{
        font-size:20px !important;
    }

}