/* ==========================================================
   KAESAN BUTTONS
   ========================================================== */


/* ==========================================================
   PRODUCT GRID
   ========================================================== */

.wd-product.wd-hover-standard .wd-add-btn{

    display:flex;
    align-items:stretch;
    gap:8px;
}


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

.wd-product.wd-hover-standard .wd-add-btn div.quantity{

    --wd-form-height:var(--kaesan-cart-height);

    --qty-button:var(--kaesan-qty-button);
    --qty-input:var(--kaesan-qty-input);
    --qty-font:var(--kaesan-qty-font);
    --qty-gap:var(--kaesan-qty-gap);
    --qty-padding:var(--kaesan-qty-padding);

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:var(--qty-gap);

    padding:var(--qty-padding);

    border:1px solid #e6e6e6;
    border-radius:999px;

    background:#fff;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

    transition:
        box-shadow .25s ease,
        border-color .25s ease;
}

.wd-product.wd-hover-standard .wd-add-btn div.quantity:hover{

    box-shadow:0 10px 24px rgba(0,0,0,.08);
}

.wd-product.wd-hover-standard .wd-add-btn div.quantity input{

    width:var(--qty-input)!important;

    height:var(--qty-button);
    min-height:0!important;

    line-height:var(--qty-button);

    border:none!important;
    background:transparent;

    padding:0;
    margin:0;

    text-align:center;

    font-size:var(--qty-font);
    font-weight:700;
}

.wd-product.wd-hover-standard .wd-add-btn div.quantity input:focus{

    outline:none;
    box-shadow:none;
}

.wd-product.wd-hover-standard .wd-add-btn div.quantity .btn{

    width:var(--qty-button);
    height:var(--qty-button);
    min-width:var(--qty-button);

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

    padding:0;

    border:1px solid #dadada;
    border-radius:50%!important;

    background:#fff;

    font-size:22px;

    transition:
        transform .18s ease,
        background .18s ease,
        color .18s ease,
        border-color .18s ease;
}

.wd-product.wd-hover-standard .wd-add-btn div.quantity .btn:hover{

    transform:scale(1.08);

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

    color:#fff;

    border-color:var(--wd-primary-color);
}

.wd-product.wd-hover-standard .wd-add-btn div.quantity .btn:active{

    transform:scale(.95);
}


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

.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop{

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

    height:var(--kaesan-cart-height);
    min-height:60px;

    padding:var(--kaesan-btn-padding);

    border-radius:var(--kaesan-btn-radius);

    font-size:var(--kaesan-btn-font-size);
    font-weight:var(--kaesan-btn-font-weight);

    color:var(--kaesan-btn-text);
    background:var(--kaesan-btn-bg);

    transition:
        background .25s ease,
        color .25s ease,
        transform .18s ease;
}

.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop:hover{

    background:var(--kaesan-btn-bg-hover);
    color:var(--kaesan-btn-text-hover);
}

.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop:active{

    transform:scale(.97);
}

.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop span{

    min-height:unset;
    padding:0;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:768px){

    .wd-product.wd-hover-standard .wd-add-btn div.quantity{

        /* +15% */
        --wd-form-height:39px;

        --qty-button:35px;
        --qty-input:42px;
        --qty-font:21px;
        --qty-gap:10px;
        --qty-padding:7px;
    }

    .wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop{

        height:42px;
        min-height:42px;

        font-size:14px;
    }

}
/* Keep icon and text on one line */
.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

/* Don't force every span inside the button */
.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop span{
    min-height:unset;
    padding:0;
}
.wd-product.wd-hover-standard .wd-add-btn{
    display:flex;
    align-items:center;
    gap:8px;
}