/*==================================================================
#
# Putushart Premium Theme
# WooCommerce Cart
# Order Summary
#
# File:
# cart-summary.css
#
# Part 01 / 03
#
==================================================================*/

/*--------------------------------------------------------------
Summary Card
--------------------------------------------------------------*/

.putushart-summary-card{

    position:relative;

    background:#ffffff;

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

    border-radius:24px;

    overflow:hidden;

    box-shadow:
        0 12px 40px rgba(0,0,0,.06),
        0 2px 8px rgba(0,0,0,.04);

    transition:
        box-shadow .35s ease,
        transform .35s ease;

}

.putushart-summary-card:hover{

    box-shadow:
        0 20px 60px rgba(0,0,0,.10),
        0 6px 16px rgba(0,0,0,.05);

}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.putushart-summary-header{

    padding:34px 34px 28px;

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

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fcfbfa 100%
        );

}

.putushart-summary-subtitle{

    display:inline-block;

    margin-bottom:10px;

    font-size:12px;

    font-weight:700;

    letter-spacing:.30em;

    text-transform:uppercase;

    color:#b78b44;

}

.putushart-summary-title{

    margin:0;

    font-size:30px;

    font-weight:700;

    line-height:1.2;

    color:#1d1d1d;

}

/*--------------------------------------------------------------
Body
--------------------------------------------------------------*/

.putushart-summary-body{

    display:flex;

    flex-direction:column;

    padding:30px 34px;

    gap:0;

}

/*--------------------------------------------------------------
Rows
--------------------------------------------------------------*/

.summary-row{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:18px;

    padding:18px 0;

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

}

.summary-row:last-child{

    border-bottom:none;

}

.summary-row>span:first-child{

    font-size:15px;

    font-weight:500;

    color:#5d5d5d;

}

.summary-row>span:last-child{

    font-size:16px;

    font-weight:600;

    color:#202020;

    text-align:right;

}

/*--------------------------------------------------------------
Discount Rows
--------------------------------------------------------------*/

.summary-discount{

    align-items:flex-start;

}

.summary-discount strong{

    display:block;

    margin-bottom:6px;

    font-size:15px;

    font-weight:700;

    color:#202020;

    text-transform:uppercase;

    letter-spacing:.04em;

}

.coupon-description{

    max-width:230px;

    font-size:13px;

    line-height:1.6;

    color:#767676;

}

.summary-discount .woocommerce-remove-coupon{

    margin-left:8px;

    font-size:12px;

}

/*--------------------------------------------------------------
Shipping
--------------------------------------------------------------*/

.woocommerce-shipping-totals{

    padding:22px 0;

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

}

.woocommerce-shipping-totals th{

    padding:0;

    width:40%;

    text-align:left;

    vertical-align:top;

    font-size:15px;

    font-weight:600;

    color:#444;

}

.woocommerce-shipping-totals td{

    padding:0;

    text-align:right;

}

.woocommerce-shipping-destination{

    margin-top:10px;

    font-size:13px;

    line-height:1.7;

    color:#777;

}

.shipping-calculator-button{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:14px;

    font-size:14px;

    font-weight:600;

    color:var(--color-primary);

    text-decoration:none;

    transition:color .30s ease;

}

.shipping-calculator-button:hover{

    color:#8b6730;

}

/*--------------------------------------------------------------
Fees
--------------------------------------------------------------*/

.summary-row .fee-name{

    color:#555;

    font-weight:500;

}

.summary-row .fee-value{

    font-weight:600;

    color:#222;

}

/*--------------------------------------------------------------
Taxes
--------------------------------------------------------------*/

.summary-row.tax-row{

    font-size:14px;

}

.summary-row.tax-row span:first-child{

    color:#666;

}

.summary-row.tax-row span:last-child{

    font-weight:600;

}

/*--------------------------------------------------------------
Grand Total
--------------------------------------------------------------*/

.summary-total{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:14px;

    padding:26px 0 10px;

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

}

