.elementor-9 .elementor-element.elementor-element-2d204cbb{--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 );}.elementor-9 .elementor-element.elementor-element-638eeb15.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-cc9d11f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-1c3e4d0{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-1c3e4d0 .elementor-button{fill:var( --e-global-color-text );color:var( --e-global-color-text );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-638eeb15 *//* ============================================
   WOOCOMMERCE MY ACCOUNT - NAVIGATION ONLY
   ============================================ */

/* CSS Variables */
:root {
  --sneaker-black: #1a1a1a;
  --sneaker-white: #ffffff;
  --sneaker-gray: #f5f5f5;
  --sneaker-gray-dark: #666666;
  --sneaker-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --border-radius: 12px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Navigation Container */
.woocommerce-MyAccount-navigation {
  background: var(--sneaker-white);
  border-radius: var(--border-radius);
  box-shadow: var(--sneaker-shadow);
  padding: 20px;
  position: sticky;
  top: 20px;
}

/* Navigation List */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Navigation Items */
.woocommerce-MyAccount-navigation li {
  margin-bottom: 8px;
}

.woocommerce-MyAccount-navigation li:last-child {
  margin-bottom: 0;
}

/* Navigation Links */
.woocommerce-MyAccount-navigation a {
  display: block;
  padding: 0px 16px 18px 16px;
  color: var(--sneaker-gray-dark);
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  border-radius: 6px;
  transition: var(--transition);
  font-family: var(--font-primary);
}

/* Hover State */
.woocommerce-MyAccount-navigation a:hover {
  background: var(--sneaker-gray);
  color: var(--sneaker-black);
}

/* Active State */
.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--sneaker-black);
  color: var(--sneaker-white);
  font-weight: 600;
}

/* Focus State for Accessibility */
.woocommerce-MyAccount-navigation a:focus-visible {
  outline: 3px solid var(--sneaker-black);
  outline-offset: 2px;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

/* Tablet and Below */
@media (max-width: 992px) {
  .woocommerce-MyAccount-navigation {
    position: static;
  }

  .woocommerce-MyAccount-navigation ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
  }

  .woocommerce-MyAccount-navigation li {
    margin-bottom: 0;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .woocommerce-MyAccount-navigation ul {
    grid-template-columns: 1fr;
  }
}

/* Content */
.woocommerce-MyAccount-content{
  background: var(--sneaker-white);
  border-radius: var(--border-radius);
  box-shadow: var(--sneaker-shadow);
  padding: 20px;
  top: 20px;
}

/*Form*/
.woocommerce-form-login{
    width: 400px;
}/* End custom CSS */