.elementor-9 .elementor-element.elementor-element-20045485{--display:flex;}.elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:#F7F7F7;}.elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:#F3F3F300;}.elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-9 .elementor-element.elementor-element-581a581 #add_payment_method #payment #place_order{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover, .elementor-9 .elementor-element.elementor-element-581a581 #add_payment_method #payment #place_order:hover{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-581a581{--tab-content-spacing:0px;--tabs-normal-color:#69727D;--tabs-hover-color:#69727D;--tabs-active-color:var( --e-global-color-primary );--tabs-border-type:solid;--tabs-border-color:#000000;--tabs-border-radius:12px 12px 12px 12px;--tabs-spacing:10px;--tabs-divider-color:#000000;--sections-border-radius:12px 12px 12px 12px;--links-normal-color:var( --e-global-color-primary );--links-hover-color:var( --e-global-color-c843c19 );--forms-fields-border-radius:12px 12px 12px 12px;--forms-buttons-normal-text-color:var( --e-global-color-primary );--forms-buttons-hover-text-color:#FFFFFF;--forms-buttons-border-radius:12px 12px 12px 12px;--tables-divider-border-type:none;}.elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-weight:400;}.elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .elementor-9 .elementor-element.elementor-element-581a581 .e-my-account-tab__payment-methods input[type=text]{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-dbb29e6 );}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-581a581 *//**********************************************
 * WooCommerce My Account nav icons (Font Awesome 5 Free)
 * Assumes Font Awesome 5 Free (solid) is loaded by Elementor
 **********************************************/

/* 1. Base layout for all My Account menu links */
.woocommerce-MyAccount-navigation ul li a {
    position: relative;
    padding-left: 34px !important;        /* space for the icon */
    display: flex;
    line-height: ;
    min-height: 32px;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* 2. Default icon block before each link */
.woocommerce-MyAccount-navigation ul li a::before {
    content: "\f007"; /* fallback user icon */
    font-family: "Font Awesome 5 Free"; /* IMPORTANT */
    font-weight: 900; /* solid style */
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 1;
    width: 16px;
    text-align: center;
    color: #69727d;            /* icon color */
    transition: color 0.15s ease;
    opacity: 0.9;
}

/* 3. Individual icons per tab */

/* Dashboard (home) */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f015" !important; /* fa-home */
}

/* Orders (clipboard list / receipt) */
.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f46d" !important; /* fa-clipboard-list */
}

/* Downloads (download arrow) */
.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "\f019" !important; /* fa-download */
}

/* Addresses (map pin / location marker) */
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f3c5" !important; /* fa-map-marker-alt */
}

/* Account details (user-cog) */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f4fe" !important; /* fa-user-cog */
}

/* Logout (sign-out-alt) */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f2f5" !important; /* fa-sign-out-alt */
    color: #dc2626;  /* make logout icon red */
}

/* 4. Hover styles (logout stays red) */
.woocommerce-MyAccount-navigation ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout) a:hover {
    color: #2563eb;
}

.woocommerce-MyAccount-navigation ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout) a:hover::before {
    color: #69727D;
}

/* 5. Active tab styles */
.woocommerce-MyAccount-navigation li.is-active > a {
    color: #2563eb;
    font-weight: 600;
}

.woocommerce-MyAccount-navigation li.is-active > a::before {
    color: #2563eb !important;
    opacity: 1;
}

.woocommerce-MyAccount-navigation li.is-active > a {
    color: #2563eb !important;
    opacity: 1;
}

/* Optional: highlight active tab background */
.woocommerce-MyAccount-navigation li.is-active {
    /*background-color: rgba(37,99,235,0.06);*/
    border-radius: 6px;
}

/* Spacing between items */
.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 4px;
}
.woocommerce-MyAccount-navigation ul li:last-child {
    margin-bottom: 0;
}


@media (max-width: 768px) {
   stack layout 
  .woocommerce-account .woocommerce { display: block; }
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
    margin: 0;
  }
}


/* ===========================
   MOBILE: true accordion under active tab
   =========================== */
@media (max-width: 768px) {
  /* Kill the old two-column layout hard */
  .woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto;
    gap: 6px;
  }

  /* Neutralize any fixed widths/floats from earlier rules */
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    clear: both !important;
  }

  /* Let the nav's children participate in the grid */
  .woocommerce-account .woocommerce-MyAccount-navigation {
    display: contents; /* the nav box disappears, its children become grid rows */
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: contents;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
  }

  /* Each tab occupies one grid row */
  .woocommerce-account .woocommerce-MyAccount-navigation ul > li:nth-child(1) { grid-row: 1; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul > li:nth-child(2) { grid-row: 2; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul > li:nth-child(3) { grid-row: 3; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul > li:nth-child(4) { grid-row: 4; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul > li:nth-child(5) { grid-row: 5; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul > li:nth-child(6) { grid-row: 6; }

  /* The content panel: hidden by default on mobile */
  .woocommerce-account .woocommerce-MyAccount-content {
      padding: 1rem !important;
    grid-row: 7;                 /* fallback when nothing matches */
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.2s ease;
    will-change: max-height, opacity;
  }

  /* Show the panel directly under the active li (and expand it) */
  .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation ul > li:nth-child(1).is-active)
  .woocommerce-MyAccount-content { grid-row: 2; max-height: 9999px; opacity: 1; }

  .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation ul > li:nth-child(2).is-active)
  .woocommerce-MyAccount-content { grid-row: 3; max-height: 9999px; opacity: 1; }

  .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation ul > li:nth-child(3).is-active)
  .woocommerce-MyAccount-content { grid-row: 4; max-height: 9999px; opacity: 1; }

  .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation ul > li:nth-child(4).is-active)
  .woocommerce-MyAccount-content { grid-row: 5; max-height: 9999px; opacity: 1; }

  .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation ul > li:nth-child(5).is-active)
  .woocommerce-MyAccount-content { grid-row: 6; max-height: 9999px; opacity: 1; }

  .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation ul > li:nth-child(6).is-active)
  .woocommerce-MyAccount-content { grid-row: 7; max-height: 9999px; opacity: 1; }

  /* Bigger tap targets; no color changes */
  .woocommerce-MyAccount-navigation ul li a {
    min-height: 44px;
    align-items: center;
  }

  /* Reduced-motion respect */
  @media (prefers-reduced-motion: reduce) {
    .woocommerce-account .woocommerce-MyAccount-content { transition: none; }
  }
}/* End custom CSS */