/* Achtsam mit mir – Shop: Feinschliff für die ECHTEN, bereits aktiven
 * WooCommerce-Seiten (Kategorie-Archiv, einzelne Produktseite, Warenkorb,
 * Kasse). Anders als amm-shop.css (nur innerhalb der neuen Vorschauseite
 * unter .amm-root) wirkt diese Datei bewusst auf die bestehenden, echten
 * Shop-Seiten, weil genau die – nicht die Vorschau – hier gemeint sind.
 *
 * Nur optische Anpassungen (Farben, Schrift, Abstände, Bildzuschnitt).
 * Es wird keine WooCommerce-Funktion, kein Formularfeld, kein Skript und
 * keine Zahlungs-/Versandlogik verändert – nur wie es aussieht.
 *
 * Genutzt werden ausschließlich die Standard-CSS-Klassen, die WooCommerce
 * selbst auf jeder Installation ausgibt (nicht theme-spezifisch). Falls
 * Doreens Theme den neuen Block-Warenkorb/Block-Checkout nutzt statt der
 * klassischen Vorlagen, greifen einzelne Regeln evtl. nicht – dann bitte
 * kurz Rückmeldung, dann passen wir gezielt nach.
 */

:root {
	--amm-live-cream: #F7F3EC;
	--amm-live-text: #2C1D25;
	--amm-live-berry: #982451;
	--amm-live-berry-hover: #7d1d43;
	--amm-live-clay: #C98570;
	--amm-live-rose: #EAD9DD;
	--amm-live-white: #FFFFFF;
	--amm-live-font-heading: 'Silk Serif', Georgia, 'Times New Roman', serif;
	--amm-live-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---------- Sidebar auf Shop-Seiten entfernen (volle Breite) ----------
   Doreen möchte auf allen Shop-Seiten keine Sidebar-Box mehr (dort saß
   bislang ein zum Design nicht passender Theme-Baustein, z. B. eine
   "Über mich"-Widget-Box). Der SAUBERE Weg ist, das Widget selbst in
   Erscheinungsbild → Widgets zu entfernen (siehe Anleitung im Chat) –
   das hier ist zusätzlich ein Sicherheitsnetz per CSS, falls die Sidebar
   fest im Theme verankert ist: blendet gängige Sidebar-Bereiche auf
   Shop-Seiten aus und lässt den Inhalt die volle Breite einnehmen.
   Bewusst nur auf body.woocommerce*-Seiten begrenzt – der Rest der
   Website ist davon nicht betroffen. */
body.woocommerce #secondary,
body.woocommerce-page #secondary,
body.woocommerce .widget-area,
body.woocommerce-page .widget-area,
body.woocommerce .sidebar,
body.woocommerce-page .sidebar,
body.woocommerce .site-sidebar,
body.woocommerce-page .site-sidebar,
body.woocommerce .storefront-sidebar,
body.woocommerce-page .storefront-sidebar,
body.woocommerce .ast-sidebar,
body.woocommerce-page .ast-sidebar {
	display: none !important;
}
body.woocommerce #primary,
body.woocommerce-page #primary,
body.woocommerce .content-area,
body.woocommerce-page .content-area,
body.woocommerce #main,
body.woocommerce-page #main {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
}

/* ---------- Kategorie-Archiv & Shop-Übersicht ---------- */
body.woocommerce ul.products,
body.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 2rem !important;
	list-style: none !important;
	margin: 0 0 2rem !important;
	padding: 0 !important;
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	text-align: left !important;
}
body.woocommerce ul.products li.product a,
body.woocommerce-page ul.products li.product a {
	text-decoration: none;
	color: inherit;
	display: block;
}
body.woocommerce ul.products li.product img,
body.woocommerce-page ul.products li.product img {
	aspect-ratio: 3 / 4 !important;
	object-fit: cover !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	margin: 0 0 0.75rem !important;
	border-radius: 4px;
	display: block !important;
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--amm-live-font-body);
	font-weight: 600;
	font-size: 1.05rem;
	color: var(--amm-live-text);
	margin: 0 0 0.25rem;
}
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
	font-family: var(--amm-live-font-heading);
	color: var(--amm-live-berry);
	font-size: 1.1rem;
}
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button {
	margin-top: 0.75rem;
	display: inline-flex !important;
	background-color: var(--amm-live-berry) !important;
	color: var(--amm-live-white) !important;
	font-family: var(--amm-live-font-body);
	font-weight: 700;
	border-radius: 2px;
	padding: 0.55rem 1.1rem;
	border: none;
}
body.woocommerce ul.products li.product .button:hover,
body.woocommerce-page ul.products li.product .button:hover {
	background-color: var(--amm-live-berry-hover) !important;
}

@media (max-width: 780px) {
	body.woocommerce ul.products,
	body.woocommerce-page ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 480px) {
	body.woocommerce ul.products,
	body.woocommerce-page ul.products {
		grid-template-columns: 1fr !important;
	}
}

