/* ═══════════════════════════════════════════════════════════════════
   daedd-mobile.css — Mobile-Optimierungen
   WICHTIG: Alle Regeln in Media-Queries → Desktop-Ansicht 100% unverändert.
   Wird nach allen anderen Stylesheets geladen → !important nur wenn nötig.
   ═══════════════════════════════════════════════════════════════════ */

/* ── BASIS-ANPASSUNGEN < 900px ── */
@media (max-width: 900px) {

	html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

	/* Logo im Landing-Hero immer scharf, nicht zu groß */
	.logo-wrap svg { width: min(280px, 78vw) !important; }

	/* Hero-Padding kompakter für Mobile */
	.hero, .shop-hero { padding-left: 1.2rem !important; padding-right: 1.2rem !important; }

	/* Buttons/Links groß genug zum Tippen (Apple-Richtlinie 44px) */
	a.btn, button.btn, .btn-primary, .btn-secondary, .prod-btn, .schmiede-cta,
	.hs-feature-cta, .hs-price-card, .atelier-line-card, .contact-link,
	.checkout-button, .single_add_to_cart_button {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}

	/* Sektionen-Padding kompakter */
	section { padding-left: 1.2rem !important; padding-right: 1.2rem !important; }
	.shop-block { padding: 3rem 1.2rem !important; }
	.section { padding: 3rem 1.2rem !important; }

	/* Tabellen-Overflow (WooCommerce-Tabellen) */
	.shop_table, .woocommerce table.shop_table { display: block; overflow-x: auto; }
	.woocommerce-checkout .col2-set,
	.woocommerce-cart .cart-collaterals { display: block !important; }
	.woocommerce-checkout .col2-set .col-1,
	.woocommerce-checkout .col2-set .col-2,
	.woocommerce-cart .cart-collaterals .cart_totals {
		width: 100% !important; float: none !important; margin-bottom: 1.5rem !important;
	}

	/* Forms: Inputs voll breit */
	.woocommerce form .form-row { width: 100% !important; float: none !important; }
	.woocommerce form .form-row-first,
	.woocommerce form .form-row-last { width: 100% !important; }

	/* Schmiede-Wizard auf Mobile */
	.wizard-wrap { padding: 0 1rem !important; margin: 2.5rem auto 4rem !important; }
	.wizard-step { padding: 1.8rem 1.4rem 1.4rem !important; }
	.option-grid { grid-template-columns: 1fr 1fr !important; gap: 0.7rem !important; }
	.accessoires-grid { grid-template-columns: 1fr 1fr !important; }
	.size-grid { grid-template-columns: 1fr !important; gap: 1rem !important; }
	.wizard-nav { flex-direction: column-reverse !important; gap: 0.7rem !important; }
	.wizard-nav .btn { width: 100% !important; justify-content: center !important; }

	/* Hero-Block Atelier-Editionen — eh schon responsive, nur sichern */
	.atelier-lines-grid { grid-template-columns: 1fr 1fr !important; gap: 1rem !important; }

	/* Produktkarten enger */
	.prod-grid, .prod-grid-2 { grid-template-columns: 1fr !important; gap: 1.2rem !important; }
	.prod-card { max-width: 100% !important; }

	/* Showcase-Grid (Landing) */
	.showcase-grid { grid-template-columns: 1fr !important; gap: 1.2rem !important; }

	/* Heldenschmelz-Feature × KInception → gestapelt */
	.hs-feature-grid, .kinception-grid, .schmiede-inner {
		grid-template-columns: 1fr !important;
		gap: 2rem !important;
	}
	.hs-feature-proof { grid-template-columns: 1fr !important; }
	.hs-feature-proof img { aspect-ratio: 16 / 10 !important; }

	/* Schmiede-Promo-Steps untereinander */
	.schmiede-steps { grid-template-columns: 1fr 1fr !important; }

	/* Single-Product Layout */
	.sp-wrap { grid-template-columns: 1fr !important; gap: 2rem !important; }
	.sp-image-col { position: static !important; }
	.sp-thumbnails { grid-template-columns: repeat(4, 1fr) !important; }

	/* Footer/CTA Buttons in Spalten */
	.cta-buttons { flex-direction: column !important; align-items: stretch !important; }
	.cta-buttons .btn,
	.cta-buttons .btn-primary,
	.cta-buttons .btn-secondary { width: 100% !important; justify-content: center !important; }

	/* Galerie-Karten auf Mobile */
	.gallery-grid, .project-grid { grid-template-columns: 1fr !important; gap: 1.2rem !important; }

	/* Trilogy-Strip */
	.trilogy-grid { grid-template-columns: 1fr !important; }

	/* Bilder nie overflowen */
	img { max-width: 100%; height: auto; }

	/* Headlines kleiner */
	h1 { font-size: clamp(2rem, 8vw, 3.4rem) !important; }
	h2 { font-size: clamp(1.6rem, 6vw, 2.4rem) !important; }

	/* Testimonials gestapelt */
	.testi-grid { grid-template-columns: 1fr !important; gap: 1.2rem !important; }

	/* WooCommerce Mini-Cart / Cart Widget Anpassungen */
	.cart_totals h2,
	.cart_totals table { font-size: 0.88rem !important; }

	/* Schmiede-Hero Padding optimieren */
	.hs-hero { padding: 6rem 1.2rem 2rem !important; }
	.hs-hero h1 { font-size: clamp(2rem, 8vw, 3.6rem) !important; }

	/* Howto-Frame nicht zu klein */
	.howto-frame .play-circle { width: 60px !important; height: 60px !important; }
	.howto-frame .play-circle::after {
		border-left-width: 14px !important;
		border-top-width: 9px !important;
		border-bottom-width: 9px !important;
	}

	/* Schmiede Konsent-Box lesbar */
	.consent-box { font-size: 0.78rem !important; }

	/* Form-Field Textareas größer machen für besseres Tippen */
	.form-field textarea, .form-field input[type="text"] {
		font-size: 16px !important; /* iOS verhindert Zoom bei <16px */
	}

	/* Tabellen */
	table { font-size: 0.84rem !important; }

	/* Footer */
	.site-footer-daedd, footer { padding: 2rem 1rem !important; font-size: 0.7rem !important; }
}

