@charset "utf-8";
/* =====================================================================
   دکه — shop.css
   فقط کامپوننت‌های فروشگاه DLEPShop (سبد، تسویه، سفارش‌ها، نتیجهٔ پرداخت).
   هیچ توکن رنگی اینجا تعریف نمی‌شود — همه از style.css.
   ===================================================================== */

.dk-shop{width:100%;margin:0 auto var(--dk-s6);color:var(--dk-tx-1)}
.dk-shop *{box-sizing:border-box}
.dk-shop-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:22px 26px;margin-bottom:var(--dk-s5);border:1px solid var(--dk-line);border-radius:var(--dk-r-lg);background:var(--dk-brand-soft)}
.dk-shop-head .dk-kicker{display:block;color:var(--dk-brand-ink);font-size:11px;font-weight:700}
.dk-shop-head h1{margin:4px 0 0;font-size:clamp(18px,2.2vw,23px)}
.dk-shop-head p{margin:4px 0 0;color:var(--dk-tx-3);font-size:12px}

.dk-shop-empty{padding:48px 18px;text-align:center;border:1px dashed var(--dk-line);border-radius:var(--dk-r-lg);background:var(--dk-surface-2)}
.dk-shop-empty>.ic{width:60px;height:60px;padding:16px;border-radius:var(--dk-r-lg);background:var(--dk-brand-soft);color:var(--dk-brand-ink);margin:0 auto}
.dk-shop-empty h1,.dk-shop-empty h2{margin:14px 0 4px;font-size:17px}
.dk-shop-empty p{margin:0 0 16px;color:var(--dk-tx-3)}

/* ---------- سبد خرید ---------- */
#BasketContainer{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--dk-s5);align-items:start}
.dk-basket-list{display:grid;gap:10px}
.basket-item{padding:14px;border:1px solid var(--dk-line);border-radius:var(--dk-r-md);background:var(--dk-surface)}
.basket-item .row{display:grid!important;grid-template-columns:minmax(200px,2fr) 1fr 1fr 120px 1fr 40px;gap:10px;align-items:center;margin:0}
.basket-item [class*="col-"]{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
.basket-title a{color:var(--dk-tx-1)!important;font-weight:700;font-size:13px}
.basket-title a:hover{color:var(--dk-brand-ink)!important}
.basket-price,.basket-weight{color:var(--dk-tx-3);font-size:12px}
.qty-box{display:inline-flex;align-items:center;gap:8px}
.item-btn,.remove-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--dk-line);border-radius:var(--dk-r-sm);background:var(--dk-surface);font-weight:700;color:var(--dk-tx-2)}
.item-btn:hover{border-color:var(--dk-brand);color:var(--dk-brand-ink)}
.remove-btn{color:var(--dk-danger);border-color:var(--dk-danger-soft)}
.remove-btn:hover{background:var(--dk-danger-soft)}
.dk-basket-summary{position:sticky;top:calc(var(--dk-header-h) + 12px);padding:var(--dk-s5);border:1px solid var(--dk-line);border-radius:var(--dk-r-lg);background:var(--dk-surface)}
.dk-basket-summary>span{color:var(--dk-tx-3);font-size:12px}
.dk-basket-summary>strong{display:block;margin:4px 0 10px;font-size:20px;font-weight:700}
.dk-basket-summary p{padding-top:10px;border-top:1px solid var(--dk-line);color:var(--dk-tx-3);font-size:11px}
.dk-basket-summary .dk-btn{width:100%;margin-top:6px}

