/* ============================================================
   REGENICS — V2 BRAND UPDATE
   Aligns WordPress site with v2 design system (staging.regenics.com/v2)
   Loaded last — overrides emrg-child.css, subscription-styles.css, custom.css

   V2 Color Palette:
     Primary teal      #2f9da6  (was #008884)
     Dark teal/hover   #134347  (was #005E5A / #006e6b)
     Membership teal   #1c6267  (was #187689)
     Text primary      #122a2c  (was #1A1921)
     Text secondary    #1c6267  (was #727272)
     Background        #f8f7f4  (was #ffffff — warm cream)
     Card background   #f1f0e9  (warm cream)
     Muted bg          #edeae1  (warm beige)
     Border            #cbc4aa  (warm tan)
     Input bg          #dcd9c8
     Destructive       #d92d20

   V2 Fonts:
     Body/UI   → Montserrat
     Headings  → Montserrat
     Nav/UI    → Montserrat
   ============================================================ */

/* ============================================================
   1. CSS CUSTOM PROPERTIES (Design Tokens)
   ============================================================ */
:root {
    --v2-primary:           #2f9da6;
    --v2-primary-dark:      #134347;
    --v2-primary-light:     #eef9fa;
    --v2-primary-medium:    #1c6267;
    --v2-text:              #122a2c;
    --v2-text-secondary:    #1c6267;
    --v2-bg:                #f8f7f4;
    --v2-bg-card:           #f1f0e9;
    --v2-bg-muted:          #edeae1;
    --v2-border:            #cbc4aa;
    --v2-input:             #dcd9c8;
    --v2-destructive:       #d92d20;
    --v2-success:           #028028;

    /* Override membership plugin CSS vars */
    --rm-primary:           rgb(47, 157, 166);   /* #2f9da6 */
    --rm-primary-dark:      rgb(28, 98, 103);    /* #1c6267 */
    --rm-primary-light:     rgb(238, 249, 250);  /* #eef9fa */
    --rm-primary-alpha:     rgba(47, 157, 166, 0.35);
}

/* ============================================================
   2. TYPOGRAPHY — Font Family Overrides
   ============================================================ */

/* Site text: Montserrat */
body,
p,
li,
td,
th,
label,
span,
div,
button,
input,
textarea,
select,
.woocommerce,
.woocommerce-page,
footer,
footer a,
footer p {
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
}



/* h3: Montserrat medium weight */
h3 {
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 600 !important;
}

/* Navigation: Montserrat kept for UI clarity */
.nav-link,
.navbar-nav .nav-link,
.main-header .nav-link {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}

/* Elementor header/footer widgets include later inline font declarations. */
body .rgx-banner__link,
body .rgx-header__nav-link,
body .rgx-header__cart-count,
body .rgx-header__cta,
body .rgx-header__mobile-link,
body .rgx-header__mobile-cta,
body #_form_6A6C786219E9C_._form._inline-form,
body #_form_6A6C786219E9C_._form._inline-form ._form-content * {
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
}

/* Subscription card product name: Montserrat medium */
.subscription-card .product-name,
.woocommerce-MyAccount-content .subscription-card h4,
.detail-label,
.detail-content,
.detail-content span,
.detail-content address {
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
}

/* Subscription heading override */
.woocommerce-MyAccount-navigation,
.subscription-card h4,
.subscription-card .product-name {
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
}

/* ============================================================
   3. BODY BACKGROUND & TEXT — Warm Cream Palette
   ============================================================ */

html,
body {
    background-color: var(--v2-bg) !important;  /* #f8f7f4 warm cream */
    color: var(--v2-text) !important;            /* #122a2c */
}

/* Primary text color: #1A1921 → #122a2c */
body,
p,
li,
td,
th {
    color: var(--v2-text);
}

/* Secondary/muted text: #727272 → #1c6267 */
.woocommerce-cart .cart-title-section p,
.subscription-detail-row .detail-label,
.subscription-next-payment span,
.wcsatt-options label .wcsatt-option-price,
figcaption,
.woocommerce-product-gallery__trigger + div .onsale,
small {
    color: var(--v2-text-secondary) !important;
}

/* ============================================================
   4. PRIMARY BRAND COLOR: #008884 → #2f9da6
   (backgrounds, text, borders)
   ============================================================ */

/* --- 4a. Background / Background-color --- */

/* Coupon chips */
#coupons_list .sc-coupons-list .sc-coupon,
.woocommerce-checkout .sc-coupons-list .sc-coupon,
.woocommerce-cart .actions .cart-page-share .sc-coupons-list .sc-coupon {
    background: var(--v2-primary) !important;
}

