/* ════════════════════════════════════════════
   Decon Theme — assets/css/decon.css
   استایل اختصاصی پوسته دکُن
════════════════════════════════════════════ */

/* ── ریست و فونت ── */
*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
    background: #f5f5f7;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.text-normal {
    font-size: 0.70rem;
    line-height: 1rem;
}

.border-1{
    border-width: 1px;
}
/* فونت وزیرمتن (در صورت نصب روی سرور) */
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazir-Regular-FD.woff2') format('woff2');
    font-weight: 400; font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazir-Medium-FD.woff2') format('woff2');
    font-weight: 500; font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazir-Bold-FD.woff2') format('woff2');
    font-weight: 700; font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazir-Black-FD.woff2') format('woff2');
    font-weight: 900; font-display: swap;
}

/* ── پنهان کردن Scrollbar ── */
.decon-carousel::-webkit-scrollbar,
nav::-webkit-scrollbar { display: none; }
.decon-carousel,
nav { scrollbar-width: none; -ms-overflow-style: none; }

/* ── کارت محصول ── */
.decon-card {
    transition: box-shadow .2s ease;
}
.decon-card:hover {
    box-shadow: 0 4px 16px rgba(113, 52, 190, .1);
}
.decon-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── قیمت WooCommerce ── */
.decon-card .price,
.decon-single-price {
    line-height: 1.4;
}
.decon-card .price del,
.decon-single-price del {
    display: block;
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 400;
}
.decon-card .price ins,
.decon-single-price ins {
    text-decoration: none;
    color: #111827;
    font-weight: 700;
}
.decon-single-price ins {
    font-size: 1.3rem;
    color: #7134be;
}
.amount { white-space: nowrap; }

/* ── کنترلر تعداد ── */
.decon-qty-ctrl {
    user-select: none;
    -webkit-user-select: none;
}
.decon-qty-num { transition: transform .12s ease; }

/* ── دکمه افزودن ── */
.decon-add-btn {
    transition: filter .15s, transform .1s;
}
.decon-add-btn:hover { filter: brightness(1.08); }
.decon-add-btn:active { transform: scale(.96); }

/* ── انیمیشن ظاهر شدن ── */
@keyframes decon-fade-in {
    from { opacity: 0; transform: scale(.92) translateY(4px); }
    to   { opacity: 1; transform: scale(1)  translateY(0);    }
}
.decon-anim-in {
    animation: decon-fade-in .22s ease forwards;
}

/* ── هدر چسبان ── */
#decon-header {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
#decon-header.scrolled {
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

/* ── ناوبری پایین صفحه ── */
body { padding-bottom: 64px; }

/* ── توضیحات محصول ── */
.decon-product-desc p  { margin-bottom: 0.75rem; }
.decon-product-desc ul { list-style: disc; padding-right: 1.25rem; margin-bottom: 0.75rem; }
.decon-product-desc li { margin-bottom: 0.3rem; }

/* ── فرم کوپن WooCommerce ── */
.decon-coupon-form,
form.woocommerce-form-coupon {
    display: flex;
    gap: 8px;
}
form.woocommerce-form-coupon input[type="text"] {
    flex: 1;
    height: 40px;
    padding: 0 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    font-size: 13px;
    font-family: inherit;
    outline: none;
    transition: border-color .2s;
}
form.woocommerce-form-coupon input[type="text"]:focus {
    border-color: #7134be;
}
form.woocommerce-form-coupon button[type="submit"] {
    height: 40px;
    padding: 0 18px;
    background: #7134be;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: filter .15s;
    white-space: nowrap;
}
form.woocommerce-form-coupon button:hover { filter: brightness(1.08); }

/* ── اعلان‌های WooCommerce ── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 16px;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    border: none;
    list-style: none;
}
.woocommerce-message { background: #f0fdf4; color: #16a34a; }
.woocommerce-info    { background: #eff6ff; color: #2563eb; }
.woocommerce-error   { background: #fef2f2; color: #dc2626; }
.woocommerce-message::before,
.woocommerce-info::before { display: none; }

/* ── لودینگ overlay ── */
.decon-loading-overlay {
    position: fixed; inset: 0;
    background: rgba(255,255,255,.6);
    backdrop-filter: blur(2px);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999;
}
.decon-spinner {
    width: 40px; height: 40px;
    border: 3px solid #e8d8ff;
    border-top-color: #7134be;
    border-radius: 50%;
    animation: decon-spin .7s linear infinite;
}
@keyframes decon-spin { to { transform: rotate(360deg); } }

/* ── تصویر محصول single ── */
#decon-main-img {
    transition: opacity .18s ease;
}
.decon-thumb { transition: border-color .15s; }
.decon-thumb:hover { border-color: #7134be !important; }

/* ── Responsive ── */
@media (min-width: 640px) {
    #decon-page-wrap { max-width: 600px; margin: 0 auto; }
}

/* ── PWA safe area ── */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
    nav.fixed { padding-bottom: env(safe-area-inset-bottom); }
}

