/* ==========================================================================
   Tasnim Jewelry Custom Order – Frontend Styles v1.3.0
   Tasnim Co | https://tasnim.co
   ========================================================================== */

/* --------------------------------------------------------------------------
   ۱. نوتیس صفحه محصول
   -------------------------------------------------------------------------- */

.jco-notice {
    margin: 18px 0 22px !important;
    padding: 14px 18px !important;
    direction: rtl !important;
    background: #faf7f2 !important;
    border-radius: 8px !important;
    border: 1px solid #e2d5c3 !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    position: relative !important;
    overflow: visible !important;
}

.jco-notice::before,
.jco-notice::after { display: none !important; }

.jco-notice__icon-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    justify-content: center !important;
    margin-top: -30px !important;
}

.jco-notice__hammer-circle {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #f0e8d8 !important;
    border: 1px solid #d4b896 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.8rem !important;
    flex-shrink: 0 !important;
}

.jco-notice__line1 {
    margin: 0 0 5px !important;
    font-size: 0.88rem !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #4a3728 !important;
    display: block !important;
}

.jco-notice__line2 {
    margin: 0 !important;
    font-size: 0.82rem !important;
    color: #9a7d65 !important;
    line-height: 1.5 !important;
    display: block !important;
}

/* متن موجودی */
.stock.jco-available,
p.jco-available {
    color: #8B5E3C !important;
    font-weight: 600 !important;
}

/* دکمه سفارش ساخت */
.single_add_to_cart_button.jco-order-btn,
form.cart .single_add_to_cart_button.jco-order-btn {
    background-color: #8B5E3C !important;
    border-color: #8B5E3C !important;
    color: #fff !important;
}

/* --------------------------------------------------------------------------
   ۲. جدول وضعیت پرداخت – صفحه جزئیات سفارش (کاربر)
   -------------------------------------------------------------------------- */

.jco-ps-wrap {
    margin-top: 30px;
    direction: rtl;
    border: 1px solid #e0cdb0;
    border-radius: 10px;
    overflow: hidden;
    font-size: 0.92rem;
}

.jco-ps-title {
    background: #fdf6ec;
    border-bottom: 1px solid #e0cdb0;
    padding: 13px 18px;
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    color: #4a2e15;
}

.jco-ps-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.jco-ps-table td {
    padding: 13px 18px;
    vertical-align: middle;
    border-bottom: 1px solid #f5ede0;
}