/* ---------- Einzelne Produktseite ---------- */
body.single-product .product_title {
	font-family: var(--amm-live-font-heading);
	color: var(--amm-live-text);
}
body.single-product .summary .price {
	font-family: var(--amm-live-font-heading);
	color: var(--amm-live-berry);
	font-size: 1.4rem;
}
body.single-product .summary p,
body.single-product .summary .woocommerce-product-details__short-description {
	font-family: var(--amm-live-font-body);
	line-height: 1.6;
}
body.single-product form.cart .button,
body.single-product .single_add_to_cart_button {
	background-color: var(--amm-live-berry) !important;
	color: var(--amm-live-white) !important;
	font-family: var(--amm-live-font-body);
	font-weight: 700;
	border-radius: 2px;
	padding: 0.85rem 1.75rem;
	border: none;
}
body.single-product form.cart .button:hover,
body.single-product .single_add_to_cart_button:hover {
	background-color: var(--amm-live-berry-hover) !important;
}
body.single-product form.cart .quantity input.qty {
	font-family: var(--amm-live-font-body);
	border: 1px solid rgba(44, 29, 37, 0.3);
	border-radius: 2px;
	padding: 0.6rem;
}
body.single-product table.variations select {
	font-family: var(--amm-live-font-body);
	border: 1px solid rgba(44, 29, 37, 0.3);
	border-radius: 2px;
	padding: 0.5rem;
}

/* ---------- Warenkorb ---------- */
body.woocommerce-cart h1.page-title,
body.woocommerce-cart h1.entry-title {
	font-family: var(--amm-live-font-heading);
	color: var(--amm-live-text);
}
body.woocommerce-cart table.cart {
	border: none;
	font-family: var(--amm-live-font-body);
}
body.woocommerce-cart table.cart th {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.8rem;
	color: var(--amm-live-berry);
	border-bottom: 1px solid rgba(44, 29, 37, 0.15);
	padding-bottom: 0.75rem;
}
body.woocommerce-cart table.cart td {
	border-top: 1px solid rgba(44, 29, 37, 0.12);
	padding: 1rem 0.5rem;
	vertical-align: middle;
}
body.woocommerce-cart table.cart td.product-thumbnail img {
	width: 90px !important;
	height: 90px !important;
	aspect-ratio: 1 / 1;
	object-fit: cover !important;
	border-radius: 4px;
}
body.woocommerce-cart table.cart .quantity input.qty {
	border: 1px solid rgba(44, 29, 37, 0.3);
	border-radius: 2px;
	padding: 0.5rem;
	font-family: var(--amm-live-font-body);
}
body.woocommerce-cart .coupon .input-text {
	border: 1px solid rgba(44, 29, 37, 0.3);
	border-radius: 2px;
	padding: 0.65rem;
	font-family: var(--amm-live-font-body);
}
body.woocommerce-cart .cart-collaterals .cart_totals {
	font-family: var(--amm-live-font-body);
}
body.woocommerce-cart .cart-collaterals .cart_totals h2 {
	font-family: var(--amm-live-font-heading);
	color: var(--amm-live-text);
}
body.woocommerce-cart .cart_totals .order-total .amount {
	color: var(--amm-live-berry);
	font-family: var(--amm-live-font-heading);
	font-size: 1.2rem;
}
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart button[name="update_cart"] {
	background-color: var(--amm-live-berry) !important;
	color: var(--amm-live-white) !important;
	font-family: var(--amm-live-font-body);
	font-weight: 700;
	border-radius: 2px;
	padding: 0.85rem 1.75rem;
	border: none;
	text-decoration: none;
}
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-cart button[name="update_cart"]:hover {
	background-color: var(--amm-live-berry-hover) !important;
}

/* ---------- Kasse (Checkout) ---------- */
body.woocommerce-checkout {
	font-family: var(--amm-live-font-body);
}
body.woocommerce-checkout h3,
body.woocommerce-checkout #order_review_heading {
	font-family: var(--amm-live-font-heading);
	color: var(--amm-live-text);
}
body.woocommerce-checkout .woocommerce-billing-fields label,
body.woocommerce-checkout .woocommerce-shipping-fields label,
body.woocommerce-checkout .woocommerce-additional-fields label {
	font-weight: 700;
	font-family: var(--amm-live-font-body);
}
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
	font-family: var(--amm-live-font-body);
	border: 1px solid rgba(44, 29, 37, 0.3) !important;
	border-radius: 2px !important;
	padding: 0.75rem !important;
	background-color: var(--amm-live-white);
}
body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus {
	outline: 3px solid var(--amm-live-berry);
	outline-offset: 1px;
}
body.woocommerce-checkout table.shop_table {
	font-family: var(--amm-live-font-body);
	border-collapse: collapse;
}
body.woocommerce-checkout table.shop_table th {
	color: var(--amm-live-berry);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.8rem;
	border-bottom: 1px solid rgba(44, 29, 37, 0.15);
}
body.woocommerce-checkout table.shop_table td,
body.woocommerce-checkout table.shop_table th {
	padding: 0.75rem 0.5rem;
}
body.woocommerce-checkout .order-total .amount {
	color: var(--amm-live-berry);
	font-family: var(--amm-live-font-heading);
	font-size: 1.2rem;
}
body.woocommerce-checkout ul.wc_payment_methods,
body.woocommerce-checkout ul.payment_methods {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.woocommerce-checkout ul.wc_payment_methods li,
body.woocommerce-checkout ul.payment_methods li {
	border-bottom: 1px solid rgba(44, 29, 37, 0.12);
	padding: 0.75rem 0 !important;
}
body.woocommerce-checkout ul.wc_payment_methods input[type="radio"],
body.woocommerce-checkout ul.payment_methods input[type="radio"] {
	accent-color: var(--amm-live-berry);
}
body.woocommerce-checkout #place_order {
	background-color: var(--amm-live-berry) !important;
	color: var(--amm-live-white) !important;
	font-family: var(--amm-live-font-body);
	font-weight: 700;
	border-radius: 2px;
	padding: 1rem 1.75rem;
	border: none;
	width: 100%;
}
body.woocommerce-checkout #place_order:hover {
	background-color: var(--amm-live-berry-hover) !important;
}