/* ---------- تسویه‌حساب ---------- */
.dk-checkout-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:var(--dk-s5);align-items:start}
.dk-checkout-fields{display:grid;gap:var(--dk-s5)}
.dk-sticky{position:sticky;top:calc(var(--dk-header-h) + 12px)}
.dk-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:var(--dk-s4)}
.dk-panel-title>span{width:32px;height:32px;flex:none;border-radius:var(--dk-r-md);background:var(--dk-brand-soft);color:var(--dk-brand-ink);display:grid;place-items:center;font-weight:700;font-size:13px}
.dk-panel-title h2{margin:0;font-size:15px}
.dk-panel-title p{margin:1px 0 0;color:var(--dk-tx-3);font-size:11px}
.dk-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dk-form-grid label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--dk-tx-2)}
.dk-form-grid label.full{grid-column:1/-1}
.dk-form-grid em{color:var(--dk-danger);font-style:normal}
.dk-shop input[type=text],.dk-shop input[type=tel],.dk-shop input[type=email],.dk-shop input[type=password],.dk-shop select,.dk-shop textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--dk-line);border-radius:var(--dk-r-md);background:var(--dk-surface);color:var(--dk-tx-1);font:inherit;font-size:13px}
.dk-shop textarea{min-height:100px;resize:vertical}
.dk-shop input:focus,.dk-shop select:focus,.dk-shop textarea:focus{outline:0;border-color:var(--dk-brand)}
.dk-check-card{display:flex!important;align-items:flex-start;gap:10px;cursor:pointer}
.dk-check-card input{width:17px;height:17px;margin-top:2px;accent-color:var(--dk-brand);flex:none}
.dk-check-card b{font-size:12.5px}
.dk-check-card small{display:block;color:var(--dk-tx-3);font-weight:400;font-size:11px}
.send_to_other_form{margin-top:14px;padding-top:14px;border-top:1px solid var(--dk-line)}
.dk-checkout-login{margin-bottom:var(--dk-s5)}
.dk-text-toggle{color:var(--dk-brand-ink);font-weight:700;font-size:12px}
.dk-checkout-login .dk-form-grid{margin-top:14px;align-items:end}

