/**
 * ASN Prefill Booking Form – Stylesheet (v1.1.0)
 *
 * Enthält:
 *  1. Styling der Personen-Dropdown-Box
 *     – Gleiche Optik wie das YITH-Bundesland/Ausland-Dropdown
 *     – Grauer Dropdown-Pfeil (CSS-Dreieck via ::after)
 *     – Nativen Browser-Pfeil unterdrückt (appearance: none)
 *  2. Fehlermeldung
 *
 * Nicht mehr enthalten (seit v1.1.0):
 *  - .asn-prefill--hidden → übernommen von asn-shop-access-control
 */

/* -------------------------------------------------------------------------
 * 1. Personen-Dropdown-Box
 * ---------------------------------------------------------------------- */

.asn-prefill-person-selector {
    margin-top: 1em;
    margin-bottom: 1.25em;
}

.asn-prefill-person-selector__label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.4em;
    font-size: inherit;
    /* Konsistent mit YITH-Formular-Labels */
    color: inherit;
}

/* Wrap-Container: positioniert den SVG-Pfeil absolut rechts */
.asn-prefill-person-selector__select-wrap {
    position: relative;
    display: block;
    width: 100%;
}

/**
 * Grauer Dropdown-Pfeil – identisch zur YITH-Bundesland-Dropdown.
 *
 * Das SVG ist ein einfaches Dreieck (▼) in Grau (#888).
 * Es wird als Pseudo-Element über dem Select positioniert, damit
 * Klick-Events weiter an das darunterliegende <select> durchgehen.
 * pointer-events: none stellt sicher, dass das Pseudo-Element
 * das <select> nicht blockiert.
 */
.asn-prefill-person-selector__select-wrap::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.75em;
    transform: translateY( -50% );
    width: 0;
    height: 0;
    border-left:   5px solid transparent;
    border-right:  5px solid transparent;
    border-top:    6px solid #888;
    pointer-events: none;
}

.asn-prefill-person-selector__select {
    /* Nativen Browser-Pfeil ausblenden */
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;

    /* Platz für den custom Pfeil rechts */
    padding: 0.5em 2.5em 0.5em 0.75em;

    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    font-size: inherit;
    line-height: 1.4;
    cursor: pointer;
    color: inherit;

    /* IE 11: nativen Pfeil unterdrücken */
    background-image: none;
}

.asn-prefill-person-selector__select:focus {
    outline: 2px solid #0073aa;
    outline-offset: 1px;
    border-color: #0073aa;
}

/* -------------------------------------------------------------------------
 * 2. Fehlermeldung
 * ---------------------------------------------------------------------- */

.asn-prefill-error {
    color: #c00;
    font-size: 0.9em;
    margin-bottom: 0.75em;
    padding: 0.5em 0.75em;
    border-left: 3px solid #c00;
    background: #fff5f5;
}