/* Cart — proceed / redeem buttons */
.woocommerce-cart .return-to-shop .button.wc-backward,
.woocommerce-cart .cart-page-conatiner .cart-page-totals .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-button,
.woocommerce-cart .cart-page-conatiner .cart-page-totals .cart-collaterals .cart_totals .shipping-calculator-form .form-row .select2-container--default .select2-results__option--highlighted[aria-selected],
.woocommerce-cart .cart-page-conatiner .cart-page-totals .cart-collaterals .cart_totals .shipping-calculator-form .form-row .select2-container--default .select2-results__option--highlighted[data-selected],
.woocommerce-cart .cart-page-conatiner .cart-page-totals .cart-collaterals .cart_totals .shipping-calculator-form .button,
.woocommerce-cart .actions .cart-page-share #share-cart-url-button-container a.button {
    background: var(--v2-primary) !important;
    background-color: var(--v2-primary) !important;
}

/* Checkout — gift card redeem, checkbox checked state */
.woocommerce-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-button {
    background: var(--v2-primary) !important;
    background-color: var(--v2-primary) !important;
}

/* Appointment buttons */
.appointment-type-wrapper .appointment-button,
.appointment-type-wrapper .appointment-button.toggle-other-button {
    background: var(--v2-primary) !important;
}

/* Subscription action buttons */
.subscription-actions button,
.Get_refill_btn,
.resume-subscription,
.subscription-actions .manage_button,
.subscription-actions .View_subscription_btn,
.change-date.change-date-button,
.subscription-card .action-button {
    background-color: var(--v2-primary) !important;
}

.subscription-card .manage_button,
.subscription-card .Get_refill_btn,
.subscription-card .resume-subscription {
    background: var(--v2-primary) !important;
    background-color: var(--v2-primary) !important;
}

/* Manage/view/reload/date icon buttons in subscription */
.subscription-actions .manage_button,
.subscription-actions .View_subscription_btn,
.subscription-actions .Get_refill_btn,
.subscription-actions .change-date-button {
    background-color: var(--v2-primary) !important;
}

/* Subscription card gradient hero */
.subscription-page-hero,
.wcsm-subscription-hero {
    background: linear-gradient(135deg, var(--v2-primary) 0%, var(--v2-primary-dark) 100%) !important;
}

/* Auto-renew toggle: active state */
.wcsm-toggle-slider,
.wcsm-ar-toggle-row .wcsm-toggle-switch input:checked + .wcsm-toggle-slider {
    background-color: var(--v2-primary-medium) !important;
}

/* Provider/admin accept buttons */
.accordion-header.accordion-phone-consultation-header .action-phones .accept-phone-consultation {
    background: var(--v2-primary) !important;
}

/* Pagination strong */
.woocommerce-appointments .custom-pagination-wrapper .pagination strong {
    background-color: var(--v2-primary) !important;
}

/* Appointment tables / order tables thead */
.woocommerce-appointments .appointment-table thead,
.woocommerce-appointments .appointment-table tr th,
.woocommerce .woocommerce-order-tracking .my_account_tracking thead tr,
.woocommerce-view-order .woocommerce-order-details .shop_table.order_details thead th,
.woocommerce-view-order .woocommerce-order-details table.my_account_orders thead,
.woocommerce-view-order .woocommerce-order-details table.my_account_orders tr th {
    background: var(--v2-primary) !important;
    background-color: var(--v2-primary) !important;
}

/* Account section backgrounds */
.woocommerce-account .woocommerce-MyAccount-navigation,
.internal-notes-popup .internal-notes-popup-content .accordion .accordion-header.active,
.messages-notes-panel .accordion .accordion-header.active {
    background: var(--v2-primary) !important;
    background-color: var(--v2-primary) !important;
}

/* Custom turquoise button class */
.turquoise-button,
.btn-primary,
input[type="submit"].button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--v2-primary) !important;
    color: #ffffff !important;
}

/* Membership opt-in gradient */
.wcsm-subscription-banner,
.membership-hero,
.regenics-membership-banner {
    background: linear-gradient(135deg, var(--v2-primary) 0%, var(--v2-primary-dark) 100%) !important;
}

/* --- 4b. Color (text) #008884 → #2f9da6 --- */

/* Cart product name links */
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody td.product-name a,
.woocommerce-cart .cross-sells .products .product .woocommerce-loop-product__title {
    color: var(--v2-primary) !important;
}

/* Subscription product name */
.subscription-card .product-name {
    color: var(--v2-primary) !important;
}

