/*
 * pd-select: Auswahlfeld im Muster der Sortierung (.pdc-select aus
 * astra-shop.js / Kassen-CSS Block [5]): Knopf mit Pfeil, Liste blendet
 * weich ein (0.18 s), gewaehlter Eintrag blau und fett. Ausserhalb der
 * pdc-Karten mit den Portal-Tokens aus main.css. Ohne JS bleibt das
 * native Select sichtbar. Stufe 2b, 13.10.2026 (Referenz adressbuch-v1, E12).
 * GP-Button-Falle: das Theme faerbt button:hover/:focus - darum hier
 * Hintergrund und Farbe fuer alle Zustaende explizit.
 */
.pd-select-nativ{display:none!important}
.pdc-select{position:relative;display:inline-block;min-width:200px}
.pdc-select--feld{display:block;width:100%;min-width:0}
.pdc-select .pdc-select-knopf,
.pdc-select .pdc-select-knopf:hover,
.pdc-select .pdc-select-knopf:focus{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;margin:0;padding:8px 10px 8px 12px;font:inherit;font-size:14px;line-height:1.3;text-align:left;border:1px solid var(--pd-color-border,#dbe1e8);border-radius:var(--pd-radius,8px);background:#fff;color:var(--pd-color-text,#192738);cursor:pointer;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.pdc-select .pdc-select-knopf:hover{border-color:var(--pd-color-accent,#2853a4)}
.pdc-select[data-offen] .pdc-select-knopf,
.pdc-select .pdc-select-knopf:focus-visible{outline:none;border-color:var(--pd-color-accent,#2853a4);box-shadow:0 0 0 1px var(--pd-color-accent,#2853a4)}
.pdc-select-knopf span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdc-select-pfeil{flex:none;color:var(--pd-color-muted,#5f6d7e);transform:rotate(90deg);transition:transform .18s ease}
.pdc-select[data-offen] .pdc-select-pfeil{transform:rotate(-90deg)}
.pdc-select-liste{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:100%;max-height:288px;overflow-y:auto;margin:0;padding:5px;list-style:none;background:#fff;border:1px solid var(--pd-color-border,#dbe1e8);border-radius:8px;box-shadow:0 12px 28px rgba(15,27,58,.14);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.pdc-select[data-offen] .pdc-select-liste{opacity:1;visibility:visible;transform:translateY(0)}
.pdc-select-liste li{margin:0;padding:0}
.pdc-select-liste li::before{content:none}
.pdc-select-liste li>button,
.pdc-select-liste li>button:hover,
.pdc-select-liste li>button:focus{display:block;width:100%;margin:0;text-align:left;border:0;border-radius:5px;padding:8px 10px;font:inherit;font-size:13.5px;line-height:1.35;background:transparent;color:var(--pd-color-text,#192738);cursor:pointer;box-shadow:none;outline:none}
.pdc-select-liste li>button:hover,
.pdc-select-liste li>button.fokus{background:var(--pd-color-accent-light,#eaf0fa);color:var(--pd-color-accent,#2853a4)}
.pdc-select-liste li[aria-selected=true]>button{color:var(--pd-color-accent,#2853a4);font-weight:600}
@media (prefers-reduced-motion:reduce){.pdc-select-liste,.pdc-select-pfeil{transition:none}}