/* === WooCommerce My Account Dashboard Premium === */
/* Escopo restrito apenas à página de conta */
body.woocommerce-account .woocommerce {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  padding: 40px 20px;
  background: #f9f9fb;
  font-family: 'Inter', sans-serif;
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 12px;
}

/* Navegação lateral */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 250px;
  background: #fff;
  border-radius: 16px;
  padding: 30px 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  height: fit-content;
}

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

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 12px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 10px;
  color: #555;
  font-weight: 500;
  transition: 0.3s ease;
  text-decoration: none;
  position: relative;
}

/* Ícones SVG corrigidos */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: currentColor;
  flex-shrink: 0;
}

/* Ícones específicos por item */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8v-10h-8v10zm0-18v6h8V3h-8z"/></svg>');
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 18c-1.1 0-2-.9-2-2V6h14v10c0 1.1-.9 2-2 2H7zm0-2h10V8H7v8z"/></svg>');
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--subscriptions a::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h10v2H4z"/></svg>');
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 20h14v-2H5v2zm7-18L5.33 9h3.84v4h4.66v-4h3.84L12 2z"/></svg>');
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.7 13.35l-2.05 2.05-4.9-4.9 2.05-2.05c.39-.39 1.02-.39 1.41 0l3.49 3.49c.39.39.39 1.02 0 1.41zM3 17.25V21h3.75l11.06-11.06-3.75-3.75L3 17.25z"/></svg>');
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.7 0 5.2 1.1 7 2.9V19H5v-4.1c1.8-1.8 4.3-2.9 7-2.9zm0-2c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"/></svg>');
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 6h20v2H2V6zm0 4h20v10H2V10zm2 2v6h16v-6H4z"/></svg>');
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16 13v-2H7V8l-5 4 5 4v-3h9zm2-10H6c-1.1 0-2 .9-2 2v6h2V5h12v14H6v-6H4v6c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>');
}

/* Link ativo e hover */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: #A62D6A;
  color: #fff;
  box-shadow: 0 2px 8px rgba(166, 45, 106, 0.3);
}

/* Conteúdo principal */
body.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 600px;
  background: #fff;
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  min-width: 0;
}

/* Responsivo */
@media (max-width: 768px) {
  body.woocommerce-account .woocommerce {
    flex-direction: column;
    padding: 20px;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
  }
}