.summary-total strong:first-child{

    font-size:18px;

    font-weight:700;

    color:#222;

}

.summary-total strong:last-child{

    font-size:32px;

    font-weight:700;

    line-height:1;

    color:var(--color-primary);

}

/*--------------------------------------------------------------
Summary Footer
--------------------------------------------------------------*/

.putushart-summary-footer{

    padding:0 34px 34px;

}

/*--------------------------------------------------------------
Proceed To Checkout Button
--------------------------------------------------------------*/

.putushart-summary-footer .checkout-button,
.wc-proceed-to-checkout .checkout-button,
.woocommerce a.checkout-button{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    min-height:58px;

    padding:18px 24px;

    border:none;

    border-radius:16px;

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

    color:#fff;

    font-size:16px;

    font-weight:700;

    letter-spacing:.02em;

    text-decoration:none;

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

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

}

.putushart-summary-footer .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:hover,
.woocommerce a.checkout-button:hover{

    transform:translateY(-3px);

    filter:brightness(1.03);

    box-shadow:
        0 18px 34px rgba(183,139,68,.35);

}

.putushart-summary-footer .checkout-button:focus-visible,
.wc-proceed-to-checkout .checkout-button:focus-visible,
.woocommerce a.checkout-button:focus-visible{

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

    outline-offset:3px;

}

/*--------------------------------------------------------------
Coupon Amount
--------------------------------------------------------------*/

.summary-discount .woocommerce-Price-amount{

    font-size:17px;

    font-weight:700;

    color:#22a06b;

}

.summary-discount .amount{

    color:#22a06b;

}

/*--------------------------------------------------------------
Shipping Methods
--------------------------------------------------------------*/

#shipping_method{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin:14px 0 0;

    padding:0;

    list-style:none;

}

#shipping_method li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin:0;

}

#shipping_method input[type="radio"]{

    margin-top:4px;

    accent-color:#b78b44;

}

#shipping_method label{

    flex:1;

    font-size:14px;

    line-height:1.7;

    color:#555;

    cursor:pointer;

}

/*--------------------------------------------------------------
Estimated Destination
--------------------------------------------------------------*/

.woocommerce-shipping-destination strong{

    color:#222;

    font-weight:600;

}

.woocommerce-shipping-calculator{

    margin-top:18px;

}

/*--------------------------------------------------------------
Checkout Notice
--------------------------------------------------------------*/

.putushart-summary-footer::before{

    content:"✓ Secure Checkout • SSL Protected";

    display:block;

    margin-bottom:18px;

    font-size:13px;

    font-weight:600;

    text-align:center;

    color:#6b7280;

    letter-spacing:.02em;

}

/*--------------------------------------------------------------
Sticky Behaviour
--------------------------------------------------------------*/

.putushart-cart-summary{

    align-self:start;

}

.putushart-summary-card{

    position:sticky;

    top:120px;

}

/*--------------------------------------------------------------
WooCommerce Notices Inside Summary
--------------------------------------------------------------*/

.putushart-summary-card .woocommerce-info,

.putushart-summary-card .woocommerce-message,

.putushart-summary-card .woocommerce-error{

    margin-bottom:20px;

    border-radius:14px;

}

/*--------------------------------------------------------------
Loading State
--------------------------------------------------------------*/

.putushart-summary-card.processing{

    pointer-events:none;

    opacity:.75;

}

.putushart-summary-card.processing::after{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(255,255,255,.45);

    -webkit-backdrop-filter:blur(2px);

    backdrop-filter:blur(2px);

}

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

.putushart-summary-card :focus-visible{

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

    outline-offset:3px;

}

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

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

    .putushart-summary-card,

    .putushart-summary-card *{

        transition:none !important;

        animation:none !important;

        scroll-behavior:auto !important;

    }

}

/*--------------------------------------------------------------
Print
--------------------------------------------------------------*/

@media print{

    .putushart-summary-card{

        position:static;

        box-shadow:none;

        border:1px solid #ccc;

    }

}

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