/* ── KLEINE PHONES < 480px ── */
@media (max-width: 480px) {

	.shop-block, .section, section { padding: 2.5rem 1rem !important; }
	.wizard-step { padding: 1.4rem 1rem 1rem !important; }

	/* Option-Grid 1-spaltig bei sehr kleinen Screens */
	.option-grid { grid-template-columns: 1fr !important; }
	.accessoires-grid { grid-template-columns: 1fr !important; }

	/* Atelier-Hero-Karten 1-spaltig */
	.atelier-lines-grid { grid-template-columns: 1fr !important; }

	/* Schmiede-Promo Steps 1-spaltig */
	.schmiede-steps { grid-template-columns: 1fr !important; }

	/* Form-Title kleiner */
	.sp-form-title { font-size: 0.92rem !important; }

	/* Hero-Stimuli-Strip umbrechen */
	.atelier-strip { flex-direction: column !important; gap: 0.4rem !important; }

	/* Modaler Foto-Reminder kompakter */
	.daedd-foto-reminder { padding: 0.9rem 1rem !important; font-size: 0.82rem !important; }
}

/* ── LANDSCAPE PHONES (z. B. iPhone gedreht) ── */
@media (max-width: 900px) and (orientation: landscape) {
	.site-nav .site-nav-links {
		justify-content: flex-start !important;
		padding-top: 4rem !important;
		overflow-y: auto !important;
	}
}

/* ── FIX 05.07.2026: Welten-Karten auf Mobile exakt gleich groß ──
   Lange Namen (MOMENTENSCHMELZ) haben ihre Grid-Spalte breiter gedrückt.
   minmax(0,1fr) erzwingt gleiche Spaltenbreiten; Namen dürfen umbrechen. */
@media (max-width: 900px) {
	.daedd-welten .dw-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.daedd-welten .dw-card { min-width: 0 !important; }
	.daedd-welten .dw-plate-name {
		font-size: 0.55rem !important;
		letter-spacing: 0.08em !important;
		overflow-wrap: anywhere;
	}
	.daedd-welten .dw-plate-sub { font-size: 0.88rem !important; }
	.daedd-welten .dw-format {
		white-space: normal !important;
		text-align: center;
	}
}