.elementor-61 .elementor-element.elementor-element-dcfcca8{--display:flex;overflow:visible;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-1410e4f *//* استایل کلی صفحه پرداخت */
.woocommerce-checkout {
    font-family: 'IranYekanX', sans-serif; /* فونت ایران یکان ایکس */
}

/* استایل فیلدهای فرم */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    background: #f7f8fa;
    border: 1px solid #d1d5db; /* حاشیه ظریف */
    border-radius: 10px; /* گوشه‌های گرد */
    padding: 14px 18px;
    font-size: 13px;
    color: #333;

}

/* افکت هنگام فوکوس روی فیلدها */
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    outline: none;
    border-color: #0088cc; /* رنگ آبی هنگام فوکوس */
    box-shadow: 0px 0px 10px rgba(0, 136, 204, 0.3);
}

/* استایل چک‌باکس‌ها */
.woocommerce-checkout input[type="checkbox"] {
    margin-right: 8px;
    transform: scale(1.2); /* بزرگ‌تر کردن چک‌باکس */
    vertical-align: middle;
}

.woocommerce-checkout label {
    font-size: 14px;
    color: #333;
}

/* افکت هاور روی دکمه‌ها */
.woocommerce-checkout button:hover,
.woocommerce-checkout input[type="submit"]:hover {
    background: #006699; /* آبی تیره‌تر */
    transform: translateY(-2px);
    box-shadow: 0px 4px 10px rgba(0, 102, 153, 0.3);
}

/* استایل دکمه ثبت سفارش */
.woocommerce-checkout input[type="submit"] {
    background: linear-gradient(135deg, #1e90ff, #00bfff); /* گرادیانت آبی */
    border: none;
    color: white;
    font-weight: bold;
    padding: 15px 25px;
    border-radius: 10px;
    font-size: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: block;
    width: 100%;
    margin-top: 20px;
}

.woocommerce-checkout input[type="submit"]:hover {
    background: linear-gradient(135deg, #00bfff, #1e90ff); /* گرادیانت معکوس */
    transform: translateY(-3px);
    box-shadow: 0px 5px 15px rgba(30, 144, 255, 0.4);
}

/* استایل پیام‌های ووکامرس */
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message {
    background: #f7f7f7;
    border-radius: 11px;
    border: 1px solid #dcdcdc; /* حاشیه ظریف */
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}

/* استایل خطاها */
.woocommerce-checkout .woocommerce-error {
    border-left: 4px solid #ff4d4d; /* خط قرمز برای پیام خطا */
    color: #ff4d4d;
}

/* استایل تاییدها */
.woocommerce-checkout .woocommerce-message {
    border-left: 4px solid #00cc88; /* خط سبز برای پیام موفقیت */
    color: #00cc88;
}

/* حاشیه دور هر بخش */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-checkout-review-order {
    border: 1px solid #e0e0e0; /* حاشیه ظریف */
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fafafa; /* پس‌زمینه روشن */
}

/* افکت ملایم روی باکس‌ها */
.woocommerce-checkout .woocommerce-billing-fields:hover,
.woocommerce-checkout .woocommerce-additional-fields:hover,
.woocommerce-checkout .woocommerce-checkout-review-order:hover {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 767px) {
    .woocommerce-checkout {
        padding: 1px; /* کاهش فاصله داخلی */
    }

    .woocommerce-checkout input,
    .woocommerce-checkout select,
    .woocommerce-checkout textarea {
        font-size: 14px; /* کاهش اندازه فونت */
        padding: 12px; /* کاهش فاصله داخلی فیلدها */
    }

    .woocommerce-checkout input[type="submit"] {
        font-size: 14px; /* کاهش اندازه متن دکمه‌ها */
        padding: 12px 16px; /* کاهش فاصله داخلی */
    }
}/* End custom CSS */