.elementor-1612 .elementor-element.elementor-element-5feff64{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:128px;--padding-left:0px;--padding-right:0px;}.elementor-1612 .elementor-element.elementor-element-5feff64:not(.elementor-motion-effects-element-type-background), .elementor-1612 .elementor-element.elementor-element-5feff64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F6FB;}.elementor-1612 .elementor-element.elementor-element-3ac2d15{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-116f5b6 *//* =====================================================
   WOOCOMMERCE MY ACCOUNT - CUSTOM STYLE
   Wrapper ID: dlpbPageTaiKhoan
===================================================== */


/* =========================
   1. WRAPPER & LAYOUT
========================= */
#dlpbPageTaiKhoan {
    padding: 32px 16px;
}

#dlpbPageTaiKhoan .woocommerce-account {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 24px;
}

/* =========================
   2. SIDEBAR MENU
========================= */
#dlpbPageTaiKhoan .woocommerce-MyAccount-navigation {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
    margin-bottom: 12px;
}

#dlpbPageTaiKhoan .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#dlpbPageTaiKhoan .woocommerce-MyAccount-navigation li {
    margin-bottom: 8px;
}

/* ẨN MENU TỆP TẢI XUỐNG */
#dlpbPageTaiKhoan
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

#dlpbPageTaiKhoan .woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    border-radius: 8px;
    color: #000000;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s ease;
}l

/* Hover */
#dlpbPageTaiKhoan .woocommerce-MyAccount-navigation li a:hover {
    background: #F7941D26;
    color: #F7941D;
}

/* Active */
#dlpbPageTaiKhoan .woocommerce-MyAccount-navigation li.is-active a {
    background: #F7941D;
    color: #FFFFFF;
}

/* Logout */
#dlpbPageTaiKhoan
.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #E11D48;
}

#dlpbPageTaiKhoan
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #FFE4E6;
}

/* =========================
   3. CONTENT AREA
========================= */

#dlpbPageTaiKhoan .woocommerce-MyAccount-content {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}

/* =====================================================
   DASHBOARD - HIDE DEFAULT TEXT
===================================================== */
/*#dlpbPageTaiKhoan .woocommerce-MyAccount-content p:first-of-type {*/
/*    display: none;*/
/*}*/

/* =====================================================
   DASHBOARD - WELCOME CARD
===================================================== */
#dlpbPageTaiKhoan
.woocommerce-MyAccount-content::before {
    content: "👋 Chào mừng bạn quay lại!";
    display: block;
    background: linear-gradient(135deg, #F7941D, #72AD23);
    color: #FFFFFF;
    padding: 24px;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
}

/* =========================
   4. HEADINGS & TEXT
========================= */
#dlpbPageTaiKhoan h2,
#dlpbPageTaiKhoan h3 {
    color: #000000;
    margin-bottom: 16px;
}

#dlpbPageTaiKhoan p {
    line-height: 1.6;
}

/* =========================
   5. ORDERS TABLE
========================= */
#dlpbPageTaiKhoan table {
    width: 100%;
    border-collapse: collapse;
}

#dlpbPageTaiKhoan table th {
    background: #F3F6FB;
    padding: 12px;
    text-align: left;
    font-weight: 600;
}

#dlpbPageTaiKhoan table td {
    padding: 12px;
    border-bottom: 1px solid #F3F6FB;
}

#dlpbPageTaiKhoan table tr:hover {
    background: #F7941D26;
}

/* Order Status */
#dlpbPageTaiKhoan
.woocommerce-Orders-table__cell-order-status {
    color: #72AD23;
    font-weight: 600;
}

/* =========================
   6. FORMS (ADDRESS / ACCOUNT)
========================= */
#dlpbPageTaiKhoan form input,
#dlpbPageTaiKhoan form select,
#dlpbPageTaiKhoan form textarea {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    margin-bottom: 14px;
}

#dlpbPageTaiKhoan form input:focus,
#dlpbPageTaiKhoan form select:focus,
#dlpbPageTaiKhoan form textarea:focus {
    border-color: #F7941D;
    outline: none;
}

/* Buttons */
#dlpbPageTaiKhoan .button,
#dlpbPageTaiKhoan button {
    background: #F7941D;
    color: #FFFFFF;
    border-radius: 8px;
    padding: 10px 18px;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

#dlpbPageTaiKhoan .button:hover,
#dlpbPageTaiKhoan button:hover {
    background: #72AD23;
}

/* =====================================================
   ACCOUNT DETAILS
===================================================== */
#dlpbPageTaiKhoan
.woocommerce-EditAccountForm
.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    width: 100%;
}
#dlpbPageTaiKhoan
.woocommerce-EditAccountForm
.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last {
    display: none;
}
#dlpbPageTaiKhoan .woocommerce-MyAccount-content .col2-set .u-column2 .woocommerce-Address-title a {
   display: none !important;
}

#dlpbPageTaiKhoan .woocommerce-MyAccount-content .u-columns a {
    float: left !important;
}

/* =====================================================
   ACCOUNT - HIDE PASSWORD CHANGE
===================================================== */
#dlpbPageTaiKhoan
.woocommerce-EditAccountForm fieldset {
    display: none;
}


/* =========================
   7. TABLET (<= 1024px)
========================= */
@media (max-width: 1024px) {
    #dlpbPageTaiKhoan .woocommerce-account {
        grid-template-columns: 1fr;
    }

    #dlpbPageTaiKhoan .woocommerce-MyAccount-navigation {
        display: flex;
        overflow-x: auto;
    }

    #dlpbPageTaiKhoan .woocommerce-MyAccount-navigation ul {
        display: flex;
        gap: 8px;
    }

    #dlpbPageTaiKhoan .woocommerce-MyAccount-navigation li {
        margin-bottom: 0;
        flex-shrink: 0;
    }

    #dlpbPageTaiKhoan .woocommerce-MyAccount-navigation li a {
        white-space: nowrap;
    }
}

/* =========================
   8. MOBILE (<= 767px)
========================= */
@media (max-width: 767px) {
    #dlpbPageTaiKhoan {
        padding: 20px 12px;
    }

    #dlpbPageTaiKhoan
    .woocommerce-MyAccount-content {
        padding: 16px;
    }

    #dlpbPageTaiKhoan table th,
    #dlpbPageTaiKhoan table td {
        padding: 10px;
        font-size: 14px;
    }
}/* End custom CSS */