/*
Theme Name: Chakra Flower
Theme URI: https://chakra-flower.de
Description: Child-Theme von Twenty Twenty-Five für den Chakra-Flower-Shop – Farben, Schriften (lokal eingebunden) und Kopf-/Fußbereich im Chakra-Flower-Design. Für WooCommerce und Germanized.
Author: Chakra Flower
Template: twentytwentyfive
Version: 1.3.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chakra-flower
*/

/* Wortmarke im Kopf- und Fußbereich */
.cf-wordmark,
.cf-wordmark a {
	font-family: var(--wp--preset--font-family--amatic-sc);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	text-decoration: none;
}

/* Produktkarten: dezenter Rahmen, Bild auf Weiß */
.wc-block-product,
.wc-block-grid__product {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 16px;
	padding-bottom: 1.25rem;
	overflow: hidden;
}

/* Grundpreis (Germanized) gut lesbar unter dem Preis */
.wc-gzd-additional-info,
.price-unit {
	font-size: 0.875rem;
	color: var(--wp--preset--color--accent-4);
}

/* FAQ-Akkordeons (Details-Block) */
.wp-block-details {
	border-top: 1px solid var(--wp--preset--color--accent-6);
	padding: 1.1rem 0;
}
.wp-block-details summary {
	font-weight: 700;
	cursor: pointer;
}

/* Fokus immer sichtbar */
:where(a, button, input, select, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-3);
	outline-offset: 2px;
}

/* Kleine Überzeile über Überschriften */
.cf-eyebrow {
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
}

/* Kein weißer Streifen zwischen letztem Abschnitt und Fußbereich */
.wp-site-blocks > footer,
.wp-site-blocks > .wp-block-template-part:last-child {
	margin-block-start: 0;
}
main.wp-block-group:has(> .entry-content > .alignfull:last-child),
.entry-content > .alignfull:last-child {
	margin-block-end: 0;
}

/* Säckchen-Angebot: Der Rabatt kommt automatisch – am Gutschein kein Kreuz zum Entfernen */
.wc-block-components-chip__remove[aria-label*="s\0000e4ckchen-angebot"] {
	display: none;
}

/* Hinweis aufs Säckchen über dem Warenkorb-Button */
.cf-saeckchen-hinweis {
	background: var(--wp--preset--color--accent-5);
	border-radius: 12px;
	padding: 0.85rem 1.1rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
	margin: 0 0 1.25rem;
}

/* Hauptmenü: Untermenüs als ruhige weiße Karten */
.cf-hauptmenue .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--base) !important;
	border: 1px solid var(--wp--preset--color--accent-6) !important;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(32, 27, 38, 0.10);
	padding: 0.5rem 0 !important;
	min-width: 280px !important;
	font-weight: 400;
}
.cf-hauptmenue .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.45rem 1.1rem !important;
}
.cf-hauptmenue .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--accent-5);
}
/* Mobil: Untermenüs eingerückt, ohne Karte */
.cf-hauptmenue .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important;
	box-shadow: none;
	padding: 0.25rem 0 0.5rem 1rem !important;
}
/* Tablet: Menü etwas enger, damit Logo, Menü und Symbole in eine Zeile passen */
@media (max-width: 1100px) {
	.cf-hauptmenue { gap: 16px !important; font-size: 0.95rem; }
}
/* Tablets hochkant: schon unter 900 px das Handy-Menü (☰) zeigen */
@media (max-width: 899px) {
	.cf-hauptmenue .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.cf-hauptmenue .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
}