.jco-ps-col-icon   { width: 42px; text-align: center; padding-right: 14px; }
.jco-ps-col-label  { color: #5a4030; font-weight: 500; }
.jco-ps-col-amount { text-align: left; font-weight: 700; white-space: nowrap; }
.jco-ps-col-action { text-align: left; width: 140px; padding-left: 16px; }

.jco-ps-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px; height: 26px;
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
}
.jco-ps-icon--done    { background: #d1fae5; color: #059669; border: 1.5px solid #6ee7b7; }
.jco-ps-icon--ready   { background: #fef3c7; color: #d97706; border: 1.5px solid #fcd34d; }
.jco-ps-icon--waiting { background: #f3f4f6; color: #9ca3af; border: 1.5px solid #d1d5db; }

.jco-ps-row--done    td { background: #f8fffc; }
.jco-ps-row--ready   td { background: #fffbf0; }
.jco-ps-row--waiting td { background: #fafafa; }

.jco-ps-row--done    .jco-ps-col-amount { color: #059669; }
.jco-ps-row--ready   .jco-ps-col-amount { color: #d97706; }
.jco-ps-row--waiting .jco-ps-col-amount { color: #9ca3af; }

.jco-ps-table tfoot .jco-ps-total td {
    padding: 13px 18px;
    background: #fdf6ec;
    font-weight: 700;
    color: #4a2e15;
    border-top: 2px solid #e0cdb0;
    border-bottom: none;
}
.jco-ps-table tfoot .jco-ps-total td:last-child { text-align: left; }

.jco-ps-pay-btn {
    display: inline-block;
    background: linear-gradient(135deg, #8B5E3C, #b8862e);
    color: #fff !important;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 20px;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(139,94,60,0.28);
    transition: opacity 0.18s;
}
.jco-ps-pay-btn:hover { opacity: 0.85; color: #fff !important; }

/* --------------------------------------------------------------------------
   ۳. نوتیس WC pay page
   -------------------------------------------------------------------------- */

.jco-pay-page-notice {
    background: #fdf6ec;
    border: 1px solid #e8c87a;
    border-right: 3px solid #b8862e;
    border-radius: 6px;
    padding: 13px 16px;
    margin-bottom: 18px;
    direction: rtl;
    font-size: 0.88rem;
    color: #4a2e15;
    line-height: 1.7;
}
.jco-pay-page-notice p { margin: 0 0 4px; }
.jco-pay-page-notice p:last-child { margin: 0; }

/* --------------------------------------------------------------------------
   ۴. پیام‌های خطا / موفقیت
   -------------------------------------------------------------------------- */

.jco-message {
    padding: 13px 16px;
    border-radius: 8px;
    direction: rtl;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.6;
}
.jco-message--error   { background: #fef2f2; border: 1px solid #fca5a5; color: #b91c1c; }
.jco-message--success { background: #f0fdf4; border: 1px solid #86efac; color: #166534; }


/* --------------------------------------------------------------------------
   لیبل‌های وضعیت variation (جایگزین select)
   -------------------------------------------------------------------------- */

/* مخفی کردن select اصلی — اما در DOM هست تا WC کار کند */
select.jco-select-hidden {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 1px !important;
    height: 1px !important;
}

.jco-labels-row td.jco-labels-td {
    padding-top: 6px !important;
    padding-bottom: 10px !important;
    text-align: center !important;
}

.jco-labels-row {
    width: 100% !important;
}

.jco-select-labels {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 auto !important;
}

/* fallback برای حالتی که tr وجود ندارد */
.jco-labels-row:not(tr) {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.jco-slab {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 7px 14px !important;
    border-radius: 8px !important;
    border: 1.5px solid #e0d4c0 !important;
    background: #fff !important;
    cursor: pointer !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #3a2a1a !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
    line-height: 1.3 !important;
    min-width: 52px !important;
    text-align: center !important;
}

.jco-slab em {
    font-style: normal !important;
    font-size: 0.68rem !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    padding: 1px 6px !important;
}

/* موجود */
.jco-slab--instock em {
    background: #d1fae5 !important;
    color: #065f46 !important;
}
.jco-slab--instock.is-selected,
.jco-slab--instock:hover {
    border-color: #059669 !important;
    box-shadow: 0 0 0 2px rgba(5,150,105,.12) !important;
}

/* سفارش ساخت */
.jco-slab--jco em {
    background: #fef3c7 !important;
    color: #92400e !important;
}
.jco-slab--jco.is-selected,
.jco-slab--jco:hover {
    border-color: #d97706 !important;
    box-shadow: 0 0 0 2px rgba(217,119,6,.12) !important;
}

/* ناموجود */
.jco-slab--outofstock {
    opacity: 0.55 !important;
    cursor: default !important;
}
.jco-slab--outofstock em {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
}

/* غیرفعال کامل — ناموجود بدون JCO */
.jco-slab--disabled {
    opacity: 0.38 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* انتخاب شده — همان استایل hover با اولویت بالاتر */
.jco-slab--instock.is-selected {
    border-color: #059669 !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 2px rgba(5,150,105,.12) !important;
    background: #f0fdf4 !important;
}

.jco-slab--jco.is-selected {
    border-color: #d97706 !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 2px rgba(217,119,6,.12) !important;
    background: #fffbeb !important;
}

.jco-slab--outofstock.is-selected {
    border-color: #9ca3af !important;
    border-width: 2px !important;
    opacity: 0.55 !important;
}

/* --------------------------------------------------------------------------
   مخفی کردن fee داخلی JCO در cart و checkout
   -------------------------------------------------------------------------- */

/* cart totals */
.cart-collaterals .cart_totals tr.fee:has(th),
.woocommerce-cart-totals tr.fee {
    display: none !important;
}

/* checkout review */
.woocommerce-checkout-review-order-table tr.fee {
    display: none !important;
}

/* WoodMart: وسط‌چین ردیف‌های جدول variations */
.text-center table.variations tbody, .text-center table.variations tr, .text-left table.variations tbody, .text-left table.variations tr {
    display: flex !important;
    justify-content: center !important;
    flex-direction: column;
}