.elementor-212 .elementor-element.elementor-element-cf5fe77{--display:flex;--padding-top:2.25rem;--padding-bottom:2.25rem;--padding-left:0rem;--padding-right:0rem;}.elementor-212 .elementor-element.elementor-element-61ab3ae{--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-212 .elementor-element.elementor-element-3b70693{--spacer-size:2rem;}.elementor-212 .elementor-element.elementor-element-b339b2d{--spacer-size:2rem;}/* Start custom CSS for shortcode, class: .elementor-element-18c27c9 *//* ============================================================
   Paste this into: Widget → Advanced tab → Custom CSS
   (Elementor Pro only — ".elementor-212 .elementor-element.elementor-element-18c27c9" is auto-replaced by Elementor
   with this specific widget's ID, so it won't affect anything else)
   White-theme version
   ============================================================ */

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation {
  background: #ffffff;
  border: 1px solid #E4E0EC;
  border-radius: 20px;
  padding: 10px;
  overflow: hidden;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation-link {
  display: block;
  border-radius: 14px;
  margin-bottom: 4px;
  overflow: hidden;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation-link a {
  display: block;
  padding: 14px 20px;
  font-size: 14.5px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #2B2438;
  text-decoration: none !important;
  border-radius: 14px;
  transition: background 0.15s ease, color 0.15s ease;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation-link a:hover {
  background: #F7F6F9;
  color: #6B3FA0;
}

/* Active tab — solid purple pill, same position/shape as before */
.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation-link.is-active a,
.elementor-212 .elementor-element.elementor-element-18c27c9 .is-active > a {
  background: #6B3FA0 !important;
  color: #ffffff !important;
  border-radius: 14px;
}

/* Divider lines between items, like the reference screenshot */
.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation-link:not(:last-child) {
  border-bottom: 1px solid #E4E0EC;
}
.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation-link.is-active {
  border-bottom: none;
}

/* Logout link — muted, still on-brand */
.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #8B7C9C;
}
.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  color: #6B3FA0;
}

/* ---------- Main content panel ---------- */
.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-content {
  background: #ffffff;
  border: 1px solid #E4E0EC;
  border-radius: 20px;
  padding: 32px;
  font-family: 'Montserrat', sans-serif;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-content h1,
.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-content h2,
.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-content h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  color: #2B2438;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-content p {
  font-size: 14.5px;
  line-height: 1.7;
  color: #6B647A;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-content a {
  color: #6B3FA0;
  font-weight: 600;
  text-decoration: underline;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-content a:hover {
  color: #4E2E80;
}

/* ---------- Layout ---------- */
.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation {
  flex: 0 0 240px;
}

.elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-content {
  flex: 1;
}

@media (max-width: 780px) {
  .elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce {
    flex-direction: column;
  }
  .elementor-212 .elementor-element.elementor-element-18c27c9 .woocommerce-MyAccount-navigation {
    width: 100%;
  }
}/* End custom CSS */