/* ============================================================
   Julias Herzblut – A24 (18.10.2026)
   1) Sortier-/Filter-Selects: genau EIN Pfeil (eigenes Chevron)
   2) Format-Select (pa_format) sitzt in der Filterleiste
   Lädt nach a22.css – letzte Instanz. Keine Produktdaten.
   Palette: Papier #FFFDF8 · Navy #1F2A37 · Linie #E3DBCD
   ============================================================ */

/* ---------------- 1) Ein Pfeil für alle Selects ---------------- */
/* Kadence setzt für .orderby ein eigenes Hintergrundbild, unsere
   Filter-Selects setzen per Shorthand `background` und verlieren es.
   Hier bekommt jeder Select genau dasselbe, eigene Chevron – und der
   native Browser-Pfeil wird in allen Engines abgeschaltet. */
select,
.hb-main select,
.hb-f select,
.hb-filters-form select,
.woocommerce-ordering select,
select.orderby,
.woocommerce .variations select,
.hb-main .variations select,
.wc-block-components-select select,
.woocommerce form .form-row select,
.woocommerce-checkout select {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.6L6 6.4L11 1.6' stroke='%231F2A37' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 12px 8px !important;
	padding-right: 44px !important;
}

/* Edge/IE: eigenen Pfeil ausblenden */
select::-ms-expand { display: none; }

/* Deaktivierte Selects bleiben lesbar */
select:disabled {
	opacity: .55;
	cursor: not-allowed;
}

/* Die Sortier-Leiste von Kadence behält ihre flache Optik – nur ein Pfeil */
.woocommerce-ordering select.orderby,
select.orderby {
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 40px !important;
	background-color: transparent !important;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-position: right 8px center !important;
	background-size: 12px 8px !important;
}

/* Filter-Selects: Pfeil im weißen Feld, nicht auf der Kante */
.hb-f select,
.hb-filters-form select {
	background-color: var(--jh-paper, #FFFDF8) !important;
	background-position: right 14px center !important;
	padding-right: 44px !important;
}

/* Mobil bleibt genug Platz für den Text */
@media (max-width: 767px) {
	select,
	.hb-f select,
	.woocommerce-ordering select { padding-right: 42px !important; }
}

/* ---------------- 2) Format-Select ---------------- */
/* Steht als eigenes Feld in der Filterleiste (Alle / Digital / Druckversion).
   Auf der Klassen-Kachelansicht wird die Leiste gar nicht gerendert. */
.hb-f-format select { min-width: 120px; }