.elementor-96 .elementor-element.elementor-element-185ec63{--display:flex;}.elementor-96 .elementor-element.elementor-element-8feed3a{--display:flex;}.elementor-96 .elementor-element.elementor-element-db31aaa .wcf-embed-checkout-form, .elementor-96 .elementor-element.elementor-element-db31aaa .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#FFFFFF;}/* Start custom CSS for checkout-form, class: .elementor-element-db31aaa *//*======================================================================
  ১. গ্লোবাল এবং ডেস্কটপ ভিউ (PC View - Default)
======================================================================*/

/* মেইন ফর্ম কন্টেইনার */
.wcf-embed-checkout-form {
    background: #111827 !important; /* ডার্ক গ্রাফাইট ব্যাকগ্রাউন্ড */
    border: 1px solid #1f2937 !important;
    padding: 35px 30px !important;
    border-radius: 16px !important;
    color: #ffffff !important;
}

/* ইনপুট ফিল্ড ও বক্সের ডিজাইন */
.wcf-embed-checkout-form input[type="text"], 
.wcf-embed-checkout-form input[type="email"], 
.wcf-embed-checkout-form input[type="tel"], 
.wcf-embed-checkout-form select, 
.wcf-embed-checkout-form textarea {
    background-color: #1f2937 !important;
    border: 1px solid #374151 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
}

/* ইনপুট ফোকাস গ্লো ইফেক্ট */
.wcf-embed-checkout-form input:focus, 
.wcf-embed-checkout-form select:focus {
    border-color: #ff4757 !important; /* ব্র্যান্ড রেড */
    box-shadow: 0 0 0 2px rgba(255, 71, 87, 0.2) !important;
    outline: none !important;
}

/* ফিল্ডের ওপরের টেক্সট লেবেল */
.wcf-embed-checkout-form label {
    color: #d1d5db !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
}

/* উকমার্স অর্ডার রিভিউ ও পেমেন্ট বক্স */
.wcf-embed-checkout-form #order_review, 
.wcf-embed-checkout-form #payment {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

/* পেমেন্ট মেথড লিস্ট ও গেটওয়ে টাইটেল */
.woocommerce-checkout #payment ul.payment_methods li {
    border-bottom: 1px solid #374151 !important;
    padding: 15px 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    display: inline-block !important;
    margin-left: 8px !important;
}

/* বিকাশ/নগদ ইনস্ট্রাকশন ড্রপডাউন বক্স */
.woocommerce-checkout #payment div.payment_box {
    background-color: #111827 !important;
    border: 1px solid #374151 !important;
    border-radius: 8px !important;
    padding: 18px !important;
    margin-top: 10px !important;
}

.woocommerce-checkout #payment div.payment_box p {
    color: #e5e7eb !important;
    opacity: 1 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* ড্রপডাউন বক্সের ভেতরের ইনপুট লেবেল (bKash Number, TxID) */
.woocommerce-checkout #payment div.payment_box p label,
.woocommerce-checkout #payment div.payment_box label {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

/* অর্ডার প্লেস বাটন */
.wcf-embed-checkout-form #place_order {
    background-color: #ff4757 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 16px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(255, 71, 87, 0.3) !important;
    cursor: pointer !important;
}

.wcf-embed-checkout-form #place_order:hover {
    background-color: #e03d4f !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 71, 87, 0.4) !important;
}

/* অর্ডার টেবিল ও টোটাল সেকশন */
.shop_table th, .shop_table td {
    color: #ffffff !important;
    border-bottom: 1px solid #374151 !important;
    padding: 12px 10px !important;
}

.order-total th, .order-total td strong {
    color: #ff4757 !important;
    font-size: 20px !important;
}


/*======================================================================
  ২. ট্যাবলেট ভিউ (Tablet View - IPad/Tab)
======================================================================*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wcf-embed-checkout-form {
        padding: 25px 20px !important;
    }
    
    .wcf-embed-checkout-form #order_review, 
    .wcf-embed-checkout-form #payment {
        padding: 20px !important;
    }

    .woocommerce-checkout #payment div.payment_box {
        padding: 15px !important;
    }
}


/*======================================================================
  ৩. মোবাইল ভিউ (Mobile View - Smart Phones)
======================================================================*/
@media only screen and (max-width: 767px) {
    
    /* কন্টেইনার এবং পেমেন্ট বক্সের প্যাডিং মোবাইল ফ্রেন্ডলি করা */
    .wcf-embed-checkout-form {
        padding: 20px 12px !important;
    }
    
    .wcf-embed-checkout-form #order_review, 
    .wcf-embed-checkout-form #payment {
        padding: 15px 12px !important;
        margin: 0 0 20px 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-checkout #payment div.payment_box {
        padding: 12px 10px !important;
    }

    /* বিকাশ/নগদ ইনস্ট্রাকশন ফন্ট সাইজ ও লাইনের গ্যাপ ছোট করা */
    .woocommerce-checkout #payment div.payment_box p {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin-bottom: 12px !important;
    }

    /* ইনপুট লেবেল এবং বক্সগুলোকে ফুল-উইডথ করে নিচে নামানো */
    .woocommerce-checkout #payment div.payment_box p label,
    .woocommerce-checkout #payment div.payment_box label {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin-bottom: 6px !important;
        text-align: left !important;
        font-size: 13px !important;
    }

    .woocommerce-checkout #payment div.payment_box input[type="text"],
    .woocommerce-checkout #payment div.payment_box input[type="tel"] {
        display: block !important;
        width: 100% !important;
        float: none !important;
        padding: 10px 12px !important;
        font-size: 14px !important;
        box-sizing: border-box !important;
    }
    
    /* ভেঙে যাওয়া অর্ডার টেবিল লেআউট ঠিক করা (বাম পাশে টেক্সট, ডান পাশে প্রাইস) */
    .shop_table thead {
        display: none !important; /* মোবাইলে টেবিল হেডার হাইড */
    }

    .shop_table tr {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 12px 4px !important;
        border-bottom: 1px solid #374151 !important;
    }

    .shop_table td, .shop_table th {
        display: block !important;
        border: none !important;
        padding: 0 !important;
        text-align: left !important;
        max-width: 65% !important;
        font-size: 14px !important;
    }

    /* প্রাইস কলাম ডান পাশে পুশ করা */
    .shop_table td.product-total, 
    .shop_table td.order-total,
    .shop_table tr.cart-subtotal td,
    .shop_table tr.fee td {
        text-align: right !important;
        max-width: 35% !important;
        font-weight: 700 !important;
    }
    
    /* মোবাইল প্লেস অর্ডার বাটন */
    .wcf-embed-checkout-form #place_order {
        font-size: 16px !important;
        padding: 14px 15px !important;
    }
}/* End custom CSS */