/* Copyright (c) 2026 Smekker24 GmbH. Original work. */
.smekker-search { position: relative; overflow: visible; }
.smekker-search-popover[hidden] { display: none !important; }
.smekker-search-popover { position: absolute; z-index: 90; inset-block-start: calc(100% + 10px); inset-inline: 0; min-width: min(340px, calc(100vw - 32px)); max-height: min(65vh, 560px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid rgba(111, 145, 144, .2); border-radius: 22px; padding: 10px; text-align: start; background: rgba(255, 255, 255, .98); box-shadow: 0 24px 65px rgba(27, 72, 75, .16); color: #21494b; }
@supports (backdrop-filter: blur(24px)) { .smekker-search-popover { background: rgba(255, 255, 255, .94); backdrop-filter: blur(24px); } }
.smekker-search-status { margin: 0; padding: 8px 12px; font-size: 12px; line-height: 1.5; color: #50686a; }
.smekker-search-status:empty { display: none; }
.smekker-search-option { display: flex; align-items: center; gap: 13px; min-height: 58px; padding: 10px 12px; border-radius: 14px; text-decoration: none; color: #21494b; }
.smekker-search-option:hover, .smekker-search-option[aria-selected="true"] { background: #e9f6f2; color: #144f4b; }
.smekker-search-option:focus-visible { outline: 2px solid #187d73; outline-offset: -2px; }
.smekker-search-option img { flex: 0 0 48px; width: 48px; height: 48px; object-fit: contain; border-radius: 9px; background: white; }
.smekker-search-option span { display: grid; gap: 4px; min-width: 0; }
.smekker-search-option strong { font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.smekker-search-option small { font-size: 11px; line-height: 1.5; color: #637775; overflow-wrap: anywhere; }
.smekker-search-option--correction { display: block; overflow-wrap: anywhere; background: #fff2f5; margin-bottom: 5px; font-weight: 650; font-size: 13px; }
.smekker-search-option--all { justify-content: center; border-top: 1px solid #e2ede9; margin-top: 5px; border-radius: 0 0 14px 14px; font-size: 12px; font-weight: 650; }
.smekker-search-hint { margin: 0 0 22px; padding: 18px 22px; border: 1px solid #f1dce4; border-radius: 18px; background: #fff2f6; color: #21494b; font-size: 16px; overflow-wrap: anywhere; }
.smekker-search-hint a { color: inherit; font-weight: 650; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 600px) { .smekker-search-popover { min-width: 0; inset-inline: -2px; } }
@media (prefers-reduced-motion: no-preference) { .smekker-search-popover:not([hidden]) { animation: smekker-search-in .16s ease-out; } @keyframes smekker-search-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } }