.elementor-459 .elementor-element.elementor-element-e5776ee{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-95ba922 *//* =========================================================
   PHIÊU TRUYỆN - TRANG TÀI KHOẢN
========================================================= */

.pt-account-page,
.pt-account-page *,
.pt-account-page *::before,
.pt-account-page *::after {
    box-sizing: border-box;
}

.pt-account-page {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 30px !important;

    width: 100% !important;
    max-width: 90% !important;

    margin: 40px auto !important;
    padding: 0 20px !important;

    font-family: "Be Vietnam Pro", sans-serif !important;
    color: #222;
}


/* =========================================================
   SIDEBAR
========================================================= */

.pt-account-sidebar {
    width: 100% !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;

    overflow: hidden !important;

    align-self: start !important;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}


/* PROFILE */

.pt-account-profile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    padding: 26px 20px 22px !important;

    text-align: center !important;

    border-bottom: 1px solid #eeeeee !important;
}

.pt-account-profile .pt-account-avatar {
    display: block !important;

    width: 82px !important;
    height: 82px !important;

    margin: 0 auto 12px !important;

    border-radius: 50% !important;

    object-fit: cover !important;
}

.pt-account-profile strong {
    display: block !important;

    margin: 0 !important;

    color: #222 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.pt-account-profile span {
    display: block !important;

    margin-top: 4px !important;

    max-width: 100% !important;

    overflow: hidden !important;

    color: #888 !important;

    font-size: 12px !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


/* =========================================================
   SIDEBAR MENU
========================================================= */

.pt-account-nav {
    display: flex !important;
    flex-direction: column !important;

    gap: 2px !important;

    padding: 10px !important;
}

.pt-account-nav a {
    display: flex !important;
    align-items: center !important;

    gap: 10px !important;

    width: 100% !important;

    padding: 11px 12px !important;

    border-radius: 7px !important;

    color: #333 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    text-decoration: none !important;

    transition:
        background 0.2s ease,
        color 0.2s ease !important;
}

.pt-account-nav a:hover,
.pt-account-nav a.active {
    background: #f1f8fe !important;
    color: #168EF0 !important;
}

.pt-account-nav .pt-account-logout {
    margin-top: 8px !important;
    padding-top: 15px !important;

    border-top: 1px solid #eeeeee !important;
    border-radius: 0 !important;

    color: #d92d20 !important;
}

.pt-account-nav .pt-account-logout:hover {
    background: #fff3f2 !important;
    color: #d92d20 !important;
}


/* =========================================================
   MAIN CONTENT
========================================================= */

.pt-account-content {
    width: 100% !important;
    min-width: 0 !important;
}


/* TITLE */

.pt-account-heading {
    margin-bottom: 20px !important;
}

.pt-account-heading h2 {
    margin: 0 0 5px !important;

    color: #222 !important;

    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.pt-account-heading p {
    margin: 0 !important;

    color: #888 !important;

    font-size: 14px !important;
}


/* =========================================================
   ACCOUNT CARD
========================================================= */

.pt-account-card {
    width: 100% !important;

    padding: 26px !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}


/* AVATAR ROW */

.pt-account-avatar-row {
    display: flex !important;
    align-items: center !important;

    gap: 18px !important;

    padding-bottom: 22px !important;
    margin-bottom: 22px !important;

    border-bottom: 1px solid #eeeeee !important;
}

.pt-account-avatar-row .pt-account-avatar {
    display: block !important;

    width: 72px !important;
    height: 72px !important;

    margin: 0 !important;

    border-radius: 50% !important;

    object-fit: cover !important;
}

.pt-account-avatar-row > div {
    min-width: 0 !important;
}

.pt-account-avatar-row strong {
    display: block !important;

    margin: 0 !important;

    color: #222 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
}

.pt-account-avatar-row p {
    margin: 4px 0 0 !important;

    color: #888 !important;

    font-size: 12px !important;
}


/* =========================================================
   INFO GRID
========================================================= */

.pt-account-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 16px !important;
}

.pt-account-field {
    min-width: 0 !important;

    padding: 16px !important;

    background: #fafafa !important;

    border: 1px solid #eeeeee !important;
    border-radius: 8px !important;
}

.pt-account-field span {
    display: block !important;

    margin-bottom: 6px !important;

    color: #888 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
}

.pt-account-field strong {
    display: block !important;

    color: #222 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    word-break: break-word !important;
}


/* =========================================================
   NOT LOGGED IN
========================================================= */

.pt-account-login-required {
    width: 100% !important;
    max-width: 500px !important;

    margin: 70px auto !important;
    padding: 35px !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;

    text-align: center !important;

    font-family: "Be Vietnam Pro", sans-serif !important;
}

.pt-account-login-required h3 {
    margin: 0 0 8px !important;

    color: #222 !important;

    font-size: 22px !important;
}

.pt-account-login-required p {
    margin: 0 !important;

    color: #777 !important;

    font-size: 14px !important;
}

.pt-account-login-btn {
    margin-top: 16px !important;

    padding: 11px 24px !important;

    border: 0 !important;
    border-radius: 6px !important;

    background: #168EF0 !important;
    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .pt-account-page {
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 20px !important;

        padding: 0 16px !important;
    }

    .pt-account-info-grid {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pt-account-page {
        display: block !important;

        margin: 20px auto !important;
        padding: 0 12px !important;
    }


    .pt-account-sidebar {
        margin-bottom: 20px !important;
    }


    .pt-account-profile {
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;

        column-gap: 12px !important;

        align-items: center !important;

        padding: 16px !important;

        text-align: left !important;
    }


    .pt-account-profile .pt-account-avatar {
        grid-row: 1 / 3 !important;

        width: 52px !important;
        height: 52px !important;

        margin: 0 !important;
    }


    .pt-account-profile strong {
        align-self: end !important;

        font-size: 14px !important;
    }


    .pt-account-profile span {
        align-self: start !important;

        font-size: 11px !important;
    }


    .pt-account-nav {
        display: none !important;
    }


    .pt-account-heading {
        margin-bottom: 15px !important;
    }


    .pt-account-heading h2 {
        font-size: 22px !important;
    }


    .pt-account-card {
        padding: 18px !important;
    }


    .pt-account-avatar-row {
        gap: 14px !important;
    }


    .pt-account-avatar-row .pt-account-avatar {
        width: 60px !important;
        height: 60px !important;
    }


    .pt-account-info-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

}/* End custom CSS */