.elementor-23 .elementor-element.elementor-element-10e6921{--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-23 .elementor-element.elementor-element-c445cad{margin:-18px -18px calc(var(--kit-widget-spacing, 0px) + -18px) -18px;padding:-46px -46px -46px -46px;--tabs-alignment:center;}:root{--page-title-display:none;}body.elementor-page-23{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-c445cad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-10e6921{--content-width:1600px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-c445cad *//* ===================================================
   ১. HTML হেডলাইন অ্যানিমেশন ও স্টাইল
   =================================================== */

.animated-account-title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0;
    height: 3px !important;
    background: linear-gradient(90deg, #d32f2f, #e74c3c) !important;
    border-radius: 2px !important;
    animation: titleLineExpand 1.5s ease-out forwards !important;
}

@keyframes titleLineExpand {
    0% { width: 0; opacity: 0; }
    50% { width: 80px; opacity: 1; box-shadow: 0 0 8px rgba(231, 76, 60, 0.6); }
    100% { width: 60px; opacity: 1; box-shadow: 0 0 4px rgba(231, 76, 60, 0.3); }
}

/* ===================================================
   ২. মডার্ন লেআউট ও লোগো এরিয়া (প্যাডিং ও স্পেস ফিক্স)
   =================================================== */

@media (min-width: 769px) {
    .elementor-23 .elementor-element.elementor-element-c445cad .woocommerce {
        display: flex !important;
        gap: 25px !important;
        align-items: flex-start !important;
        max-width: 1200px !important;
        margin: 5px auto !important;
    }

    .elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation {
        flex: 0 0 295px !important;
        width: 295px !important;
        background: #ffffff !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 25px rgba(231, 76, 60, 0.04) !important;
        border: 1px solid #f1f2f6 !important;
        padding: 0 !important;
        overflow: hidden !important;
        display: block !important;
    }

    .elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-content {
        flex: 1 !important;
        background: #ffffff !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02) !important;
        padding: 25px !important;
        border: 1px solid #f1f2f6 !important;
        min-height: 420px !important;
    }
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation::before {
    content: "" !important;
    display: block !important;
    height: 110px !important;
    background: linear-gradient(135deg, #d32f2f, #e74c3c) !important;
    background-image: url('https://adhunikbazarbd.com/wp-content/uploads/2026/05/cropped-Adhunik-Bazar-BD-Logo.png') !important; 
    background-size: auto 52px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border-bottom: 3px solid #ffffff !important;
    margin-bottom: 0 !important;
}

/* 🎯 ফাঁকা জায়গায় "আমার অ্যাকাউন্ট" টেক্সট (ফুল উইডথ মার্জিন ফিক্স) */
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation ul::before {
    content: "👤 আমার অ্যাকাউন্ট" !important;
    display: block !important;
    font-family: 'Hind Siliguri', 'SolaimanLipi', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    text-align: center !important;
    padding: 12px !important;
    margin: 0 0 15px 0 !important; /* দুই পাশের এক্সট্রা মার্জিন জিরো */
    background: #f8fafc !important;
    border-radius: 8px !important;
    border: 1px dashed #cbd5e1 !important;
}

/* ===================================================
   ৩. বাম পাশের মেনু বাটনসমূহ (বাটন বড় ও দুই পাশের ফাঁকা জায়গা ক্লিয়ার)
   =================================================== */

.elementor-23 .elementor-element.elementor-element-c445cad .elementor-widget-container,
.elementor-23 .elementor-element.elementor-element-c445cad .elementor-main-sw,
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important; 
    padding: 12px !important; /* 🛠️ দুই পাশের প্যাডিং ১৫ থেকে কমিয়ে ১২ করা হলো */
    margin: 0 !important;
    list-style: none !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation-link--dashboard { display: none !important; }

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation ul li {
    width: 100% !important; /* 🛠️ বাটন যেন পুরো জায়গা জুড়ে বড় হয় */
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    padding: 13px 15px 13px 40px !important; 
    font-size: 0 !important; 
    font-weight: 700 !important;
    background: #e74c3c !important; 
    color: #ffffff !important; 
    border-radius: 8px !important; 
    border: 1px solid #d32f2f !important;
    position: relative !important;
    box-shadow: 0 4px 10px rgba(231, 76, 60, 0.1) !important;
    transition: all 0.25s ease-in-out !important;
    width: 100% !important; /* 🛠️ বাটনকে ফুল চওড়া করা হলো */
    box-sizing: border-box !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation ul li a::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 7px !important;
    height: 7px !important;
    background-color: #ffffff !important; 
    border-radius: 50% !important;
    animation: modernLabelPulse 1.6s infinite ease-in-out !important;
}

@keyframes modernLabelPulse {
    0% { transform: translateY(-50%) scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); }
    70% { transform: translateY(-50%) scale(1.3); box-shadow: 0 0 0 6px rgba(255, 255, 255, 0); }
    100% { transform: translateY(-50%) scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation-link--orders a::after { content: "🛒 আমার অর্ডারসমূহ" !important; font-size: 14.5px !important; color: #ffffff !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation-link--edit-address a::after { content: "📍 ডেলিভারি ঠিকানা" !important; font-size: 14.5px !important; color: #ffffff !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation-link--edit-account a::after { content: "⚙️ অ্যাকাউন্ট বিবরণী" !important; font-size: 14.5px !important; color: #ffffff !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation-link--customer-logout a::after { content: "🚪 লগআউট করুন" !important; font-size: 14.5px !important; color: #ffffff !important; }

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation ul li a:hover { background-color: #c0392b !important; border-color: #b03024 !important; padding-left: 45px !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation ul li.is-active a { background-color: #b03024 !important; border-color: #781e16 !important; box-shadow: inset 0 2px 5px rgba(0,0,0,0.2) !important; }

/* ===================================================
   ৪. অর্ডারসমূহ: প্রফেশনাল কম্প্যাক্ট ছক (মোবাইল রেসপনসিভ)
   =================================================== */

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-content {
    overflow-x: auto !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table {
    width: 100% !important;
    min-width: 600px !important; 
    border-collapse: collapse !important;
    border: 1px solid #f1f2f6 !important;
    border-radius: 8px !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table thead th {
    background-color: #f8fafc !important;
    color: #475569 !important;
    font-weight: 700 !important;
    padding: 12px 14px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    font-size: 0 !important;
}
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table thead th.woocommerce-orders-table__header-order-number::before { content: "🆔 অর্ডার আইডি" !important; font-size: 13.5px !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table thead th.woocommerce-orders-table__header-order-date::before { content: "📅 তারিখ" !important; font-size: 13.5px !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table thead th.woocommerce-orders-table__header-order-status::before { content: "⚡ অবস্থা" !important; font-size: 13.5px !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table thead th.woocommerce-orders-table__header-order-total::before { content: "💰 মোট মূল্য" !important; font-size: 13.5px !important; }

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table__header-order-actions,
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table__cell-order-actions {
    display: none !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table tbody tr {
    transition: background 0.2s !important;
}
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table tbody tr:hover {
    background-color: #fffafb !important; 
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table td {
    padding: 12px 14px !important;
    border-bottom: 1px solid #f1f2f6 !important;
    font-size: 14px !important;
    color: #334155 !important;
    vertical-align: middle !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table__cell-order-number a {
    display: inline-block !important;
    background: #fff5f5 !important;
    color: #e74c3c !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    border: 1px solid #fbc2c2 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table__cell-order-number a:hover {
    background: #e74c3c !important;
    color: #ffffff !important;
    box-shadow: 0 3px 8px rgba(231, 76, 60, 0.2) !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-orders-table__cell-order-status mark {
    background: #e2e8f0 !important;
    color: #334155 !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}

/* ===================================================
   ৫. ডেলিভারি ঠিকানা: ছক বা বক্স লেআউট
   =================================================== */

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-columns--addresses address {
    display: block !important;
    border: 1px solid #f5c6cb !important; 
    border-radius: 10px !important;
    padding: 20px !important;
    background: #fffdfd !important;
    border-left: 5px solid #e74c3c !important; 
    font-style: normal !important;
    line-height: 1.7 !important;
    color: #2c3e50 !important;
    font-size: 14.5px !important;
}

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-Addresses .woocommerce-Address-title a.edit,
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-account .addresses .edit {
    display: inline-block !important;
    font-size: 0 !important;
    background: #e74c3c !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(231, 76, 60, 0.15) !important;
    margin-top: 12px !important;
    transition: all 0.2s ease-in-out !important;
}
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-Addresses .woocommerce-Address-title a.edit::before,
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-account .addresses .edit::before { content: "✍️ ঠিকানা পরিবর্তন করুন" !important; font-size: 13px !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-Addresses .woocommerce-Address-title a.edit:hover { background: #c0392b !important; transform: translateY(-2px) !important; }

/* ===================================================
   ৬. অ্যাকাউন্ট বিবরণী ফর্ম কাস্টমাইজেশন
   =================================================== */

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row--first, .elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row--last { float: none !important; width: 100% !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row--last { display: none !important; } 

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row--first label { font-size: 0 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row--first label::before { content: "সম্পূর্ণ নাম *" !important; font-size: 14px !important; font-weight: 600 !important; color: #333 !important; }

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm label[for="account_display_name"] { font-size: 0 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm label[for="account_display_name"]::before { content: "ইউজার নেম (পাবলিক নাম) *" !important; font-size: 14px !important; font-weight: 600 !important; color: #333 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm p span.description, .elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm p span, .elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm p i { display: none !important; } 

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm label[for="account_email"] { font-size: 0 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm label[for="account_email"]::before { content: "ইমেইল ঠিকানা *" !important; font-size: 14px !important; font-weight: 600 !important; color: #333 !important; }

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm fieldset legend { font-size: 0 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm fieldset legend::before { content: "🔐 পাসওয়ার্ড পরিবর্তন" !important; font-size: 16px !important; font-weight: 700 !important; color: #e74c3c !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row label[for="password_current"] { font-size: 0 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row label[for="password_current"]::before { content: "বর্তমান পাসওয়ার্ড (না বদলাতে চাইলে ফাঁকা রাখুন)" !important; font-size: 14px !important; color: #333 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row label[for="password_1"] { font-size: 0 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row label[for="password_1"]::before { content: "নতুন পাসওয়ার্ড (না বদলাতে চাইলে ফাঁকা রাখুন)" !important; font-size: 14px !important; color: #333 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row label[for="password_2"] { font-size: 0 !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-form-row label[for="password_2"]::before { content: "নতুন পাসওয়ার্ডটি পুনরায় টাইপ করুন" !important; font-size: 14px !important; color: #333 !important; }

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm input.input-text { width: 100% !important; padding: 12px !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; background: #fdfdfd !important; font-size: 14px !important; margin-top: 5px !important; transition: all 0.2s !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm input.input-text:focus { border-color: #e74c3c !important; outline: none !important; background: #ffffff !important; box-shadow: 0 0 6px rgba(231, 76, 60, 0.15) !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm button.button { font-size: 0 !important; background-color: #e74c3c !important; color: #ffffff !important; border: 1px solid #d32f2f !important; padding: 12px 30px !important; border-radius: 8px !important; font-weight: 700 !important; cursor: pointer !important; box-shadow: 0 4px 12px rgba(231, 76, 60, 0.15) !important; transition: background 0.2s ease-in-out !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm button.button::before { content: "💾 তথ্য সংরক্ষণ করুন" !important; font-size: 14.5px !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-EditAccountForm button.button:hover { background-color: #c0392b !important; }

/* ===================================================
   ৭. কন্টেন্ট ফিল্টারিং (ডাউনলোড ও শিপিং বন্ধ)
   =================================================== */

.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation-link--downloads { display: none !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-Addresses .col-2.woocommerce-Address,
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-Addresses .col-2,
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-account .addresses .shipping-address { display: none !important; }
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-Addresses .col-1.woocommerce-Address,
.elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-Addresses .col-1 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }

@media (max-width: 768px) {
    .elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-navigation, .elementor-23 .elementor-element.elementor-element-c445cad .woocommerce-MyAccount-content { width: 100% !important; margin-bottom: 20px !important; }
}/* End custom CSS */
/* Start custom CSS *//* My Account Dashboard Items to Button Style */
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    background: #f8f9fa; /* বাটনের ব্যাকগ্রাউন্ড কালার */
    border: 1px solid #e0e0e0;
    border-radius: 8px; /* কার্ভড কর্নার */
    transition: all 0.3s ease;
    flex: 1 1 calc(33.33% - 10px); /* ডেক্সটপে ৩ কলাম */
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 15px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    font-size: 14px;
}

/* হোভার এফেক্ট */
.woocommerce-MyAccount-navigation ul li:hover {
    background-color: #000; /* হোভার করলে কালো হবে */
    border-color: #000;
    transform: translateY(-2px); /* হালকা উপরে উঠবে */
}

.woocommerce-MyAccount-navigation ul li:hover a {
    color: #fff;
}

/* একটিভ বাটন স্টাইল */
.woocommerce-MyAccount-navigation ul li.is-active {
    background-color: #000;
    border-color: #000;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #fff;
}

/* মোবাইল রেসপন্সিভ */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul li {
        flex: 1 1 calc(50% - 10px); /* মোবাইলে ২ কলাম */
    }
}/* End custom CSS */