/*
Theme Name: Kerzenwerk
Theme URI: https://r2-04-shop.zicoxusi.cyon.site/
Description: Warmes, ruhiges Child-Theme für den Kerzenwerk-Shop auf Basis von Twenty Twenty-Five.
Author: Kerzenwerk
Template: twentytwentyfive
Version: 1.0.3
Requires at least: 6.6
Text Domain: kerzenwerk
*/

/* Kleine Ergänzungen, die theme.json nicht abdeckt */

.skip-link.screen-reader-text:focus { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); padding: .75rem 1rem; z-index: 100000; }

.kw-header { border-bottom: 1px solid var(--wp--preset--color--accent-6); background: var(--wp--preset--color--base); }
.kw-topbar { font-size: .85rem; letter-spacing: .02em; }
.kw-topbar p { margin: 0; }

.kw-eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 700; color: var(--wp--preset--color--accent-1); }

.kw-hero .wp-block-cover__inner-container { max-width: 1240px; }
.kw-hero h1 { max-width: 14ch; }
.kw-hero p { max-width: 42ch; }

.kw-card { background: var(--wp--preset--color--base-2); border-radius: 18px; overflow: hidden; height: 100%; }
.kw-card img { border-radius: 12px; }
.kw-cats .wp-block-image img { aspect-ratio: 1; object-fit: cover; border-radius: 14px; transition: transform .35s ease; }
.kw-cats .wp-block-image a:hover img, .kw-cats .wp-block-image a:focus img { transform: scale(1.03); }
.kw-cats figure { overflow: hidden; border-radius: 14px; }

.kw-usp .wp-block-column { border-top: 2px solid var(--wp--preset--color--accent-3); padding-top: 1rem; }

/* WooCommerce: Produktlisten ruhiger */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-components-product-name, .wp-block-post-title a { text-decoration: none; }
.woocommerce ul.products li.product a img, .wc-block-components-product-image img, .wp-block-woocommerce-product-image-gallery img { border-radius: 14px; }
.woocommerce ul.products li.product .price, .wc-block-components-product-price { color: var(--wp--preset--color--contrast); font-weight: 600; }
.woocommerce span.onsale { background: var(--wp--preset--color--accent-1); }
.woocommerce ul.products li.product .button { border-radius: 999px; }
.woocommerce-store-notice, p.demo_store { background: var(--wp--preset--color--accent-2); }

.wc-block-components-button:not(.is-link), .wp-element-button, .single_add_to_cart_button {
	border-radius: 999px !important;
}

/* Rechtstexte gut lesbar */
.kw-legal h2 { font-size: 1.5rem; margin-top: 2.5rem; }
.kw-legal h3 { font-size: 1.15rem; margin-top: 1.5rem; }

.kw-footer a { text-decoration: none; }
.kw-footer a:hover, .kw-footer a:focus { text-decoration: underline; }
.kw-footer ul { list-style: none; padding-left: 0; margin: 0; }
.kw-footer li { margin: .35rem 0; }

@media (max-width: 781px) {
	.kw-hero { min-height: 520px !important; }
	.kw-topbar { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}

/* Produktkacheln (klassische Liste auf der Startseite): Raster mit bündigen Buttons */
.woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem 1.5rem; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; }
.woocommerce ul.products li.product .button { margin-top: auto; align-self: flex-start; font-size: .875rem; padding: .6rem 1.2rem; }
.woocommerce ul.products li.product .price { margin-bottom: .9rem; }

/* Produktkacheln im Shop (Blöcke) */
.wp-block-woocommerce-product-button .wp-block-button__link { font-size: .875rem; padding: .55rem 1.1rem; }
.wp-block-woocommerce-catalog-sorting select { max-width: 100%; }

@media (max-width: 781px) {
	.woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem 1rem; }
}
@media (max-width: 600px) {
	.woocommerce ul.products li.product .button,
	.wp-block-woocommerce-product-button .wp-block-button__link { font-size: .8rem; padding: .5rem .85rem; white-space: nowrap; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem !important; }
	.wp-block-group:has(> .wp-block-woocommerce-catalog-sorting) { flex-wrap: wrap; }
	.wp-block-woocommerce-product-results-count { flex: 1 1 100%; }
}
.woocommerce .woocommerce-ordering select, .wp-block-woocommerce-catalog-sorting select { padding: .45rem .6rem; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 8px; background: #fff; font: inherit; }

/* Kategorien auf dem Handy zweispaltig */
@media (max-width: 781px) {
	.wp-block-columns.kw-cats { flex-wrap: wrap !important; gap: 1.5rem 1rem; }
	.wp-block-columns.kw-cats > .wp-block-column { flex-basis: calc(50% - .5rem) !important; flex-grow: 0; }
	.kw-cats h3 { font-size: 1.05rem; }
}