/* ════════════════════════════════════════════
   صفحه سبد خرید
════════════════════════════════════════════ */

/* دکمه checkout پیش‌فرض WooCommerce */
.wc-proceed-to-checkout .checkout-button,
a.checkout-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    padding: 16px !important;
    background: #7134be !important;
    color: #fff !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    border: none !important;
    transition: filter .15s !important;
    text-decoration: none !important;
}
.wc-proceed-to-checkout .checkout-button:hover,
a.checkout-button:hover {
    filter: brightness(1.08) !important;
    color: #fff !important;
}

/* فرم کوپن */
.decon-cart-wrap .coupon,
.decon-cart-wrap form.woocommerce-cart-form { display: none; } /* کنترل شده توسط UI خودمان */

/* قیمت‌ها در سبد */
.decon-cart-item .price { font-size: 0.75rem; }
.decon-cart-item .price del { color: #9ca3af; }
.decon-cart-item .price ins { text-decoration: none; }

/* ════════════════════════════════════════════
   صفحه حساب کاربری
════════════════════════════════════════════ */

/* فرم‌های WooCommerce my-account */
.decon-auth-wrap input[type="text"],
.decon-auth-wrap input[type="email"],
.decon-auth-wrap input[type="password"],
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1.5px solid #e5e7eb;
    border-radius: 14px;
    font-size: 13px;
    font-family: inherit;
    outline: none;
    transition: border-color .2s;
    background: #fff;
    margin-bottom: 12px;
}
.woocommerce-MyAccount-content textarea { height: 100px; padding: 12px 16px; }
.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce-MyAccount-content select:focus { border-color: #7134be; }

.woocommerce-MyAccount-content label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
}

/* دکمه‌های submit */
.woocommerce-MyAccount-content button[type="submit"],
.woocommerce-MyAccount-content input[type="submit"],
.woocommerce-MyAccount-content .button {
    height: 48px;
    padding: 0 24px;
    background: #7134be;
    color: #fff;
    border: none;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: filter .15s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-MyAccount-content .button:hover { filter: brightness(1.08); }

/* جدول سفارش‌ها */
.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.woocommerce-orders-table th {
    text-align: right;
    padding: 10px 12px;
    background: #f9fafb;
    font-weight: 600;
    color: #6b7280;
    border-bottom: 1px solid #e5e7eb;
}
.woocommerce-orders-table td {
    padding: 12px;
    border-bottom: 1px solid #f3f4f6;
    color: #374151;
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    border: 1.5px solid #7134be;
    color: #7134be;
    transition: all .15s;
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:hover {
    background: #7134be;
    color: #fff;
}

/* آدرس‌ها */
.woocommerce-MyAccount-content .woocommerce-Address {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    border: 1.5px solid #f3f4f6;
}
.woocommerce-MyAccount-content .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    font-size: 13px;
    font-weight: 700;
    color: #111827;
}
.woocommerce-MyAccount-content .woocommerce-Address-title a { color: #7134be; font-size: 12px; }
.woocommerce-MyAccount-content address {
    font-style: normal;
    font-size: 12px;
    color: #6b7280;
    line-height: 1.7;
}

/* پیام‌های WooCommerce */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    border-radius: 14px !important;
    border: none !important;
    font-size: 13px !important;
    margin: 0 0 12px !important;
    padding: 12px 16px !important;
    list-style: none !important;
}
.woocommerce-message { background: #f0fdf4 !important; color: #16a34a !important; }
.woocommerce-error   { background: #fef2f2 !important; color: #dc2626 !important; }
.woocommerce-info    { background: #eff6ff !important; color: #2563eb !important; }
.woocommerce-message::before,
.woocommerce-info::before { display: none !important; }


/* زیباتر کردن فیلدهای فرم ووکامرس در صفحه پرداخت */
.woocommerce-checkout .form-row {
    margin-bottom: 1rem !important;
    display: flex;
    flex-direction: column;
}

.woocommerce-checkout .form-row label {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #4b5563 !important; /* text-gray-600 */
    margin-bottom: 0.375rem !important;
}

.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    width: 100% !important;
    padding: 0.625rem 0.875rem !important;
    font-size: 0.875rem !important;
    background-color: #f9fafb !important; /* text-gray-50 */
    border: 1px solid #f3f4f6 !important; /* border-gray-200 */
    border-radius: 0.75rem !important; /* rounded-xl */
    outline: none !important;
    transition: all 0.2s ease-in-out;
}

/* حالت فوکوس با رنگ سازمانی دکن */
.woocommerce-checkout .form-row input.input-text:focus, 
.woocommerce-checkout .form-row textarea:focus {
    background-color: #ffffff !important;
    border-color: #7134be !important;
    box-shadow: 0 0 0 3px rgba(113, 52, 190, 0.1) !important;
}

/* بهینه‌سازی دکمه نهایی ثبت سفارش (Place Order) */
#place_order {
    width: 100% !important;
    background: #7134be !important;
    color: #ffffff !important;
    padding: 0.875rem !important;
    font-size: 0.938rem !important;
    font-weight: 700 !important;
    border-radius: 0.75rem !important;
    border: none !important;
    transition: all 0.15s ease;
    cursor: pointer;
}

#place_order:active {
    transform: scale(0.97);
}

/* شیک کردن بخش متدهای پرداخت (رادیو باتن‌ها) */
.woocommerce-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    background: #f9fafb;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.813rem;
}

