/* Header insgesamt etwas kompakter */
#site-navigation {
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Menüpunkte: weniger Höhe, kleinere Schrift, keine Großbuchstaben */
#site-navigation .menu a,
#site-navigation .menu-item a {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.9rem;          /* etwas kleiner */
    text-transform: none;       /* falls Barnsbury alles GROSS schreibt */
    font-weight: 500;           /* dezent, nicht zu fett */
}

/* Abstand zwischen den Menüpunkten etwas enger */
#site-navigation .menu > li {
    margin-right: 8px;
}

/* Dropdown-Menü schlanker */
#site-navigation .sub-menu a {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9rem;
}

/* Optional: Hintergrund sehr dezent, falls Barnsbury da viel Farbe nutzt */
#site-navigation,
#site-navigation .menu a {
    background: transparent;
    box-shadow: none;
}

/* Dezentere Hover-Farbe (wenn dir die Standardfarbe zu laut ist) */
#site-navigation .menu a:hover,
#site-navigation .menu .current-menu-item > a {
    text-decoration: underline;
}

/* Platzhalter-Bild (0001-xx.jpg) kleiner & dezenter */
.woocommerce img[src*="0001-"]{
  max-width: 60% !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
  opacity: 0.6;
}

/* optional: auf der Produkt-Detailseite noch etwas kleiner */
.single-product .woocommerce-product-gallery img[src*="0001-"]{
  max-width: 55% !important;
}
/* ============================================
   WholesaleX Bulk Order Table – Mobile Layout
   2 Rows: Product full width + 4 compact fields
   ============================================ */

@media (max-width: 768px) {

  /* Header ausblenden */
  body.woocommerce-account .woocommerce-MyAccount-content table thead {
    display: none !important;
  }

  /* Jede Tabellenzeile als "Karte" */
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    padding: 8px !important;
    margin: 0 0 10px 0 !important;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    background: #fff !important;
  }

  /* Alle Zellen flex */
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr td {
    display: flex !important;
    align-items: center !important;
    border: 0 !important;
  }

  /* 1. Reihe: Produktname volle Breite */
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr td:first-child {
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding-bottom: 6px !important;
  }

  /* Produktbild auf Mobile ausblenden */
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr td:first-child img {
    display: none !important;
  }

  /* 2. Reihe: 4 Felder nebeneinander */
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr td:not(:first-child) {
    width: 25% !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 12px !important;
    padding: 4px 2px !important;
    text-align: center !important;
  }

  /* Labels oberhalb anzeigen (falls data-title vorhanden) */
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr td:not(:first-child)::before {
    content: attr(data-title);
    font-size: 10px !important;
    margin-bottom: 2px !important;
    opacity: 0.6 !important;
    font-weight: 500;
  }

  /* Kein Label bei Produktname */
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr td:first-child::before {
    content: "" !important;
  }

  /* Mengenfeld kompakt */
  body.woocommerce-account .woocommerce-MyAccount-content table input[type="number"] {
    max-width: 55px !important;
    font-size: 12px !important;
    padding: 3px !important;
  }

  /* Buttons kompakt */
  body.woocommerce-account .woocommerce-MyAccount-content table .button,
  body.woocommerce-account .woocommerce-MyAccount-content table button {
    font-size: 12px !important;
    padding: 5px 8px !important;
  }
}
@media (max-width: 1024px) and (max-height: 900px) {
  body.woocommerce-account header .custom-logo-link,
  body.woocommerce-account header .elementor-widget-theme-site-logo,
  body.woocommerce-account header img.custom-logo {
    display: none !important;
  }
}