.elementor-67 .elementor-element.elementor-element-1a8a5a2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-30d9b4e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for checkout-form, class: .elementor-element-cc1d97d *//* ===================================================
   ১. কাস্টমার ইনফরমেশন, ইমেইল ও চেকবক্স হাইড
   =================================================== */
.wc-block-checkout__contact-fields,
.wp-block-woocommerce-checkout-contact-information-block,
.wc-block-components-checkout-step--contact-information,
.wc-block-components-checkbox[data-attribute="marketing_opt_in"],
#customer_details .woocommerce-billing-fields h3:first-child,
#billing_email_field,
.wcf-optin-checkbox,
label:has(input[name*="subscribe"]),
label:has(input[name*="mail"]),
label:has(input[name*="newsletter"]) {
    display: none !important;
}

/* ===================================================
   ২. ফিল্ড লেবেল (নাম, মোবাইল নম্বর, ঠিকানা ইত্যাদি)
   =================================================== */
.woocommerce form .form-row label,
.wcf-checkout-form label {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* ===================================================
   ৩. বড় সাইজের ইনপুট ফিল্ড ও টেক্সট এরিয়া
   =================================================== */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.wcf-checkout-form input[type="text"],
.wcf-checkout-form input[type="tel"],
.wcf-checkout-form input[type="email"],
.wc-block-components-text-input input {
    width: 100% !important;
    min-height: 58px !important;
    padding: 14px 18px !important;
    border: 1.8px solid #1e293b !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
    color: #0f172a !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* বড় ঠিকানা বক্স */
.woocommerce form .form-row textarea,
.wcf-checkout-form textarea {
    min-height: 110px !important;
    padding-top: 14px !important;
}

/* ফোকাস ও প্লেসহোল্ডার স্টাইল */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.wcf-checkout-form input:focus,
.wcf-checkout-form textarea:focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15) !important;
}

.woocommerce form .form-row input::placeholder,
.woocommerce form .form-row textarea::placeholder,
.wcf-checkout-form input::placeholder,
.wcf-checkout-form textarea::placeholder {
    font-size: 15px !important;
    color: #94a3b8 !important;
}

/* ===================================================
   ৪. অর্ডার কনফার্ম বাটন (গ্রিন কালার ও ব্লিঙ্কিং অ্যানিমেশন)
   =================================================== */
#place_order,
.wcf-checkout-form #place_order,
.wc-block-components-checkout-place-order-button {
    width: 100% !important;
    background: linear-gradient(180deg, #059669 0%, #047857 100%) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 16px 20px !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 18px !important;
    display: block !important;
    animation: buttonBlinkPulse 1.5s infinite ease-in-out !important;
}

#place_order:hover,
.wcf-checkout-form #place_order:hover {
    background: linear-gradient(180deg, #047857 0%, #065f46 100%) !important;
}

/* ব্লিঙ্ক ও পালস অ্যানিমেশন কিফ্রেম */
@keyframes buttonBlinkPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(4, 120, 87, 0.7);
        opacity: 1;
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 0 16px 6px rgba(4, 120, 87, 0.4);
        opacity: 0.88;
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(4, 120, 87, 0);
        opacity: 1;
    }
}/* End custom CSS */