/*==================================================================
#
# Putushart Premium Theme
# WooCommerce Cart
# Coupon & Cart Actions
#
# File:
# cart-coupon.css
#
# Part 01 / 02
#
==================================================================*/


/*--------------------------------------------------------------
Cart Actions Container
--------------------------------------------------------------*/

.putushart-cart-actions{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    flex-wrap:wrap;

    gap:28px;

    margin-top:42px;

    padding-top:34px;

    border-top:1px solid rgba(0,0,0,.08);

}


/*--------------------------------------------------------------
Coupon Section
--------------------------------------------------------------*/

.putushart-cart-coupon{

    display:flex;

    align-items:flex-end;

    gap:16px;

    flex-wrap:wrap;

    flex:1;

    min-width:320px;

}


/*--------------------------------------------------------------
Coupon Input
--------------------------------------------------------------*/

.putushart-cart-coupon input[type="text"],

.putushart-cart-coupon .input-text{

    flex:1;

    min-width:260px;

    height:56px;

    padding:0 22px;

    border:1px solid #dddddd;

    border-radius:16px;

    background:#ffffff;

    font-size:15px;

    font-weight:500;

    color:#202020;

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

}

.putushart-cart-coupon input::placeholder{

    color:#999999;

}

.putushart-cart-coupon input:focus{

    outline:none;

    border-color:#b78b44;

    box-shadow:
        0 0 0 4px rgba(183,139,68,.12);

}


/*--------------------------------------------------------------
Buttons
--------------------------------------------------------------*/

.putushart-cart-coupon button,

.putushart-cart-update button{

    height:56px;

    padding:0 30px;

    border:none;

    border-radius:16px;

    cursor:pointer;

    font-size:15px;

    font-weight:700;

    transition:
        transform .30s ease,
        box-shadow .30s ease,
        background-color .30s ease;

}

/*--------------------------------------------------------------
Apply Coupon Button
--------------------------------------------------------------*/

.putushart-cart-coupon button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:180px;

    background:linear-gradient(
        135deg,
        #c79a4d 0%,
        #b78b44 100%
    );

    color:#ffffff;

    box-shadow:
        0 10px 24px rgba(183,139,68,.25);

}

.putushart-cart-coupon button:hover{

    transform:translateY(-2px);

    box-shadow:
        0 16px 32px rgba(183,139,68,.32);

    filter:brightness(1.03);

}


/*--------------------------------------------------------------
Update Cart Button
--------------------------------------------------------------*/

.putushart-cart-update{

    display:flex;

    align-items:center;

    justify-content:flex-end;

}

.putushart-cart-update button{

    min-width:180px;

    background:#ffffff;

    border:1px solid rgba(0,0,0,.10);

    color:#202020;

}

.putushart-cart-update button:hover{

    transform:translateY(-2px);

    border-color:#b78b44;

    color:#b78b44;

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

}


/*--------------------------------------------------------------
Disabled State
--------------------------------------------------------------*/

.putushart-cart-actions button:disabled,

.putushart-cart-actions button[disabled]{

    opacity:.55;

    cursor:not-allowed;

    transform:none;

    box-shadow:none;

}


/*--------------------------------------------------------------
Applied Coupon Cards
--------------------------------------------------------------*/

.putushart-cart-coupons{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-bottom:26px;

}

.putushart-cart-coupon{

    position:relative;

    background:#ffffff;

    border:1px solid rgba(0,0,0,.06);

    border-radius:18px;

    padding:22px;

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

}

.putushart-cart-coupon:hover{

    border-color:rgba(183,139,68,.20);

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

}

.putushart-cart-coupon__header{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:18px;

    margin-bottom:12px;

    flex-wrap:wrap;

}

.putushart-cart-coupon__code{

    display:inline-flex;

    align-items:center;

    padding:8px 14px;

    border-radius:999px;

    background:#f8f5ef;

    color:#b78b44;

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.putushart-cart-coupon__description{

    margin:0;

    font-size:14px;

    line-height:1.7;

    color:#666666;

}

.putushart-cart-coupon__saving{

    margin-top:16px;

    font-size:15px;

    font-weight:700;

    color:#22a06b;

}


/*--------------------------------------------------------------
WooCommerce Notices
--------------------------------------------------------------*/

.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info{

    border:none;

    border-radius:16px;

    padding:18px 22px;

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

}

.woocommerce-cart .woocommerce-message{
    background:#edf9f1;
}

.woocommerce-cart .woocommerce-error{
    background:#fff2f2;
}

.woocommerce-cart .woocommerce-info{
    background:#f6f8fb;
}


/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/

.putushart-cart-actions button:focus-visible,

.putushart-cart-coupon input:focus-visible{

    outline:3px solid rgba(183,139,68,.30);

    outline-offset:3px;

}


/*--------------------------------------------------------------
Reduced Motion
--------------------------------------------------------------*/

@media (prefers-reduced-motion:reduce){

    .putushart-cart-actions *,

    .putushart-cart-coupon *{

        animation:none !important;

        transition:none !important;

    }

}


/*==============================================================
End of File
==============================================================*/