/* Ergänzungen für WordPress und WooCommerce. Das Design-CSS aus dem Entwurf liegt in app.css. */

.card[hidden] { display: none !important; }
.phero--slim { padding-bottom: 8px; }
.phero--slim h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); }

/* Drawer: Link-Buttons und Zusatzzeilen */
.btn.is-disabled { opacity: 0.45; pointer-events: none; }
a.btn { text-decoration: none; }
.drawer__cartlink { display: block; text-align: center; margin-top: 10px; color: var(--muted); font-size: 0.9rem; }
.drawer__inner { display: flex; flex-direction: column; gap: 18px; flex: 1; min-height: 0; }
.drawer__inner .drawer__lines { overflow-y: auto; }
.drawer__inner .drawer__foot { margin-top: auto; }

/* WooCommerce-Seiten: Warenkorb, Kasse, Mein Konto */
.wcwrap { max-width: var(--wrap); }
.wcwrap .woocommerce { font-size: 1rem; }
.wcwrap a { color: var(--cherry); }
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce .button.alt, .woocommerce button.button.alt, .woocommerce a.button.alt, .wc-block-components-button {
  background: var(--ink) !important; color: var(--paper) !important; border-radius: 999px !important; border: 0 !important;
  font-weight: 700 !important; padding: 0.85em 1.5em !important; min-height: 44px; line-height: 1.2 !important; text-decoration: none !important;
}
.woocommerce .button.alt, .woocommerce button.button.alt, .woocommerce a.checkout-button, .woocommerce #place_order {
  background: var(--sun) !important; color: var(--ink) !important;
}
.woocommerce .button:hover { filter: brightness(1.08); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce .quantity .qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .select2-container .select2-selection--single {
  border: 1.5px solid var(--line); border-radius: 10px; padding: 0.7em 0.9em; min-height: 46px; background: #fff; font: inherit;
}
.select2-container .select2-selection--single { height: 46px; display: flex; align-items: center; }
.woocommerce form .form-row label { font-weight: 600; font-size: 0.92rem; }
.woocommerce table.shop_table { border-radius: var(--r); border-color: var(--line); background: #fff; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--line); }
.woocommerce-cart .cart-collaterals .cart_totals h2, .woocommerce-checkout h3, .woocommerce-account h2 { font-family: var(--f-head); }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color: var(--leaf); border-radius: 10px; background: #fff; }
.woocommerce-error { border-top-color: var(--cherry); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--leaf); }
.woocommerce-checkout #payment { background: var(--sack); border-radius: var(--r); }
.woocommerce-checkout #payment div.payment_box { background: var(--paper); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--paper); }
.woocommerce table.shop_table img { width: 48px; height: auto; }
.kk-19 td { font-size: 0.85rem; color: var(--muted); text-align: left !important; }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; display: grid; gap: 6px; }
.woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: 10px; background: var(--sack); color: var(--ink) !important; text-decoration: none; font-weight: 600; }
.woocommerce-MyAccount-navigation .is-active a { background: var(--ink); color: var(--paper) !important; }
.woocommerce .col2-set, .woocommerce-page .col2-set { gap: 24px; }
@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td::before { font-weight: 700; }
}

/* Normale Inhaltsseiten (Impressum, Datenschutz) */
.prose img { max-width: 100%; height: auto; }
.kk-item { padding: 18px 0; border-bottom: 1px solid var(--line); }

/* Namenskonflikte Entwurf ↔ WooCommerce: .alt (Höhengrafik vs. Hauptbutton), .notes (Geschmacksnoten vs. Bestellnotiz), .qty (Mengenwahl vs. Mengenfeld) */
.woocommerce .alt, .woocommerce-page .alt { height: auto !important; margin: 0 !important; position: static; }
.woocommerce #payment #place_order { margin-top: 12px !important; float: right; }
.woocommerce .wc-proceed-to-checkout a.checkout-button { display: block; text-align: center; margin-bottom: 12px !important; }
.woocommerce .form-row.notes { display: block; gap: 0; flex-wrap: nowrap; }
.woocommerce .form-row.notes textarea { width: 100%; min-height: 110px; }
.woocommerce input.qty { display: inline-block; width: 4.5em; border: 1.5px solid var(--line); border-radius: 10px; padding: 0.5em; background: #fff; text-align: center; }