.elementor-12 .elementor-element.elementor-element-23f9053c{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-d4ee410 *//* Compact My Account Header Tabs for Mobile - Active Color & Underline (No Icons) */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        width: 100%;
        margin: 0 auto 15px auto;
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        gap: 8px;
        scrollbar-width: none; /* Hide scrollbar in Firefox */
    }

    .woocommerce-MyAccount-navigation::-webkit-scrollbar {
        display: none; /* Hide scrollbar in Chrome/Safari */
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
        width: 100%;
    }

    .woocommerce-MyAccount-navigation li {
        display: inline-block;
        flex: 0 0 auto;
    }

    .woocommerce-MyAccount-navigation li a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px 14px;
        font-size: 14px;
        text-align: center;
        border-radius: 0;
        background: transparent;
        color: #555;
        transition: all 0.3s ease;
        min-width: 70px;
        line-height: 1.2;
        position: relative;
        text-decoration: none;
    }

    /* Active / Current / Hover State - Text & Underline */
    .woocommerce-MyAccount-navigation li.is-active a,
    .woocommerce-MyAccount-navigation li a.current,
    .woocommerce-MyAccount-navigation li a.active,
    .woocommerce-MyAccount-navigation li a:hover {
        color: #207ff5 !important; /* Blue like Facebook logo */
    }

    .woocommerce-MyAccount-navigation li.is-active a::after,
    .woocommerce-MyAccount-navigation li a.current::after,
    .woocommerce-MyAccount-navigation li a.active::after,
    .woocommerce-MyAccount-navigation li a:hover::after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 20%;
        width: 60%;
        height: 2px;
        background: #207ff5; /* Blue underline */
        border-radius: 1px;
    }
}/* End custom CSS */