/**
 * Anmerkung je Position im Produktfenster.
 *
 * Wird nur geladen, wenn der Shop modal_item_notes_enabled gesetzt hat.
 * Ohne Tailwind-Utilities, damit die Darstellung nicht davon abhaengt,
 * welche Klassen der Build gerade mitgenommen hat.
 */

.item-note-bar {
    position: sticky;
    z-index: 5;
    background: #fff;
}

.item-note-field {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: .375rem;
    padding: .5rem .625rem;
    font-size: .875rem;
    color: #111827;
    background: #fff;
    resize: none;
    line-height: 1.35;
}

.item-note-field:focus {
    outline: none;
    border-color: var(--primary-color, #f97316);
    box-shadow: 0 0 0 2px rgba(249, 115, 22, .15);
}

.item-note-field::placeholder {
    color: #9ca3af;
}