/* Account links and nav active */
.woocommerce-dashboard .dashboard-account-info .dashboard-account-item p a,
.woocommerce-appointments .appointment-table tr td a,
.woocommerce-view-order .woocommerce-order-details .shop_table.order_details td.woocommerce-table__product-name a,
.woocommerce-view-order .woocommerce-order-details table.my_account_orders tr td a,
.woocommerce-view-order .phone-consultation-btn a,
.woocommerce .woocommerce-order-tracking .my_account_tracking thead th,
.tgwc-woocommerce-customize-my-account #tgwc-woocommerce .tgwc-woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--v2-primary) !important;
}

/* Subscription detail toggle / refill icons */
.subscription-card .auto-renew-status,
.wcsm-ar-status-label,
.subscription-total-price {
    color: var(--v2-primary) !important;
}

/* Carousel / slider controls */
.slick-arrow,
.owl-nav button,
[class*="carousel"] .arrow {
    color: var(--v2-primary) !important;
}

/* General link color */
a:not(.button):not(.nav-link):not(.wp-block-button__link) {
    color: var(--v2-primary);
}

/* --- 4c. Border #008884 → #2f9da6 --- */

/* Order detail table border */
.woocommerce-view-order .woocommerce-order-details .shop_table.order_details {
    border-color: var(--v2-primary) !important;
}

/* Appointment table */
.woocommerce-appointments .appointment-table {
    border-color: var(--v2-primary) !important;
}

/* Phone/email icon before pseudo-element */
.woocommerce-view-order address .woocommerce-customer-details--phone::before,
.woocommerce-view-order address .woocommerce-customer-details--email::before,
.woocommerce-order-received address .woocommerce-customer-details--phone::before,
.woocommerce-order-received address .woocommerce-customer-details--email::before {
    border-color: var(--v2-primary) !important;
}

/* Checkbox checked — border */
.woocommerce-checkout main#main input[type=checkbox],
.woocommerce-checkout main#main .customer-billing-address .create-account.billing-address-title-info input[type=checkbox],
.woocommerce-address-fields input[type=checkbox],
.afwc_reg_terms input[type=checkbox] {
    border-color: var(--v2-primary) !important;
}

/* Checkbox checked — fill */
.woocommerce-checkout main#main input[type=checkbox]:checked::before,
.woocommerce-checkout main#main .customer-billing-address .create-account.billing-address-title-info input[type=checkbox]:checked::before,
.woocommerce-form-login input[type=checkbox]:checked::before,
.woocommerce-address-fields input[type=checkbox]:checked::before,
.afwc_reg_terms input[type=checkbox]:checked::before {
    background-color: var(--v2-primary) !important;
    border-color: var(--v2-primary) !important;
}

/* Subscription toggle — checked */
.wcsm-titan-auto-renew-toggle:checked,
input.wcsm-titan-auto-renew-toggle:checked + .wcsm-toggle-slider {
    background-color: var(--v2-primary-medium) !important;
}

/* Custom subscription radio buttons (custom-subscription.css) */
.wcsatt-options label input[type=radio]:checked,
.wcsatt-options-product .wcsatt-options-prompt input[type=radio]:checked {
    background-color: var(--v2-primary) !important;
    border-color: var(--v2-primary) !important;
}
.wcsatt-options label input[type=radio],
.wcsatt-options-product .wcsatt-options-prompt input[type=radio] {
    border-color: var(--v2-primary) !important;
}

/* ============================================================
   5. DARK TEAL HOVER: #005E5A / #006e6b → #134347
   ============================================================ */

.woocommerce-cart .return-to-shop .button.wc-backward:hover,
.appointment-type-wrapper .appointment-button:hover,
.appointment-type-wrapper .appointment-button.toggle-other-button:hover,
.subscription-actions button:hover,
.Get_refill_btn:hover,
.resume-subscription:hover,
.turquoise-button:hover,
.btn-primary:hover,
input[type="submit"].button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.internal-notes-popup .internal-notes-popup-content .accordion .accordion-header.active:hover,
.messages-notes-panel .accordion .accordion-header.active:hover {
    background: var(--v2-primary-dark) !important;
    background-color: var(--v2-primary-dark) !important;
}

/* Subscription action button hover */
.subscription-card .action-button:hover {
    background: var(--v2-primary-dark) !important;
}

/* ============================================================
   6. MEMBERSHIP TEAL: #187689 → #1c6267
   ============================================================ */

