.elementor-141 .elementor-element.elementor-element-ad2053f{--display:flex;}@media(max-width:767px){.elementor-141 .elementor-element.elementor-element-ad2053f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for checkout-form, class: .elementor-element-49b0120 *//* ==========================================================================
   🛍️ CARTFLOWS CHECKOUT UI/UX HARMONY SYSTEM (DESKTOP)
   ========================================================================== */

/* ১. চেকআউট ফর্মের ওপরে ট্রাস্ট হেডিং ডাইনামিকালি যোগ করা */
.wcf-embed-checkout-form::before {
    content: "🛒 অর্ডারটি কনফার্ম করতে নিচের ফর্মটি সঠিক তথ্য দিয়ে পূরণ করুন";
    display: block;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--r-green, #044b36);
    background: #f0f7f4;
    padding: 12px 15px;
    border-radius: 8px;
    margin-bottom: 25px;
    border-left: 4px solid var(--r-gold, #eadebe);
    box-sizing: border-box !important;
}

/* ২. গ্লোবাল চেকআউট কন্টেইনার ফিক্স (Original Cream Border Returned) */
#rasa-checkout-form, 
.wcf-embed-checkout-form {
    max-width: 940px !important;
    width: 100% !important;
    margin: 40px auto !important;
    background: #ffffff !important;
    border-radius: var(--r-radius-standard, 12px) !important;
    box-shadow: 0 10px 35px rgba(4, 75, 54, 0.05) !important;
    border: 2px solid #eadebe !important; /* 👈 অরিজিনাল ক্রিম/গোল্ডেন ব্র‍্যান্ড বর্ডার */
    padding: 35px 30px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* ৩. প্রোডাক্ট সিলেকশন সেকশন (Product Grid / Radio Style) */
.wcf-embed-checkout-form .wcf-qty-options {
    border-radius: 8px !important;
    border: 1px solid #eadebe !important;
    background: #fffdf7 !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
.wcf-embed-checkout-form .wcf-qty-row-selected {
    background: #f0f7f4 !important;
    border: 2px solid var(--r-green, #044b36) !important;
}
.wcf-embed-checkout-form .wcf-qty-options .wcf-qty-label {
    font-weight: 700 !important;
    color: var(--r-dark, #222222) !important;
    font-size: 1.1rem !important;
}
.wcf-embed-checkout-form .wcf-qty-options .wcf-qty-price {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    color: var(--r-green, #044b36) !important;
}

/* ৪. ইনপুট ফিল্ডস স্টাইলিং (Name, Address, Phone) */
.wcf-embed-checkout-form input[type="text"], 
.wcf-embed-checkout-form input[type="tel"], 
.wcf-embed-checkout-form input[type="email"], 
.wcf-embed-checkout-form textarea {
    background-color: #fffdf7 !important;
    border: 1px solid #dcdcdc !important;
    padding: 14px 16px !important;
    border-radius: 8px !important;
    font-family: 'Hind Siliguri', sans-serif !important;
    font-size: 16px !important;
    color: var(--r-dark, #222222) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
.wcf-embed-checkout-form input:focus, 
.wcf-embed-checkout-form textarea:focus {
    border-color: var(--r-green, #044b36) !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(4, 75, 54, 0.12) !important;
    outline: none !important;
}

/* ৫. সেকশন হেডিংস ফিক্স (Billing Details / Your Order) */
.wcf-embed-checkout-form h3, 
.wcf-embed-checkout-form #order_review_heading {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: var(--r-green, #044b36) !important;
    border-bottom: 2px solid var(--r-gold, #eadebe) !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}

/* ৬. অর্ডার রিভিউ টেবিল ও পেমেন্ট গেটওয়ে বক্স */
.wcf-embed-checkout-form .woocommerce-checkout-review-order-table {
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.wcf-embed-checkout-form .woocommerce-checkout-review-order-table th,
.wcf-embed-checkout-form .woocommerce-checkout-review-order-table td {
    padding: 12px 15px !important;
}
.wcf-embed-checkout-form #payment {
    background: #fdfaf2 !important;
    border: 1px solid #eadebe !important;
    border-radius: 8px !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* 🚨 ৭. অর্ডার কনফার্মেশন বাটন */
.wcf-embed-checkout-form .wcf-submit-button,
.wcf-embed-checkout-form #place_order {
    background: #28a745 !important;
    color: #ffffff !important;
    font-family: 'Hind Siliguri', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.3rem !important;
    padding: 16px 10px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.35) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    width: 100% !important;
    display: block !important;
    text-transform: none !important;
    box-sizing: border-box !important;
}


/* ==========================================================================
   📱 MOBILE RESPONSIVE OVERRIDES (EXACT NO-MARGIN INNER FIX)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* ১. বডির স্ক্রোল বন্ধ */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
    }

    /* ২. মেইন কন্টেইনার স্ক্রিন-টু-স্ক্রিন ফিট */
    #rasa-checkout-form, 
    .wcf-embed-checkout-form {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
        padding: 12px 8px !important;
        box-sizing: border-box !important;
        border: 2px solid #eadebe !important; /* 👈 মোবাইল ভিউতেও অরিজিনাল ক্রিম বর্ডার */
    }

    /* ৩. প্যাকেজ অপশন/রেডিও বক্সের ভেতরের প্যাডিং-মার্জিন রিমুভ */
    .wcf-embed-checkout-form .wcf-qty-options,
    .wcf-embed-checkout-form .wcf-qty-row,
    .wcf-embed-checkout-form .wcf-qty-options .wcf-qty-element {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 8px 6px !important;
        box-sizing: border-box !important;
    }

    /* ৪. 'Your Order' সামারি টেবিলের মার্জিন-প্যাডিং রিমুভ */
    .wcf-embed-checkout-form .woocommerce-checkout-review-order,
    .wcf-embed-checkout-form .woocommerce-checkout-review-order-table,
    .wcf-embed-checkout-form table.shop_table {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: table !important;
    }
    
    .wcf-embed-checkout-form .woocommerce-checkout-review-order-table td,
    .wcf-embed-checkout-form .woocommerce-checkout-review-order-table th {
        padding: 10px 6px !important;
    }

    /* ৫. পেমেন্ট বক্স (Cash on delivery) এর সাইড গ্যাপ ফিক্স */
    .wcf-embed-checkout-form #payment,
    .wcf-embed-checkout-form #payment div.payment_box,
    .wcf-embed-checkout-form #payment ul.payment_methods {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px 8px !important;
        box-sizing: border-box !important;
    }

    /* ৬. বাটন ফিক্স */
    .wcf-embed-checkout-form .wcf-submit-button,
    .wcf-embed-checkout-form #place_order {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 1.1rem !important;
        padding: 14px 4px !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        line-height: 1.2 !important;
    }
}/* End custom CSS */