/* WC Custom Checkout – Modern Payment Page (2025-06-08)
   رنگ اصلی بر اساس پالت قرمز دیجی‌کالا  (#EF4056)  */
:root{
    --wccc-primary:#ef4056;
    --wccc-bg:#ffffff;
    --wccc-bg-alt:#f7f7f7;
    --wccc-text:#333;
    --wccc-radius:.75rem;
    --wccc-shadow:0 4px 12px rgba(0,0,0,.06);
}

body.wccc-payment-active{background:var(--wccc-bg-alt);}

/* کانتینر اصلی */
.wccc-payment{max-width:1240px;margin:2rem auto;padding:0 1rem;}
.wccc-columns{display:flex;flex-wrap:wrap;gap:2rem;}
.wccc-main{flex:1 1 60%;min-width:320px;}
.wccc-summary{flex:1 1 32%;min-width:280px;position:relative;}

@media(max-width:960px){
    .wccc-summary{order:-1;width:100%;flex-basis:100%;}
}

/* کارت‌ها */
.wccc-card{
    background:var(--wccc-bg);
    border-radius:var(--wccc-radius);
    box-shadow:var(--wccc-shadow);
    margin-bottom:1.5rem;
    padding:1.5rem 1.75rem;
    animation:fadeSlide .5s ease-out both;
    transition:transform .2s ease;
}
.wccc-card:hover{transform:translateY(-4px);}
@keyframes fadeSlide{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}

/* تیتر و چیپ مرحله */
.wccc-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-weight:600;color:var(--wccc-text);}
.wccc-chip{background:var(--wccc-primary);color:#fff;padding:.15rem .6rem;border-radius:999rem;font-size:.75rem;}
.wccc-card__content{line-height:1.75;color:var(--wccc-text);}

/* دکمه‌ */
.wccc-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:.35rem;
    padding:.55rem 1rem;border:0;border-radius:var(--wccc-radius);
    background:var(--wccc-primary);color:#fff;font-size:.875rem;cursor:pointer;
    transition:background .2s ease;text-decoration:none;
}
.wccc-btn:hover,.wccc-btn:focus{background:#d7344a;}

/* تیتر مراحل */
.wccc-step-title{font-size:1.125rem;font-weight:600;margin:1rem 0;color:var(--wccc-primary);}

/* پنهان‌سازی فیلدهای غیرضروری ووکامرس */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout #order_comments,
.woocommerce-checkout .woocommerce-additional-fields{display:none;}

/* استایل فرم پرداخت ووکامرس */
.woocommerce-checkout #payment{
    background:var(--wccc-bg);border-radius:var(--wccc-radius);
    box-shadow:var(--wccc-shadow);padding:1.5rem 1.75rem;
}
.woocommerce-checkout #payment ul.payment_methods li{
    border:1px solid #e7e7e7;margin-bottom:.5rem;border-radius:var(--wccc-radius);overflow:hidden;transition:border .2s ease;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked+label{border-left:4px solid var(--wccc-primary);}
.woocommerce-checkout #payment ul.payment_methods li label{display:block;padding:.7rem 1rem;}
.woocommerce-checkout #payment .place-order button{
    width:100%;margin-top:1rem;font-size:1rem;border-radius:var(--wccc-radius);
    background:var(--wccc-primary);color:#fff;padding:.85rem;transition:background .2s ease;}
.woocommerce-checkout #payment .place-order button:hover,
.woocommerce-checkout #payment .place-order button:focus{background:#d7344a;}

/* سایدبار خلاصه سفارش (sticky) */
.wccc-summary__inner{position:sticky;top:2rem;}
.wccc-summary .woocommerce-checkout-review-order-table{width:100%;font-size:.875rem;}
.wccc-summary table.shop_table th,.wccc-summary table.shop_table td{padding:.55rem .25rem;}
.wccc-summary tfoot tr:last-child th,
.wccc-summary tfoot tr:last-child td{font-weight:700;color:var(--wccc-primary);border-top:2px solid var(--wccc-primary);}

/* ورودی کد تخفیف */
.wccc-summary .coupon-input{display:flex;gap:.5rem;margin-top:.75rem;}
.wccc-summary .coupon-input input[type=text]{
    flex:1;border:1px solid #d1d1d1;border-radius:var(--wccc-radius);padding:.6rem .75rem;}

.wccc-custom-summary {
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin-top: 20px;
}
.wccc-custom-summary h2 {
    margin-bottom: 15px;
    font-size: 1.4em;
}
.summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.summary-row.summary-total {
    font-weight: bold;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.payment-button-wrapper {
    text-align: center;
    margin-top: 20px;
}
.wccc-btn-pay {
    background-color: #007cba;
    color: #fff;
    padding: 12px 30px;
    border: none;
    cursor: pointer;
    font-size: 1em;
}
.wccc-btn-pay:hover {
    background-color: #006ba1;
}
.shop_table.woocommerce-checkout-review-order-table {
    display: none;
}
#order_review_heading {
    display: none;
}

.wc-block-components-notice-banner.is-info {
    background-color: white;
    border: 1px solid #E1E1E1;
}

.wc-block-components-notice-banner__content {
    font-size: 16px !important;
    font-weight: 300 !important;
}

.btn-place-order-modern {
    background-color: #ef4056 !important;
    border: none;
    border-radius: 12px;
    padding: 12px;
    width: 100%;
    color: white;
    font-family: inherit;
    cursor: pointer;
}

.wccc-card.wccc-address.animate {
    display: none;
}
.wccc-card.wccc-shipping.animate {
    display: none;
}