/* مهار کردن لودینگ AJAX ووکامرس برای جلوگیری از پرش */
.woocommerce-checkout .blockUI.blockOverlay {
    border-radius: 1rem !important; /* هماهنگ با انحنای باکس‌های شما */
    background-color: rgba(255, 255, 255, 0.7) !important;
}

/* خنثی کردن ستون‌بندی پیش‌فرض ووکامرس که باعث پرش می‌شود */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* قفل کردن عرض جدول مرور سفارش */
.woocommerce-checkout-review-order-table {
    width: 100% !important;
    table-layout: fixed; /* جلوگیری از تغییر عرض ستون‌ها هنگام لود */
}

/* خنثی کردن کلاس‌های مخرب ووکامرس (جلوگیری از پرش عرضی) */
.woocommerce-checkout .form-row {
    width: 100% !important;
    float: none !important;
    margin-bottom: 1.25rem !important; /* فاصله بین فیلدها */
    padding: 0 !important;
}

.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    width: 100% !important;
    float: none !important;
}

/* کلیرفیکس برای اطمینان از عدم تداخل فرم‌ها */
.woocommerce-checkout .decon-billing-fields::after,
.woocommerce-checkout .decon-shipping-fields::after {
    content: "";
    display: table;
    clear: both;
}

/* * استانداردسازی ظاهر اینپوت‌ها هماهنگ با طراحی دکُن
 * این بخش تضمین می‌کند که فیلدها از کانتینر بیرون نزنند
 */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background-color: #f9fafb !important; /* رنگ پس‌زمینه طوسی ملایم */
    border: 1px solid transparent !important;
    border-radius: 1rem !important; /* انحنای لبه‌ها */
    padding: 0.875rem 1rem !important;
    font-size: 0.875rem !important;
    color: #111827 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out;
}

/* افکت فوکوس با رنگ سازمانی دکُن */
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: #7134be !important;
    background-color: #ffffff !important;
}

/* استایل‌دهی به لیبل‌ها (نام، نام خانوادگی و ...) */
.woocommerce-checkout .form-row label {
    display: block !important;
    font-size: 0.75rem !important; /* متن ریز و خوانا */
    font-weight: 700 !important;
    color: #374151 !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.5 !important;
}

/* مخفی کردن ستاره قرمز رنگ بدشکل پیش‌فرض ووکامرس و جایگزینی آن */
.woocommerce-checkout .form-row .required {
    color: #ef4444 !important;
    text-decoration: none !important;
    font-weight: bold;
    margin-right: 2px;
}

/* جلوگیری از کشیدگی و سرریز افقی کانتینر تسویه حساب */
.decon-checkout-wrapper {
    max-w: 480px !important; /* قفل کردن عرض کل کامپوننت روی ۴۳۰ */
    width: 100% !important;
    overflow-x: hidden !important; /* کور کردن هرگونه بیرون زدگی */
    box-sizing: border-box !important;
}

/* رام کردن فرم اصلی ووکامرس */
form.woocommerce-checkout {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
}
.decon-banner-slider{
    display:flex;
    gap:7px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;

    padding-inline:8%;

    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
}

.decon-banner-slider::-webkit-scrollbar{
    display:none;
}

.decon-banner-item{
    flex:0 0 100%;
    aspect-ratio:18/9;

    position:relative;
    overflow:hidden;

    border-radius:18px;

    scroll-snap-align:center;

    transform:scale(.92);
    transition:
        transform .35s ease,
        box-shadow .35s ease;

    box-shadow:
        0 2px 8px rgba(0,0,0,.08);

    text-decoration:none;
}

.decon-banner-item.active{
    transform:scale(1);
    box-shadow:
        0 8px 20px rgba(0,0,0,.16);
}

.decon-banner-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.decon-banner-placeholder{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.decon-banner-placeholder h2{
    color:#fff;
    font-size:22px;
    font-weight:800;
    margin:0;
}