/* ============================================================
   Julias Herzblut – A6 (Startseite, Menü, Filter)
   Lädt nach herzblut.css + overrides.css. Keine externen Schriften.
   Palette: Creme #F7F3EC · Papier #FFFDF8 · Navy #1F2A37
            Rot #9E2B25 · Salbei #7C8F7A · Linie #E3DBCD
   ============================================================ */

/* ---------------- Kopfzeile ---------------- */
.hb-header .hb-nav-list{gap:18px;font-size:14px}
.hb-header .hb-bar{gap:18px}
@media (max-width:1100px){
	.hb-header .hb-nav-list{gap:12px;font-size:13.5px}
	.hb-header .hb-bar{gap:12px}
	.hb-header .hb-search{min-width:180px}
}

/* ---------------- Startseite: Türen ---------------- */
.hb-doors-sec{padding-top:34px}
.hb-doors-intro{margin-bottom:20px}
.hb-doors-intro h1{font-size:30px;line-height:1.15;margin:8px 0 0}
.hb-doors{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hb-door{
	position:relative;display:flex;flex-direction:column;gap:10px;
	min-height:236px;padding:26px 26px 22px;border-radius:18px;
	color:#FFFDF8 !important;text-decoration:none;overflow:hidden;
	transition:transform .16s ease, box-shadow .16s ease;
}
.hb-door:visited,.hb-door:hover,.hb-door:focus{color:#FFFDF8 !important}
.hb-door-navy{background:var(--jh-navy,#1F2A37) !important;border:1px solid #1F2A37 !important}
.hb-door-sage{background:var(--jh-sage,#7C8F7A) !important;border:1px solid #6F816D !important}
.hb-door:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(31,42,55,.18)}
.hb-door-kicker{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.78}
.hb-door-title{font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.1;letter-spacing:-.01em}
.hb-door-text{font-size:15px;line-height:1.55;opacity:.9;max-width:34ch}
.hb-door-foot{margin-top:auto;display:flex;align-items:baseline;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.22)}
.hb-door-count{font-family:Georgia,"Times New Roman",serif;font-size:26px;line-height:1}
.hb-door-unit{font-size:13px;opacity:.85}
.hb-door-arrow{margin-left:auto;font-size:20px;line-height:1;opacity:.9}

/* ---------------- Klassenreihe ---------------- */
.hb-classes{grid-template-columns:repeat(13,minmax(0,1fr))}
.hb-cls{display:block}
.hb-cls em{display:block;font-style:normal;font-size:10.5px;color:#6B6B63;margin-top:2px}

/* ---------------- Regale ---------------- */
.hb-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hb-empty{
	background:var(--jh-paper,#FFFDF8);border:1px dashed var(--jh-line,#E3DBCD);
	border-radius:16px;padding:26px;text-align:left
}
.hb-empty p{margin:0 0 8px;color:#55554E;font-size:15px}
.hb-empty .hb-empty-title{font-family:Georgia,"Times New Roman",serif;font-size:20px;color:var(--jh-navy,#1F2A37);margin-bottom:6px}
.hb-empty .hb-btn{margin-top:6px}
.hb-shelf-empty{max-width:none}
.hb-main .woocommerce > .hb-empty{max-width:1136px;margin:12px auto 0}

/* ---------------- Vertrauenszeile ---------------- */
.hb-trustline{border-top:1px solid var(--jh-line,#E3DBCD);border-bottom:1px solid var(--jh-line,#E3DBCD);background:var(--jh-paper,#FFFDF8);margin-top:26px;padding:18px 0}
.hb-trustline-inner{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;align-items:center;font-size:13.5px;color:#4B4B45}
.hb-trustline-inner span{position:relative;padding-left:16px}
.hb-trustline-inner span::before{content:"·";position:absolute;left:0;color:var(--jh-red,#9E2B25);font-weight:700}
.hb-trustline-inner span:first-child{padding-left:0}
.hb-trustline-inner span:first-child::before{content:"";}

/* ---------------- Unterseiten ---------------- */
.hb-subpage{max-width:1180px;padding-top:34px;padding-bottom:20px}
.hb-subpage h1{font-size:32px;line-height:1.15;margin:8px 0 10px}
.hb-lead{font-size:16.5px;color:#55554E;max-width:70ch;margin:0 0 24px}
.hb-note{font-size:13.5px;color:#6B6B63;margin-top:18px}
.hb-classes-page{margin-bottom:6px}
.hb-cls-page em{color:#6B6B63}

.hb-fachblock{margin-bottom:34px}
.hb-fachlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--jh-line,#E3DBCD)}
.hb-fachrow{
	display:flex;align-items:center;gap:14px;padding:13px 4px;
	border-bottom:1px solid var(--jh-line,#E3DBCD);text-decoration:none
}
.hb-fachrow:hover .hb-fachname{color:var(--jh-red,#9E2B25)}
.hb-fachname{font-size:16.5px;font-weight:600;flex:1 1 auto}
.hb-fachcount{font-size:13px;color:#6B6B63;white-space:nowrap}
.hb-facharrow{font-size:16px;color:#6B6B63}

.hb-probelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.hb-proberow{
	display:flex;align-items:center;gap:18px;flex-wrap:wrap;
	background:var(--jh-paper,#FFFDF8);border:1px solid var(--jh-line,#E3DBCD);
	border-radius:14px;padding:16px 18px
}
.hb-probeinfo{flex:1 1 320px;min-width:0}
.hb-probeinfo h2{font-size:19px;margin:2px 0 4px}
.hb-probeactions{display:flex;gap:10px;flex-wrap:wrap}
.hb-probe-missing{font-size:13px;color:#6B6B63;align-self:center}

/* ---------------- Filterleiste ---------------- */
.hb-filters{
	max-width:1180px;margin:8px auto 2px;padding:14px 22px 0;
	display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px
}
.hb-filters-toggle{display:none}
.hb-filters-badge{
	display:inline-block;min-width:19px;padding:1px 6px;margin-left:6px;
	background:var(--jh-red,#9E2B25);color:#FFFDF8;border-radius:999px;
	font-size:12px;line-height:1.5;text-align:center
}
.hb-filters-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;flex:1 1 100%;margin:0}
.hb-f{flex:1 1 130px;min-width:0;margin:0}
.hb-f label{
	display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
	color:#6B6B63;font-weight:700;margin-bottom:4px
}
.hb-f select{
	width:100%;max-width:100%;padding:9px 10px;font-size:14px;line-height:1.3;
	border:1px solid var(--jh-line,#E3DBCD);border-radius:10px;background:var(--jh-paper,#FFFDF8)
}
.hb-f-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.hb-f-actions .hb-btn{padding:9px 18px;font-size:14px;white-space:nowrap}
.hb-f-reset{font-size:13.5px;color:var(--jh-red,#9E2B25);text-decoration:underline;white-space:nowrap}
.hb-filters-count{margin:10px 0 0;font-size:13px;color:#55554E;flex:1 1 100%}
/* Doppelte Trefferzahl vermeiden – eigene Zeile genügt */
.kadence-shop-top-row .kadence-woo-results-count,
.hb-main .woocommerce-result-count{display:none}

/* ---------------- Responsive ---------------- */
@media (max-width:1024px){
	.hb-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hb-doors-intro h1{font-size:27px}
	.hb-door-title{font-size:27px}
	.hb-door{min-height:220px}
}

@media (max-width:900px){
	.hb-header .hb-nav{display:none}
	.hb-classes{grid-template-columns:repeat(7,minmax(0,1fr))}
}

@media (max-width:767px){
	/* Kopf: Logo + Warenkorb + Menü in Zeile 1, Suche in Zeile 2 */
	.hb-header .hb-bar{
		height:auto;flex-wrap:wrap;gap:10px;padding-top:9px;padding-bottom:9px;
		align-items:center
	}
	.hb-header .hb-search{order:9;flex:1 0 100%;min-width:0;margin:0;display:flex}
	.hb-header .hb-cart{margin-left:auto;padding:7px 13px;font-size:13px}
	.hb-header .hb-mnav{margin-left:0}

	.hb-doors{grid-template-columns:1fr;gap:14px}
	.hb-door{min-height:0;padding:22px}
	.hb-door-title{font-size:26px}
	.hb-doors-intro h1{font-size:24px}

	/* Filter: ausklappbares Panel statt Leiste */
	.hb-filters{display:block;padding:10px 22px 0}
	.hb-filters-toggle{
		display:inline-flex;align-items:center;gap:6px;
		background:var(--jh-paper,#FFFDF8) !important;color:var(--jh-navy,#1F2A37) !important;
		border:1px solid var(--jh-line,#E3DBCD) !important;border-radius:999px !important;
		padding:9px 16px !important;font-size:14px;font-weight:600;cursor:pointer
	}
	.hb-filters.hb-js .hb-filters-form{display:none}
	.hb-filters.hb-js.is-open .hb-filters-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}
	.hb-filters-form{flex-direction:column;align-items:stretch}
	.hb-f{flex:1 1 auto}
	.hb-f-actions{justify-content:space-between;flex-wrap:wrap}
	.hb-filters-count{margin-top:8px}
}

@media (max-width:600px){
	/* Suche bleibt sichtbar (Override der alten Regel) */
	.hb-header .hb-search{display:flex}
	.hb-header .hb-logo-img{height:26px !important;max-width:130px !important}
	.hb-classes{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
	.hb-cls{padding:11px 0;font-size:16px}
	.hb-grid-4{grid-template-columns:1fr}
	.hb-trustline-inner{justify-content:flex-start;font-size:13px;gap:6px 18px}
	.hb-trustline-inner span{padding-left:14px}
	.hb-proberow{padding:14px}
	.hb-fachname{font-size:15.5px}
}

@media (max-width:400px){
	.hb-header .hb-cart{padding:6px 10px;font-size:12.5px}
	.hb-header .hb-mnav summary{padding:6px 10px;font-size:13px}
	.hb-door-title{font-size:23px}
	.hb-classes{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ============================================================
   A11 (18.10.2026): Fächerbilder in den Türen + scharfe Regal-Cover
   ============================================================ */

/* Tür: Text links, Fächerbild rechts (~46 % der Türbreite) */
.hb-door-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,50%);gap:14px;align-items:center;width:100%}
.hb-door-copy{display:flex;flex-direction:column;gap:10px;min-width:0}
.hb-door-art{display:flex;align-items:center;justify-content:flex-end;min-width:0;line-height:0}
.hb-door-art .hb-door-img{
	display:block;width:100%;height:auto;max-height:200px;
	object-fit:contain;border-radius:6px
}
/* Etwas kompaktere Typo, damit Text + Bild nebeneinander ruhig stehen */
.hb-door .hb-door-title{font-size:28px}
.hb-door .hb-door-text{font-size:14.5px;max-width:30ch}

@media (max-width:1024px){
	.hb-door-body{grid-template-columns:minmax(0,1fr) minmax(0,48%);gap:12px}
	.hb-door-art .hb-door-img{max-height:170px}
	.hb-door .hb-door-title{font-size:25px}
}

@media (max-width:767px){
	.hb-door-body{grid-template-columns:1fr;gap:14px}
	.hb-door-art{justify-content:flex-start}
	.hb-door-art .hb-door-img{max-height:none;max-width:430px}
	.hb-door .hb-door-title{font-size:26px}
	.hb-door .hb-door-text{max-width:38ch}
}

/* Regal-Cover: 1:1, randlos, keine Verzerrung (Bilddatei jetzt 800 px) */
.hb-cover .hb-cover-img{width:100%;height:100%;object-fit:cover;display:block}

/* Fächerbild als Papier-Kärtchen: weiche Kanten, kein harter Rechteck-Rand */
.hb-door-art .hb-door-img{border-radius:10px;box-shadow:0 10px 22px rgba(12,18,26,.22)}
.hb-door-navy .hb-door-art .hb-door-img{box-shadow:none} /* navy Hintergrund geht nahtlos in die Kachel über */