/* Account navigation active indicator */
.woocommerce-MyAccount-navigation ul li.is-active,
.tgwc-woocommerce-customize-my-account #tgwc-woocommerce .tgwc-woocommerce-MyAccount-navigation ul li.is-active {
    border-top-color: var(--v2-primary-medium) !important;
}

/* Account section top border accent */
.woocommerce-MyAccount-navigation ul li.is-active a,
.tgwc-woocommerce-customize-my-account #tgwc-woocommerce .tgwc-woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--v2-primary-medium) !important;
}

/* Subscription auto-renew toggle active */
.wcsm-toggle-switch input:checked + .wcsm-toggle-slider {
    background-color: var(--v2-primary-medium) !important;
}

/* Subscription listing active row highlight */
.subscription-detail-row.active-row {
    border-left-color: var(--v2-primary-medium) !important;
}

/* ============================================================
   7. TEXT COLOR OVERRIDES: #1A1921 → #122a2c
   ============================================================ */

/* Cart headings and copy */
.woocommerce-cart .wc-empty-cart-message .cart-empty.woocommerce-info,
.woocommerce-cart .cart-title-section h1,
.woocommerce-cart .cart-page-conatiner .cart-page-totals h2,
.woocommerce-cart .cross-sells .products .product .price {
    color: var(--v2-text) !important;
}

/* Order / account headings */
.woocommerce-view-order p.order-status .order-number,
.woocommerce-view-order p.order-status .order-date,
.woocommerce-view-order p.order-status .order-status,
.woocommerce-view-order .woocommerce-order-details .shop_table.order_details td,
.woocommerce-dashboard .dashboard-subhead,
.woocommerce-appointments h3 {
    color: var(--v2-text) !important;
}

/* Subscription page headings and detail rows */
.woocommerce-MyAccount-content h1,
.subscription-card .subscription-info h4,
.subscription-detail-row .detail-value,
.detail-content span,
.detail-content address,
.subscription-next-payment strong {
    color: var(--v2-text) !important;
}

/* ============================================================
   8. GLOBAL HEADING TEXT COLOR
   ============================================================ */
h1, h2, h3, h4, h5, h6 {
    color: var(--v2-text);
}

/* ============================================================
   9. BORDER / CARD BACKGROUND UPDATES
   ============================================================ */

/* Cards and section backgrounds */
.woocommerce-cart .cart-page-conatiner .cart-page-totals,
.subscription-card,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-view-order .woocommerce-order-details,
.woocommerce-appointments .appointment-table {
    border-color: var(--v2-border) !important;
}

/* Light section / card backgrounds */
.woocommerce-cart .cart-page-conatiner .cart-page-totals,
.subscription-card {
    background-color: var(--v2-bg-card) !important;
}

/* Muted / secondary sections */
.woocommerce-account .woocommerce-MyAccount-navigation,
.wc-account-section {
    background-color: var(--v2-bg-muted) !important;
}

/* Input backgrounds */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
select,
.select2-container .select2-selection--single {
    background-color: var(--v2-input) !important;
    border-color: var(--v2-border) !important;
}

/* ============================================================
   10. SUBSCRIPTION DETAIL PAGE — V2 STYLES
   ============================================================ */

/* Subscription card background update */
.subscription-card {
    background: var(--v2-bg-card) !important;
}

/* Product name: teal color */
.subscription-card .product-name {
    color: var(--v2-primary) !important;
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 700 !important;
}

/* Next refill badge: keep warm orange from v2 (#FDE6BA) */
.subscription-card .next-refill,
.next-refill {
    background: #FDE6BA !important;
}

/* Subscription action buttons: v2 primary */
.subscription-actions button,
.subscription-card .action-button,
.manage_button,
.View_subscription_btn,
.Get_refill_btn,
.change-date-button {
    background-color: var(--v2-primary) !important;
    border-radius: 32px !important;
}

/* Detail label: secondary text color */
.subscription-card .detail-label,
.subscription-detail-row .detail-label {
    color: var(--v2-text-secondary) !important;
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
}

/* ============================================================
   11. ACCOUNT NAVIGATION — V2 STYLES
   ============================================================ */

.woocommerce-MyAccount-navigation ul li a {
    color: var(--v2-text) !important;
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--v2-primary) !important;
}

/* ============================================================
   12. WOOCOMMERCE CHECKOUT & CART — V2 STYLES
   ============================================================ */

/* Cart totals border */
.shop_table.cart thead,
.shop_table.cart thead tr th {
    background-color: var(--v2-bg-muted) !important;
    color: var(--v2-text) !important;
}