.dk-summary-table{width:100%}
.dk-summary-table th,.dk-summary-table td{padding:10px 4px;border-bottom:1px solid var(--dk-line-2);text-align:right;font-size:12px}
.dk-summary-table td{text-align:left;font-weight:700}
.dk-summary-table .item-row,.dk-summary-table .item-info,.dk-summary-table .item-price{font-weight:400}
.dk-grand-total th,.dk-grand-total td{padding-top:14px;border-bottom:0;font-size:13px}
.dk-grand-total td{color:var(--dk-brand-ink);font-size:16px}
.dk-checkout-block{margin-top:14px;padding-top:14px;border-top:1px solid var(--dk-line)}
.dk-checkout-block h3{margin:0 0 9px;font-size:12.5px}
.dk-inline-control{display:grid;grid-template-columns:1fr auto;gap:8px}
.dk-inline-control button{padding:0 14px;border-radius:var(--dk-r-md);background:var(--dk-brand);color:#fff;font-weight:700}
.DiscountBtn .dk-btn{width:100%}
.dk-shop-note{padding:9px 11px;border-radius:var(--dk-r-sm);background:var(--dk-warn-soft);color:var(--dk-tx-2);font-size:11px}
.dk-shop-note.success{background:var(--dk-ok-soft);color:var(--dk-ok)}
.dk-method-list{display:grid;gap:8px}
.dk-method-list label{min-height:50px;padding:9px 11px;border:1px solid var(--dk-line);border-radius:var(--dk-r-md);display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12.5px;transition:border-color var(--dk-tr),background var(--dk-tr)}
.dk-method-list label:has(input:checked){border-color:var(--dk-brand);background:var(--dk-brand-soft)}
.dk-method-list input{accent-color:var(--dk-brand);flex:none}
.dk-method-list img,.dk-method-list svg{max-width:26px;max-height:26px}
.rules_box{margin:14px 0;font-size:12px}
.CheckoutButton{width:100%;min-height:48px;margin-top:4px}

/* ---------- سفارش‌ها ---------- */
.dk-orders-grid{display:grid;gap:12px}
.dk-orders-grid>[class*="col-"]{width:100%!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
.dk-order-card{padding:18px;border:1px solid var(--dk-line);border-radius:var(--dk-r-lg);background:var(--dk-surface)}
.dk-order-card .d-flex{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dk-order-card h3{margin:0;font-size:14px}
.dk-order-card__link{color:var(--dk-tx-1)}
.dk-order-card__link:hover{color:var(--dk-brand-ink)}
.order-status .label{padding:4px 10px;border-radius:var(--dk-r-pill);font-size:11px;font-weight:700;display:inline-block}
.order-status .label-warning{background:var(--dk-warn-soft);color:var(--dk-warn)}
.order-status .label-success{background:var(--dk-ok-soft);color:var(--dk-ok)}
.order-status .label-info,.order-status .label-primary{background:var(--dk-brand-soft);color:var(--dk-brand-ink)}
.order-status .label-danger{background:var(--dk-danger-soft);color:var(--dk-danger)}
.order-status .label-default{background:var(--dk-surface-2);color:var(--dk-tx-2)}
.order-items-ul{margin:12px 0;padding:11px 14px;border-radius:var(--dk-r-md);background:var(--dk-surface-2);list-style:none}
.order-items-ul li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:12px}
.item-qty{color:var(--dk-tx-3)}
.order-meta.row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:9px;margin:0}
.order-meta [class*="col-"]{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
.order-meta .meta{min-height:60px;padding:11px;border:1px solid var(--dk-line);border-radius:var(--dk-r-md);display:grid;grid-template-columns:20px 1fr;gap:0 8px;align-items:center}
.order-meta .meta .ic,.meta-icon{grid-row:1/3;width:18px;color:var(--dk-brand)}
.order-meta .meta span{color:var(--dk-tx-3);font-size:10px}
.order-meta .meta b{font-size:12px}
.dk-order-actions{margin-top:11px;text-align:left}
.dk-btn-details{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--dk-r-md);background:var(--dk-brand);color:#fff;font-weight:700;font-size:12px}
.dk-btn-details:hover{background:var(--dk-brand-ink)}

/* ---------- جزئیات سفارش ---------- */
.dk-order-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--dk-s5);margin-top:var(--dk-s5)}
.dk-order-info-grid .dk-panel:last-child{grid-column:1/-1}
.dk-detail-list>div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--dk-line-2)}
.dk-detail-list>div:last-child{border-bottom:0}
.dk-detail-list dt{color:var(--dk-tx-3);font-size:12.5px}
.dk-detail-list dd{margin:0;font-weight:700;font-size:12.5px}
.order-products{overflow-x:auto}
.order-products-head,.order-products .product-row{min-width:680px;display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,1fr);gap:10px;align-items:center;padding:11px}
.order-products-head{border-radius:var(--dk-r-sm);background:var(--dk-surface-2);color:var(--dk-tx-3);font-size:10px;font-weight:700}
.order-products .product-row{border-bottom:1px solid var(--dk-line-2)}
.order-products .product-info{display:flex;align-items:center;gap:9px}
.order-products .product-thumb{width:48px;height:48px;border-radius:var(--dk-r-sm);object-fit:cover;flex:none}
.order-products .product-title{font-weight:700;font-size:12px}
.order-products .product-price,.order-products .product-qty,.order-products .product-refund,.order-products .product-total{text-align:center;font-size:12px}
.dk-table-wrap{width:100%;overflow-x:auto}

