/* ============================================================
   BVD Shop Filter – Panel-Design
   ============================================================ */

.bvd-sf-wrap{
	--bvd-accent:#e6007e;
	--bvd-accent-dark:#c8102e;
	--bvd-line:#f1eaef;
	--bvd-text:#3a3340;
	--bvd-muted:#9a8fa0;
	font-size:14px;
	color:var(--bvd-text);
}

/* Panel-Grundgerüst */
.bvd-sf-form{
	background:#fff;
	border:1px solid #eee;
	border-radius:16px;
	padding:16px 16px 18px;
	box-shadow:0 6px 22px rgba(0,0,0,.05);
}

/* --- Kopf: Suche + Reset --- */
.bvd-sf-top{ margin-bottom:14px; }
.bvd-sf-search-main{ display:flex; gap:6px; }
.bvd-sf-search-main input[type="search"]{
	flex:1 1 auto; min-width:0;
	padding:10px 12px;
	border:1px solid #e3d7e0; border-radius:10px;
	font-size:14px;
}
.bvd-sf-search-btn{
	flex:0 0 auto;
	border:none; border-radius:10px; cursor:pointer;
	background:var(--bvd-accent); color:#fff;
	padding:0 14px; font-size:16px;
}
.bvd-sf-reset{
	display:inline-block; margin-top:10px;
	font-size:13px; color:var(--bvd-muted); text-decoration:none;
}
.bvd-sf-reset:hover{ color:var(--bvd-accent-dark); }

/* --- Sektionen (Karten) --- */
.bvd-sf-section{
	border:1px solid var(--bvd-line);
	border-radius:12px;
	padding:12px 14px;
	margin-top:12px;
	background:#fff;
}
.bvd-sf-title{
	margin:0; font-size:15px; font-weight:700; color:var(--bvd-text);
	display:flex; align-items:center; justify-content:space-between;
	cursor:pointer; user-select:none;
}
.bvd-sf-title::after{
	content:"\2303"; /* Chevron hoch */
	font-size:14px; color:var(--bvd-muted);
	transition:transform .2s ease;
}
.bvd-sf-title.bvd-collapsed::after{ transform:rotate(180deg); }
.bvd-sf-body{ margin-top:10px; }
.bvd-sf-title.bvd-collapsed + .bvd-sf-body{ display:none; }

/* --- Listen (Kategorie / Ort / Veranstalter) --- */
.bvd-sf-list{ list-style:none; margin:0; padding:0; }
.bvd-sf-cat-list.depth-1{
	margin:4px 0 4px 6px; padding-left:12px;
	border-left:2px solid var(--bvd-line);
}
.bvd-sf-row{
	display:flex; align-items:center; gap:8px;
	padding:7px 2px; cursor:pointer;
	border-bottom:1px solid var(--bvd-line);
}
.bvd-sf-cat-list .bvd-sf-row{ border-bottom:0; padding:5px 2px; }
.bvd-sf-row input[type="checkbox"]{
	flex:0 0 auto; width:16px; height:16px; accent-color:var(--bvd-accent);
}
.bvd-sf-name{ flex:1 1 auto; }
.bvd-sf-count{ flex:0 0 auto; color:var(--bvd-muted); font-style:italic; font-size:13px; }
.bvd-sf-row:hover .bvd-sf-name{ color:var(--bvd-accent-dark); }

/* Durchsuchbare, scrollbare Listen */
.bvd-sf-search{
	width:100%; box-sizing:border-box; margin-bottom:8px;
	padding:8px 10px; border:1px solid #e3d7e0; border-radius:8px; font-size:13px;
}
.bvd-sf-scroll{ max-height:300px; overflow-y:auto; padding-right:4px; }
.bvd-sf-scroll::-webkit-scrollbar{ width:8px; }
.bvd-sf-scroll::-webkit-scrollbar-thumb{ background:#e3d7e0; border-radius:8px; }
.bvd-sf-item.bvd-hide{ display:none; }

/* --- Datum --- */
.bvd-sf-quick{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.bvd-sf-chip{
	border:1px solid #e3d7e0; background:#faf5f9; color:var(--bvd-text);
	border-radius:999px; padding:5px 12px; font-size:13px; cursor:pointer;
}
.bvd-sf-chip.active,
.bvd-sf-chip:hover{ background:var(--bvd-accent); color:#fff; border-color:var(--bvd-accent); }
.bvd-sf-dates{ display:flex; flex-direction:column; gap:8px; }
.bvd-sf-dates label{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13px; }
.bvd-sf-dates input[type="date"]{
	flex:1 1 auto; padding:8px 10px; border:1px solid #e3d7e0; border-radius:8px; font-size:13px;
}

/* --- Aktionen --- */
.bvd-sf-actions{ margin-top:14px; }
.bvd-sf-apply{
	width:100%; border:none; border-radius:10px; cursor:pointer;
	background:var(--bvd-accent); color:#fff; font-size:15px; font-weight:600; padding:12px;
}
.bvd-sf-apply:hover{ background:var(--bvd-accent-dark); }

/* ============================================================
   Produktkarten: Datum/Ort in der Grid-Ansicht kleiner
   (nutzt die bestehenden .bvd-label-Badges des Themes)
   ============================================================ */
.products-grid-view .bvd-label-area .bvd-pos-top-left .bvd-label,
.products-grid-view .bvd-label-area .bvd-pos-top-right .bvd-label{
	font-size:11px !important;
}

/* --- Mobil --- */
.bvd-sf-mobile-toggle{ display:none; }
@media (max-width:768px){
	.bvd-sf-mobile-toggle{
		display:block; width:100%;
		border:none; border-radius:10px; cursor:pointer;
		background:var(--bvd-accent); color:#fff; font-size:16px; font-weight:600; padding:12px;
		margin-bottom:12px;
	}
	.bvd-sf-form{ display:none; }
	.bvd-sf-wrap.bvd-open .bvd-sf-form{ display:block; }
}