/* Checkout headings */
.woocommerce-checkout h3,
.woocommerce-billing-fields h3,
.woocommerce-order-details h2 {
    color: var(--v2-text) !important;
    /* font-family: 'Lora', serif !important; */
}

/* Place order button */
#place_order,
.woocommerce #payment #place_order {
    background-color: var(--v2-primary) !important;
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 700 !important;
}
#place_order:hover,
.woocommerce #payment #place_order:hover {
    background-color: var(--v2-primary-dark) !important;
}

/* ============================================================
   13. MEMBERSHIP PLUGIN — V2 STYLES
   (Membership plugin already uses --rm-* vars which we override in :root)
   ============================================================ */

.regenics-membership-modal .modal-cta-button,
.regenics-membership-btn,
.membership-opt-in-button,
.wcsm-membership-cta-btn {
    background-color: var(--v2-primary) !important;
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 700 !important;
}

.regenics-membership-modal .modal-cta-button:hover,
.regenics-membership-btn:hover,
.membership-opt-in-button:hover,
.wcsm-membership-cta-btn:hover {
    background-color: var(--v2-primary-dark) !important;
}

/* ============================================================
   14. RESPONSIVE — Ensure font overrides hold on mobile
   ============================================================ */

.navbar-light .navbar-toggler {
    background-color: transparent !important;
}

@media (max-width: 767px) {
    body,
    p,
    li,
    button,
    input,
    textarea,
    select {
        font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
    }

    h1, h2, h4, h5, h6 {
        font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
    }

    h3 {
        font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
    }
}

/* ============================================================
   15. CUSTOM CSS OVERRIDES (custom.css selectors)
   ============================================================ */

/* custom.css line 53 — primary bg */
.woocommerce-cart .cart-page-conatiner .cart-page-totals .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
    background-color: var(--v2-primary) !important;
}

/* custom.css line 538 — carousel arrow */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.elementor-nav-menu__toggle,
.slick-prev,
.slick-next {
    color: var(--v2-primary) !important;
}

/* custom.css line 585 — turquoise button */
.turquoise-button {
    background-color: var(--v2-primary) !important;
    color: #ffffff !important;
}

/* ============================================================
   16. SMOOTH TRANSITION for all color-changed properties
   ============================================================ */

a,
button,
.button,
input[type="submit"],
.subscription-card .action-button,
.turquoise-button {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

/* ============================================================
   17. MY ACCOUNT — Mobile layout and accessible menu
   ============================================================ */

button.myaccount-menu-title {
    display: none;
}

@media (max-width: 1023px) {
    .tgwc-woocommerce-customize-my-account #tgwc-woocommerce[data-menu-layout="legacy"] .woocommerce-MyAccount-content {
        min-width: 0;
        max-width: 100%;
        overflow-x: auto;
    }
}

@media (max-width: 768px) {
    .woocommerce-account #main > .container {
        width: 100%;
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .tgwc-woocommerce-customize-my-account #tgwc-woocommerce[data-menu-layout="legacy"] {
        flex-direction: column !important;
        width: 100%;
        min-width: 0;
    }

    .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce[data-menu-layout="legacy"] .tgwc-woocommerce-MyAccount-navigation {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce[data-menu-layout="legacy"] .tgwc-woocommerce-MyAccount-navigation::before {
        display: none !important;
    }

    #tgwc-woocommerce.account-navigation-ready > button.myaccount-menu-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 0 12px;
        padding: 12px 16px;
        border: 0;
        border-radius: 4px !important;
        background: var(--v2-primary-dark) !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 700;
        line-height: 1.4;
        text-align: left;
    }

    button.myaccount-menu-title::after {
        width: 9px;
        height: 9px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        content: "";
        transform: rotate(45deg);
        transition: transform 0.2s ease;
    }

    button.myaccount-menu-title[aria-expanded="true"]::after {
        transform: rotate(225deg);
    }

    button.myaccount-menu-title:focus-visible {
        outline: 3px solid var(--v2-text);
        outline-offset: 2px;
    }

    #tgwc-woocommerce.account-navigation-ready .tgwc-woocommerce-MyAccount-navigation-wrap > ul {
        display: none;
    }

    #tgwc-woocommerce.account-navigation-ready .tgwc-woocommerce-MyAccount-navigation-wrap > ul.active {
        display: block !important;
        max-height: 60vh;
        overflow-y: auto;
    }

    .tgwc-woocommerce-customize-my-account #tgwc-woocommerce[data-menu-layout="legacy"] .woocommerce-MyAccount-content {
        width: 100% !important;
        padding: 12px 0 0 !important;
    }
}