/* Admin hint */ .header-components__admin-hint { margin: 16px auto 0; padding: 8px 14px; border-radius: var(--radius-pill, 999px); background: rgba(0, 0, 0, 0.32); color: rgba(255, 255, 255, 0.95); font: 500 13px/1.4 var(--font-ui); display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: center; } .header-components__admin-link { color: #fff; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; font-weight: 600; } .header-components__admin-link:hover { color: #ffe082; } /* Legacy form-class helpers (unused by zibll-aligned search; kept for admin-only markup) */ .header-components-search__form { display: flex; align-items: center; background: rgba(255, 255, 255, 0.95); border-radius: 50px; padding: 4px 4px 4px 20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); backdrop-filter: blur(10px); transition: box-shadow 0.3s ease, transform 0.2s ease; } .header-components-search__form:focus-within { box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2); transform: translateY(-1px); } .header-components-search__icon { color: var(--color-ink-3, #999); font-size: 16px; margin-right: 12px; flex-shrink: 0; } .header-components-search__input { flex: 1; border: none !important; background: transparent !important; box-shadow: none !important; font-size: 15px; padding: 10px 0; color: var(--color-ink); } .header-components-search__input:focus { outline: none; } .header-components-search__input::placeholder { color: var(--color-ink-4, #aaa); } .header-components-search__btn { border-radius: 50px; padding: 10px 24px; font-size: 14px; font-weight: 500; flex-shrink: 0; }