.elementor-12 .elementor-element.elementor-element-adcf620{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-3b65edf{--display:flex;}.elementor-12 .elementor-element.elementor-element-b1bc908{--tab-content-spacing:4px;--tabs-alignment:center;--tabs-border-type:solid;--tabs-border-radius:5px 5px 5px 5px;--tabs-padding:5px 5px 5px 5px;--tabs-spacing:0px;--tabs-divider-color:#FFFFFF;--tabs-divider-weight:3px;}.elementor-12 .elementor-element.elementor-element-b1bc908 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{border-width:1px 1px 1px 1px;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-b1bc908 *//* ===================================================
   WooCommerce My Account: Box Width & Cut-Text Fix
   =================================================== */

/* ১. রাইট সাইড কন্টেন্ট বক্সের উইডথ পুরো ফিট করা */
.woocommerce-account .woocommerce {
    display: flex !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 100% !important;
}

.woocommerce-MyAccount-content {
    flex: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 24px !important;
    overflow-x: auto !important; /* অতিরিক্ত টেক্সট স্ক্রল করা বা ফিট করার জন্য */
}

/* ২. ইনার বক্স এবং কার্ডগুলো ১০০% ফ্লেক্স করা */
.woocommerce-order-details,
.woocommerce-customer-details,
.woocommerce-MyAccount-content > div {
    width: 100% !important;
    max-width: 100% !important;
}

/* ৩. টেবিলের কলাম সাইজ ঠিক করা (যেন কেটে না যায়) */
.woocommerce-MyAccount-content table.shop_table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important; /* কলাম অনুযায়ী অটো স্পেস নিবে */
    border-collapse: collapse !important;
    word-break: break-word !important;
}

/* ৪. টেবিল টেক্সট কাটা বন্ধ করা এবং প্যাডিং ঠিক করা */
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
    white-space: normal !important; /* টেক্সট কেটে না গিয়ে পরের লাইনে আসবে */
    padding: 12px 10px !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    color: #000000 !important;
}

/* ৫. বাটন (Invoice, E-Invoice, Download) এলাইনমেন্ট ফিক্স */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content .woocommerce-Button {
    display: inline-block !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    padding: 6px 14px !important;
    margin: 4px 2px !important;
}

/* ৬. মোবাইলে রেসপন্সিভ করার জন্য */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
    }
    .woocommerce-MyAccount-content {
        padding: 15px !important;
    }
    .woocommerce-MyAccount-content table.shop_table {
        display: block !important;
        overflow-x: auto !important;
    }
}/* End custom CSS */