/**
 * Nachbestellung für WooCommerce – Frontend-Styles
 *
 * Nur strukturelle Styles – Farbe und Typografie kommen vom Theme.
 */

/* ==========================================================================
   Fokus-Ring für Tastaturnavigation (WCAG 2.2 – 2.4.11)
   ========================================================================== */

.woocommerce-orders-table .woocommerce-button.order-again:focus-visible,
.nachbestellung-btn:focus-visible {
	outline:        3px solid currentColor;
	outline-offset: 2px;
}

/* ==========================================================================
   Bestelldetailseite – nativen WooCommerce-„Order again"-Button ausblenden
   WooCommerce rendert <p class="order-again"> nach der Tabelle; der Button
   in der „Aktionen:"-Zeile ist ausreichend.
   ========================================================================== */

.woocommerce-order-details p.order-again {
	display: none;
}

/* ==========================================================================
   Responsive – auf kleinen Bildschirmen volle Breite
   ========================================================================== */

@media ( max-width: 480px ) {
	.woocommerce-orders-table .woocommerce-button.order-again,
	.nachbestellung-btn {
		display:    block;
		width:      100%;
		text-align: center;
	}
}