/* NUR Shop-Seite: In-den-Warenkorb-Buttons auf gleicher Höhe */
body.woocommerce-shop ul.products li.product {
  display: flex;
  flex-direction: column;
}

body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title {
  flex-grow: 1;
}

body.woocommerce-shop ul.products li.product .button {
  margin-top: auto;
}
/* Einzelprodukt: Variationen-Dropdown nicht abschneiden */
.woocommerce div.product form.cart .variations select,
.wp-block-woocommerce-add-to-cart-form select {
  height: auto !important;
  min-height: 44px !important;
  line-height: 1.4 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}

/* ============================= */
/* MOBILE FIX – NUR HANDYS */
/* ============================= */
@media (max-width: 767px) {

  .mobile-fix {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  html, body {
    overflow-x: hidden;
  }

}

/* ============================= */
/* NUR AUF MOBILE SICHTBAR */
/* ============================= */

/* Standard: überall ausblenden */
.mobile-only {
  display: none;
}

/* Nur auf Handys anzeigen */
@media (max-width: 767px) {
  .mobile-only {
    display: block;
  }
}

/* ================================= */
/* MOBILE HEADER – volle Breite + sauberer Innenabstand */
/* ================================= */
@media (max-width: 768px) {

    /* Hauptmenüpunkte */
    nav ul > li > a {
        text-align: center;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    /* Dropdown-Pfeil */
    nav ul > li.menu-item-has-children > a::after {
        content: "▾";
        font-size: 0.85em;
        line-height: 1;
    }

    /* Untermenü – NICHT ein-/ausblenden */
    nav ul ul {
        margin-top: 6px;
    }

    /* Unterpunkte */
    nav ul ul li a {
        text-align: center;
        font-weight: 400;
        font-size: 0.95em;
    }
}