/* ==========================================================
   Woo My Account – Navigation (Premium List + Icons)
   Zweck: Bullets weg, saubere Liste, Icons rechts, Active-State
   ========================================================== */

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

  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 14px 16px;
  text-decoration: none;

  color: #414544;
  font-size: 15px;
  line-height: 1.2;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a {
  font-weight: 600;
  background: rgba(0, 0, 0, 0.03);
}

.woocommerce-account .woocommerce-MyAccount-navigation a::after {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;

  opacity: 0.55;
}

/* Icons per Endpoint */
.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11'/%3E%3Cpath d='M9 12h11'/%3E%3Cpath d='M9 18h11'/%3E%3Cpath d='M4 6h.01'/%3E%3Cpath d='M4 12h.01'/%3E%3Cpath d='M4 18h.01'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}

/* Optional: Wishlist (falls Plugin den Endpoint so nennt) */
.woocommerce-account .woocommerce-MyAccount-navigation-link--wishlist a::after,
.woocommerce-account .woocommerce-MyAccount-navigation-link--my-wishlist a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");
}


/* ==========================================================
   BT SHOP – My Account (Logged Out: Login + Register)
   Zweck: Woo Login/Registrieren als Premium-Card, Inputs clean,
          Buttons Pink, konsistente Abstände.
   Warum: Woo Defaults wirken "WP-formularig" und brechen das BT-Design.
   Scope: Nur .woocommerce-account
   ========================================================== */

.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register {
  margin: 0 0 26px;
  padding: 22px 22px;

  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
}

.woocommerce-account .woocommerce form.login p,
.woocommerce-account .woocommerce form.register p {
  margin: 0 0 14px;
}

.woocommerce-account .woocommerce form.login label,
.woocommerce-account .woocommerce form.register label {
  display: block;
  margin: 0 0 6px;

  color: #414544;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.woocommerce-account .woocommerce form.login .required,
.woocommerce-account .woocommerce form.register .required {
  color: #e42c8c;
}

.woocommerce-account .woocommerce form.login input[type="text"],
.woocommerce-account .woocommerce form.login input[type="email"],
.woocommerce-account .woocommerce form.login input[type="password"],
.woocommerce-account .woocommerce form.register input[type="text"],
.woocommerce-account .woocommerce form.register input[type="email"],
.woocommerce-account .woocommerce form.register input[type="password"] {
  width: 100%;
  box-sizing: border-box;

  padding: 12px 14px;
  min-height: 44px;

  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 4px;

  background: #ffffff;
  color: #414544;
  font-size: 15px;
  line-height: 1.2;

  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-account .woocommerce form.login input:focus,
.woocommerce-account .woocommerce form.register input:focus {
  outline: none;
  border-color: rgba(228, 44, 140, 0.55);
  box-shadow: 0 0 0 3px rgba(228, 44, 140, 0.10);
}

/* Buttons: BT Pink */
.woocommerce-account .woocommerce form.login button.button,
.woocommerce-account .woocommerce form.register button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-top: 6px;
  padding: 10px 18px;

  border: 1px solid #e42c8c;
  border-radius: 6px;

  background: #e42c8c;
  color: #ffffff;

  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;

  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.02s ease;
}

.woocommerce-account .woocommerce form.login button.button:hover,
.woocommerce-account .woocommerce form.register button.button:hover {
  opacity: 0.92;
}

.woocommerce-account .woocommerce form.login button.button:active,
.woocommerce-account .woocommerce form.register button.button:active {
  transform: translateY(1px);
}

/* "Angemeldet bleiben" sauber */
.woocommerce-account .woocommerce form.login .woocommerce-form__label-for-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin: 10px 0 0;
  font-size: 14px;
  color: #414544;
}

.woocommerce-account .woocommerce form.login input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

/* "Passwort vergessen?" Link ruhig, aber BT-konsistent */
.woocommerce-account .woocommerce form.login a,
.woocommerce-account .woocommerce form.register a {
  color: #414544;
  text-decoration: underline;
  text-underline-offset: 2px;
  opacity: 0.8;
}

.woocommerce-account .woocommerce form.login a:hover,
.woocommerce-account .woocommerce form.register a:hover {
  opacity: 1;
}

/* Überschriften (optional: nur Optik, keine Layout-Logik) */
.woocommerce-account .woocommerce h2 {
  margin: 0 0 14px;
  color: #414544;
  letter-spacing: 0;
}