/**
 * Farid Smart Product Purchase Box - Frontend Styles
 * Fully scoped to .fcl-purchase-box-widget
 * Seamless RTL layout, perfect typography & zero duplicate prices.
 */

.fcl-purchase-box-widget {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    direction: rtl;
    text-align: right;
    font-family: inherit;
    margin: 0;
    padding: 0;
}

.fcl-purchase-box-widget * {
    box-sizing: border-box;
}

/* ==========================================================================
   ۱. کادر قیمت (Price Card) - هماهنگ برای محصول ساده و متغیر
   ========================================================================== */
.fcl-purchase-box-widget .fcl-price-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 18px !important;
    background-color: #f8fafc !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 10px !important;
    margin-bottom: 14px !important;
    transition: all 0.2s ease !important;
}

.fcl-purchase-box-widget .fcl-price-card .fcl-price-label-text {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

.fcl-purchase-box-widget .fcl-price-card .fcl-price-val-wrap,
.fcl-purchase-box-widget .fcl-price-card .price {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
}

.fcl-purchase-box-widget .fcl-price-card del {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
}

.fcl-purchase-box-widget .fcl-price-card ins {
    text-decoration: none !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* مخفی‌سازی قیمت موبایل تکراری قالب Shopi */
.fcl-purchase-box-widget .woocommerce_template_single_price_vip {
    display: none !important;
}

/* ==========================================================================
   ۲. وضعیت انبار (Stock Status)
   ========================================================================== */
.fcl-purchase-box-widget .fcl-stock-card {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
    width: fit-content !important;
}

.fcl-purchase-box-widget .fcl-stock-card.fcl-stock-in-stock {
    background-color: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    color: #059669 !important;
}

.fcl-purchase-box-widget .fcl-stock-card.fcl-stock-out-of-stock {
    background-color: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #dc2626 !important;
}

/* ==========================================================================
   ۳. جدول ویژگی‌های محصول متغیر (Attributes & Variations)
   ========================================================================== */
.fcl-purchase-box-widget .variations_form table.variations {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    margin-bottom: 8px !important;
    background: transparent !important;
    border: none !important;
}

.fcl-purchase-box-widget .variations_form table.variations tbody,
.fcl-purchase-box-widget .variations_form table.variations tr {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 6px !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.fcl-purchase-box-widget .variations_form table.variations tr th.label {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
    border: none !important;
    background: transparent !important;
}

.fcl-purchase-box-widget .variations_form table.variations tr th.label label {
    font-size: 13.5px !important;
    color: #475569 !important;
    font-weight: 700 !important;
    margin: 0 !important;
    cursor: default !important;
}

.fcl-purchase-box-widget .variations_form table.variations tr td.value {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* ==========================================================================
   ۴. کادر دراپ‌داون ویژگی‌ها (Select & Select2)
   ========================================================================== */
.fcl-purchase-box-widget .variations_form .select2-container {
    width: 100% !important;
}

.fcl-purchase-box-widget .variations_form select,
.fcl-purchase-box-widget .variations_form .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 14px 0 38px !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    box-shadow: none !important;
}

.fcl-purchase-box-widget .variations_form .select2-container--default.select2-container--open .select2-selection--single,
.fcl-purchase-box-widget .variations_form select:focus {
    border-color: #0284c7 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12) !important;
}

.fcl-purchase-box-widget .variations_form .select2-selection__rendered {
    font-size: 13.5px !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    line-height: normal !important;
    width: 100% !important;
}

.fcl-purchase-box-widget .variations_form .select2-selection__arrow {
    position: absolute !important;
    left: 14px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
}

.fcl-purchase-box-widget .variations_form .select2-selection__arrow b {
    border-top: 2px solid #64748b !important;
    border-left: 2px solid #64748b !important;
    border-bottom: none !important;
    border-right: none !important;
    width: 7px !important;
    height: 7px !important;
    transform: translateY(-50%) rotate(-135deg) !important;
    transition: transform 0.2s ease !important;
}

.fcl-purchase-box-widget .variations_form .select2-container--open .select2-selection__arrow b {
    transform: translateY(-50%) rotate(45deg) !important;
    border-color: #0284c7 !important;
}

/* پاپ‌آپ گزینه‌های Select2 */
body.single-product .select2-dropdown {
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.06) !important;
    background-color: #ffffff !important;
    margin-top: 6px !important;
    overflow: hidden !important;
    direction: rtl !important;
    text-align: right !important;
    z-index: 99999 !important;
}

body.single-product .select2-results__option {
    padding: 11px 16px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background-color 0.15s ease !important;
}

body.single-product .select2-results__option:last-child {
    border-bottom: none !important;
}

body.single-product .select2-container--default .select2-results__option--highlighted[aria-selected],
body.single-product .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #f0f9ff !important;
    color: #0369a1 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   ۵. دکمه «حذف انتخاب» (Reset Variations)
   ========================================================================== */
.fcl-purchase-box-widget .variations_form .reset_variations[style*="hidden"],
.fcl-purchase-box-widget .variations_form .reset_variations[style*="none"],
.fcl-purchase-box-widget .variations_form tr.woocommerce_reset_variations_link_tr:has(a[style*="hidden"]),
.fcl-purchase-box-widget .variations_form tr.woocommerce_reset_variations_link_tr:has(a[style*="none"]) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.fcl-purchase-box-widget .variations_form tr.woocommerce_reset_variations_link_tr {
    display: flex !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: -4px 0 12px 0 !important;
    min-height: auto !important;
}

.fcl-purchase-box-widget .variations_form tr.woocommerce_reset_variations_link_tr td {
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    border: none !important;
}

.fcl-purchase-box-widget .variations_form a.reset_variations {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background-color: #fef2f2 !important;
    color: #ef4444 !important;
    border: 1px solid #fecaca !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.fcl-purchase-box-widget .variations_form a.reset_variations:hover {
    background-color: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
}

.fcl-purchase-box-widget .variations_form a.reset_variations::before {
    content: "✕" !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   ۶. قیمت متغیر انتخاب‌شده و وضعیت انبار متغیر
   ========================================================================== */
.fcl-purchase-box-widget .variations_form .woocommerce-variation-price {
    margin: 12px 0 10px 0 !important;
    padding: 12px 18px !important;
    background-color: #f8fafc !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.fcl-purchase-box-widget .variations_form .woocommerce-variation-price::before {
    content: "قیمت:" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #475569 !important;
}

.fcl-purchase-box-widget .variations_form .woocommerce-variation-price .price {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin: 0 !important;
}

.fcl-purchase-box-widget .variations_form .woocommerce-variation-availability {
    margin-bottom: 12px !important;
}

.fcl-purchase-box-widget .variations_form .woocommerce-variation-availability .stock {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    margin: 0 !important;
}

.fcl-purchase-box-widget .variations_form .woocommerce-variation-availability .stock.in-stock {
    background-color: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
}

.fcl-purchase-box-widget .variations_form .woocommerce-variation-availability .stock.out-of-stock {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
    border: 1px solid #fecaca !important;
}

/* ==========================================================================
   ۷. فیلد تعداد (Quantity) و دکمه افزودن به سبد خرید
   ========================================================================== */
.fcl-purchase-box-widget .quantity {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    border: 1px solid #e9edf2 !important;
    border-radius: 10px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    height: 48px !important;
    background-color: #ffffff !important;
}

.fcl-purchase-box-widget .quantity button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    color: #28313b !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    transition: background 0.15s ease !important;
}

.fcl-purchase-box-widget .quantity button:hover {
    background-color: #f1f5f9 !important;
}

.fcl-purchase-box-widget .quantity input.qty {
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    outline: none !important;
    flex-grow: 1 !important;
    max-width: 60px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    -moz-appearance: textfield !important;
}

.fcl-purchase-box-widget .quantity input.qty::-webkit-inner-spin-button,
.fcl-purchase-box-widget .quantity input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* دکمه افزودن به سبد خرید */
.fcl-purchase-box-widget button.single_add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 14px 24px !important;
    background-color: #0073e6 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 14px rgba(0, 115, 230, 0.25) !important;
    text-align: center !important;
    line-height: normal !important;
}

.fcl-purchase-box-widget button.single_add_to_cart_button:hover {
    background-color: #005bb5 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(0, 115, 230, 0.35) !important;
}

.fcl-purchase-box-widget button.single_add_to_cart_button.disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}