/*
Theme Name: Garva Child
Template: garva
Version: 3.3
Text Domain: garva-child
*/


/* ======================================================
VARIANT LIST
====================================================== */

.garva-variation-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:18px;
}

.garva-variation-item{
    border-radius:0;
    overflow:hidden;
}

.garva-variation-row{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:14px;

    padding:14px;

    background:var(--garva-bg,#cccccc);
    color:var(--garva-fg,#000);

}

.garva-variation-info{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.garva-variation-sku{
    font-size:13px;
    font-weight:700;
}

.garva-variation-name{
    font-size:18px;
    font-weight:900;
    text-transform:uppercase;
}


/* Fehlermeldung */

.garva-variation-msg{
    font-size:13px;
    font-weight:800;
    color:#ff0000;
    display:none;
}


/* ======================================================
QUANTITY BUTTONS
====================================================== */

.garva-qty{
    flex:0 0 auto;
}

.quantity-wrapper{
    display:inline-flex;
    align-items:center;
    border-radius:6px;
    overflow:hidden;
}

.quantity-wrapper button{

    appearance:none;
    border:0;

    width:46px;
    height:40px;

    font-size:22px;
    font-weight:900;

    cursor:pointer;

    background:transparent;
    color:inherit;

}

.quantity-wrapper input[type="number"]{

    width:58px;
    height:40px;

    border:0;

    text-align:center;

    font-size:16px;
    font-weight:900;

    background:transparent;
    color:inherit;

}

.garva-variation-row.is-dark .quantity-wrapper{
    border:1px solid rgba(255,255,255,.7);
}

.garva-variation-row.is-light .quantity-wrapper{
    border:1px solid rgba(0,0,0,.7);
}

.garva-variation-row.is-disabled{
    opacity:.55;
}


/* ======================================================
ADD TO CART BUTTON
====================================================== */

body.single-product form.garva-variation-table-form .single_add_to_cart_button{

    background:#fe0000 !important;
    border:3px solid #000 !important;

    color:#fff !important;

    font-size:24px !important;
    font-weight:900 !important;

    padding:20px 40px !important;

    border-radius:10px !important;

    width:100% !important;
    max-width:520px !important;

    margin-top:12px !important;

    text-transform:uppercase !important;

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

}

body.single-product form.garva-variation-table-form .single_add_to_cart_button:hover{

    background:#d40000 !important;

}


/* ======================================================
Mobile Optimierung
====================================================== */

@media (max-width:480px){

    .garva-variation-row{
        padding:12px;
    }

    .garva-variation-name{
        font-size:16px;
    }

}