.elementor-3306 .elementor-element.elementor-element-eee8502{margin-top:60px;margin-bottom:0px;}@media(min-width:768px){.elementor-3306 .elementor-element.elementor-element-c66ec9f{width:100%;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-522f719 *//* ====== Layout Principal ====== */
body.woocommerce-account .woocommerce {
  display: flex !important;
  gap: 50px !important;
  padding: 60px 5% !important;
  background: #f4f7f8 !important;
  font-family: 'Poppins', sans-serif !important;
}

/* ====== Barra Lateral ====== */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 270px !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 25px rgba(0,0,0,0.08) !important;
  padding: 25px 0 !important;
  position: sticky !important;
  top: 100px !important;
  height: fit-content !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block !important;
  padding: 14px 25px !important;
  color: #123627 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-left: 4px solid transparent !important;
  transition: all 0.3s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background-color: #e9f9f9 !important;
  border-left: 4px solid #67C4C5 !important;
  color: #067a79 !important;
}

/* ====== Conteúdo ====== */
body.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 30px rgba(0,0,0,0.08) !important;
  padding: 45px 50px !important;
  min-height: 520px !important;
}

/* ====== Responsividade - Menu Tabs ====== */
@media (max-width: 1024px) {
  body.woocommerce-account .woocommerce {
    flex-direction: column !important;
    gap: 25px !important;
    padding: 40px 25px !important;
  }

  /* Oculta a barra lateral padrão */
  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
    padding: 15px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation a {
    background: #f7fdfd !important;
    border: 1px solid #d9eeee !important;
    color: #123627 !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
  body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: #67C4C5 !important;
    color: #fff !important;
    border-color: #67C4C5 !important;
    box-shadow: 0 0 0 2px rgba(103,196,197,0.2) !important;
    transform: translateY(-2px);
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    padding: 30px 20px !important;
    border-radius: 15px !important;
  }
}

/* ====== Mobile refinado ====== */
@media (max-width: 600px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding: 10px !important;
    scrollbar-width: none !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation a {
    white-space: nowrap !important;
    font-size: 13px !important;
    padding: 8px 16px !important;
  }
}/* End custom CSS */