/* ---------- نتیجهٔ پرداخت ---------- */
.dk-bank-result{max-width:600px;margin-inline:auto}
.dk-result-card{padding:36px 28px;border:1px solid var(--dk-line);border-radius:var(--dk-r-lg);background:var(--dk-surface);text-align:center}
.dk-result-icon{width:60px;height:60px;margin:0 auto 14px;border-radius:var(--dk-r-lg);display:grid;place-items:center;background:var(--dk-brand-soft);color:var(--dk-brand-ink);font-size:24px;font-weight:700}
.dk-result-success .dk-result-icon{background:var(--dk-ok-soft);color:var(--dk-ok)}
.dk-result-error .dk-result-icon{background:var(--dk-danger-soft);color:var(--dk-danger)}
.dk-result-card h1{margin:0 0 6px;font-size:18px}
.dk-result-card p{color:var(--dk-tx-3)}
.dk-result-card dl{text-align:right;margin:16px 0}
.dk-result-card dl>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--dk-line-2)}
.dk-result-card dd{margin:0;font-weight:700}
.dk-result-card .dk-btn{margin:8px 4px 0}
.dk-result-card form{display:grid;gap:11px;margin-top:14px;text-align:right}
.dk-result-card input[type=text],.dk-result-card input[type=number],.dk-result-card input[type=file],.dk-result-card textarea,.dk-result-card select{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--dk-line);border-radius:var(--dk-r-md);background:var(--dk-surface);color:var(--dk-tx-1);font:inherit;font-size:13px}
.dk-result-card button,.dk-result-card input[type=submit],#Card2CardBox button,#Card2CardBox input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 20px;border-radius:var(--dk-r-md);background:var(--dk-brand);color:#fff;font-weight:700;font-size:13px;border:1px solid transparent;text-shadow:none;box-shadow:none;cursor:pointer;transition:background var(--dk-tr)}
.dk-result-card button:hover,#Card2CardBox button:hover{background:var(--dk-brand-ink)}
.dk-result-card label{display:block;font-size:12px;font-weight:700;color:var(--dk-tx-2);margin-bottom:4px;text-align:right}

/* ---------- مینی‌سبد (itemsList افزونه) ---------- */
.ebasket-products .ebasket-empty,.ebasket-products>p:only-child{padding:22px 8px;text-align:center;color:var(--dk-tx-3);font-size:13px}
.ebasket-products table{width:100%}
.ebasket-products td{padding:7px 4px;border-bottom:1px solid var(--dk-line-2);font-size:12px;vertical-align:middle}
.ebasket-products img{width:40px;height:40px;object-fit:cover;border-radius:var(--dk-r-sm)}
.ebasket-products a{color:var(--dk-tx-1)}
.ebasket-products a:hover{color:var(--dk-brand-ink)}

@media (max-width:1000px){
  #BasketContainer,.dk-checkout-grid,.dk-order-info-grid{grid-template-columns:1fr}
  .dk-basket-summary,.dk-sticky{position:static}
  .dk-order-info-grid .dk-panel:last-child{grid-column:auto}
  .basket-item .row{grid-template-columns:1fr 1fr;gap:8px 10px}
  .basket-title{grid-column:1/-1}
}
@media (max-width:560px){
  .dk-form-grid{grid-template-columns:1fr}
  .dk-form-grid label.full{grid-column:auto}
  .dk-shop-head,.dk-panel{padding:16px}
  .order-meta.row{grid-template-columns:1fr}
  .basket-item .row{grid-template-columns:1fr 1fr}
  .dk-result-card{padding:22px 16px}
}

/* ---------- بازطراحی نوار فیلتر افزونه (ShopFilterBar) ---------- */
.dps-catalog-filter{background:var(--dk-surface)!important;border:1px solid var(--dk-line)!important;border-radius:var(--dk-r-lg)!important;padding:16px 18px!important;margin:0 0 var(--dk-s5)!important}
.dps-catalog-filter form{flex-direction:column!important;align-items:stretch!important;gap:12px!important}
.dps-catalog-filter label{color:var(--dk-tx-2)!important}
.dps-catalog-filter select,.dps-catalog-filter input[type=text]{width:100%!important;min-width:0!important;height:40px!important;border:1px solid var(--dk-line)!important;border-radius:var(--dk-r-md)!important;background:var(--dk-surface)!important;color:var(--dk-tx-1)!important;font-size:13px!important}
.dps-catalog-filter button{width:100%!important;height:42px!important;border-radius:var(--dk-r-md)!important;background:var(--dk-brand)!important;color:#fff!important;font-weight:700!important;text-shadow:none!important;box-shadow:none!important}
.dps-catalog-filter button:hover{background:var(--dk-brand-ink)!important}