/* ============================================
   ShirazGate - استایل‌های صفحه تسویه حساب
   ============================================ */

/* --- ۱. کانتینر اصلی فرم ثبت اطلاعات تحویل‌گیرنده --- */
.cart-checkout-context .lg\:w-7\/10 > .border.rounded-lg {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 5px solid #002e57 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 46, 87, 0.04) !important;
    overflow: hidden !important;
}

/* هدر کانتینر فرم */
.cart-checkout-context .lg\:w-7\/10 .border-b {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
.cart-checkout-context .lg\:w-7\/10 .border-b span {
    color: #002e57 !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
}

/* --- ۲. استایل لیبل‌ها و اینپوت‌های فرم --- */
.cart-checkout-form .form-label {
    color: #002e57 !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.cart-checkout-form .form-control {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: 0.88rem !important;
    color: #0f172a !important;
    transition: all 0.25s ease !important;
}

.cart-checkout-form .form-control:focus {
    background: #ffffff !important;
    border-color: #002e57 !important;
    box-shadow: 0 0 0 3px rgba(0, 46, 87, 0.1) !important;
    outline: none !important;
}

/* فیلد متنی توضیحات */
.cart-checkout-form textarea.form-control {
    border-radius: 14px !important;
}

/* --- ۳. سیدبار صورت‌حساب در صفحه ثبت سفارش --- */
.cart-checkout-context .cart-sidebar {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 5px solid #002e57 !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 32px rgba(0, 46, 87, 0.06) !important;
    overflow: hidden !important;
}

.cart-checkout-context .cart-sidebar .border-b {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.cart-checkout-context .cart-sidebar .border-b span {
    color: #002e57 !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
}

/* برجسته‌سازی آیتم قابل پرداخت */
.cart-checkout-context .cart-sidebar .space-y-14 > div:last-child,
.cart-checkout-context .cart-sidebar .space-y-16 > div:last-child {
    background: #f8fafc !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    margin-top: 12px !important;
}

.cart-checkout-context .cart-sidebar .space-y-14 > div:last-child .text-dark,
.cart-checkout-context .cart-sidebar .space-y-16 > div:last-child .text-dark {
    color: #002e57 !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
}

/* --- ۴. دکمه اصلی ثبت اطلاعات --- */
.cart-checkout-context .cart-sidebar button[data-click-target="#checkout-form-next"] {
    background: linear-gradient(135deg, #002e57 0%, #00407a 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 14px !important;
    font-weight: 800 !important;
    font-size: 0.98rem !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 8px 20px rgba(0, 46, 87, 0.2) !important;
    cursor: pointer !important;
}

.cart-checkout-context .cart-sidebar button[data-click-target="#checkout-form-next"]:hover {
    background: linear-gradient(135deg, #F4B860 0%, #e0a34b 100%) !important;
    color: #002e57 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(244, 184, 96, 0.35) !important;
}