/* ============================================================
   Julias Herzblut – A12 (18.10.2026)
   Welten-Farbcode, Badges, Suche, Buttons, Abstände, leere Zustände
   Lädt nach herzblut.css → overrides.css → a6.css (letzte Instanz).
   Palette: Creme #F7F3EC · Papier #FFFDF8 · Navy #1F2A37
            Rot #9E2B25 · Salbei #7C8F7A · Linie #E3DBCD
   ============================================================ */

/* ---------------- Welten: Farbvariablen ---------------- */
body.world-arbeitshefte{
	--world:#1F2A37;
	--world-soft:#E7E9EC;
	--world-contrast:#FFFDF8;
}
body.world-material{
	--world:#7C8F7A;
	--world-soft:#EDF1EA;
	--world-contrast:#FFFDF8;
}
/* Karten tragen ihre Welt auch auf Seiten ohne body_class (Startseite) */
.hb-card-arbeitshefte{--world:#1F2A37;--world-soft:#E7E9EC;--world-contrast:#FFFDF8}
.hb-card-material-vorlagen{--world:#7C8F7A;--world-soft:#EDF1EA;--world-contrast:#FFFDF8}

/* ---------------- Badges ---------------- */
.hb-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:4px 10px;
	border-radius:999px;
	font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
	font-size:11px;
	font-weight:700;
	line-height:1.45;
	letter-spacing:.08em;
	text-transform:uppercase;
	white-space:nowrap;
	vertical-align:middle;
	color:#FFFDF8 !important;
}
.hb-badge-arbeitsheft{
	background-color:#1F2A37 !important;
	color:#FFFDF8 !important;
}
.hb-badge-vorlage{
	background-color:#7C8F7A !important;
	color:#FFFDF8 !important;
}

/* Badge auf Produktkarten: oben links auf dem Cover */
.hb-cover{position:relative}
.hb-cover > .hb-badge{
	position:absolute;
	left:10px;
	top:10px;
	z-index:2;
	box-shadow:0 2px 8px rgba(31,42,55,.18);
}
.hb-card .hb-meta,
.woocommerce ul.products li.product .hb-meta{
	color:var(--world,#4F6B4C) !important;
}

/* Badge neben dem Produkttitel */
.hb-main .product_title{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
}
.hb-main .product_title .hb-badge{
	font-size:12px;
	padding:5px 12px;
	letter-spacing:.06em;
	transform:translateY(-1px);
}

/* ---------------- Kategorieseite: Welt-Akzent + Breadcrumb ---------------- */
body.world-arbeitshefte .entry-hero .entry-header.product-archive-title,
body.world-material .entry-hero .entry-header.product-archive-title,
body.world-arbeitshefte .hb-main .woocommerce-products-header,
body.world-material .hb-main .woocommerce-products-header{
	position:relative;
	padding-bottom:16px;
}
body.world-arbeitshefte .entry-hero .entry-header.product-archive-title::after,
body.world-material .entry-hero .entry-header.product-archive-title::after,
body.world-arbeitshefte .hb-main .woocommerce-products-header::after,
body.world-material .hb-main .woocommerce-products-header::after{
	content:"";
	display:block;
	width:56px;
	height:4px;
	margin:12px 0 0;
	border-radius:2px;
	background-color:var(--world);
}
/* Breadcrumb: Kadence + WooCommerce Fallback in Weltfarbe */
body.world-arbeitshefte .kadence-breadcrumbs a,
body.world-material .kadence-breadcrumbs a,
body.world-arbeitshefte .kadence-breadcrumbs,
body.world-material .kadence-breadcrumbs,
body.world-arbeitshefte .woocommerce-breadcrumb,
body.world-arbeitshefte .woocommerce-breadcrumb a,
body.world-material .woocommerce-breadcrumb,
body.world-material .woocommerce-breadcrumb a{
	color:var(--world) !important;
}
body.world-arbeitshefte .kadence-breadcrumbs a:hover,
body.world-material .kadence-breadcrumbs a:hover,
body.world-arbeitshefte .woocommerce-breadcrumb a:hover,
body.world-material .woocommerce-breadcrumb a:hover{
	color:#9E2B25 !important;
}

/* ---------------- Suche (Header) ---------------- */
.hb-header .hb-search{
	height:40px !important;
	min-height:40px !important;
	padding:0 16px !important;
	box-sizing:border-box;
	background:rgba(255,255,255,.10) !important;
	background-color:rgba(255,255,255,.10) !important;
	border:0 !important;
	border-radius:999px !important;
	box-shadow:none !important;
}
.hb-header .hb-search input,
.hb-header .hb-search input[type="search"]{
	height:100% !important;
	background:transparent !important;
	background-color:transparent !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	padding:0 !important;
	margin:0 !important;
	outline:none;
	color:#FFFDF8 !important;
	font-size:14.5px;
	line-height:1.4;
	width:100%;
	min-width:0;
}
.hb-header .hb-search input::placeholder{
	color:rgba(255,255,255,.65) !important;
	opacity:1;
}
.hb-header .hb-search input::-webkit-search-cancel-button{
	filter:invert(1);
	opacity:.7;
}

/* ---------------- Buttons: „Ansehen“ + „In den Warenkorb“ ---------------- */
.hb-btn:not(.hb-btn-ghost),
.hb-main form.cart .single_add_to_cart_button,
.hb-main .single_add_to_cart_button.button.alt{
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	padding:12px 20px !important;
	min-height:44px !important;
	box-sizing:border-box;
	border:0 !important;
	border-radius:999px !important;
	background-color:#9E2B25 !important;
	color:#FFFDF8 !important;
	font-size:15px !important;
	font-weight:600 !important;
	line-height:1.25 !important;
	text-align:center;
	text-decoration:none !important;
}
/* Produktseite: gleiche Form, etwas größere Schrift */
.hb-main form.cart .single_add_to_cart_button,
.hb-main .single_add_to_cart_button.button.alt{
	font-size:16px !important;
}
.hb-btn:not(.hb-btn-ghost):hover,
.hb-btn:not(.hb-btn-ghost):focus,
.hb-main form.cart .single_add_to_cart_button:hover,
.hb-main form.cart .single_add_to_cart_button:focus,
.hb-main .single_add_to_cart_button.button.alt:hover,
.hb-main .single_add_to_cart_button.button.alt:focus{
	background-color:#7E211C !important;
	color:#FFFDF8 !important;
}

/* Produktseite: Kadence setzt .summary auf 48 % – in unserem Grid bleibt sonst
   die halbe Spalte leer (Titel/Badge werden unnötig schmal). */
.hb-main .product > .summary,
.hb-main .product div.summary{
	width:100% !important;
	max-width:none !important;
	float:none !important;
}

/* Produktseite: Tabs und Regale über beide Spalten (kein 495-px-Kasten) */
.hb-main .product > .woocommerce-tabs,
.hb-main .product > .related.products,
.hb-main .product > .upsells.products{
	grid-column:1 / -1;
	width:100%;
}
/* Geister-Buttons bleiben ruhig (kein Rot) */
.hb-btn-ghost{
	padding:11px 20px !important;
	min-height:44px !important;
	box-sizing:border-box;
	border-radius:999px !important;
	font-weight:600 !important;
}

/* ---------------- Abstände ---------------- */
.hb-main .hb-section{padding:56px 0}
/* Klassenreihe → erstes Regal: exakt 40 px Luft */
.hb-main .hb-section#klassen{
	padding-bottom:0;
	margin-bottom:40px;
}
.hb-main .hb-section#arbeitshefte{padding-top:0}

@media (max-width:767px){
	.hb-main .hb-section{padding:40px 0}
	.hb-main .hb-section#klassen{padding-bottom:0;margin-bottom:40px}
	.hb-main .hb-section#arbeitshefte{padding-top:0}
}

/* ---------------- Foto-Platzhalter (Entwurfsseite) ---------------- */
.hb-photo-placeholder{
	width:100%;
	max-width:520px;
	aspect-ratio:4 / 3;
	margin:26px 0 0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#EFE8DB;
	border:2px dashed #C9BEA9;
	border-radius:14px;
	color:#8A8578;
	font-family:"Inter","Segoe UI",system-ui,sans-serif;
	font-size:13px;
	font-weight:600;
	letter-spacing:.08em;
	text-transform:uppercase;
}

/* ---------------- Leere Zustände: nie „0“ ---------------- */
.hb-empty p{color:#55554E}
.hb-filter-empty{display:none}