/* Talevara v52 shared UI primitives — search, icons, focus */

/* Accessible visually-hidden content must never participate in component layout. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

:root{
  --ui-control-h:40px;
  --ui-control-radius:10px;
  --ui-border:#ded5ce;
  --ui-border-hover:#cfc2b9;
  --ui-focus:#b9553d;
  --ui-focus-ring:rgba(185,85,61,.11);
  --ui-surface:#fffdfa;
  --ui-muted:#777f7a;
}
.ui-icon,.talevara-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
img.ui-icon,img.talevara-icon{display:inline-block;object-fit:contain;fill:initial;stroke:initial}
.sr-search{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:var(--ui-control-h);padding:0 8px 0 11px;border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);background:var(--ui-surface);color:#85807b;box-shadow:none;transition:border-color 120ms ease,box-shadow 120ms ease,background-color 120ms ease}
.sr-search:hover{border-color:var(--ui-border-hover)}
.sr-search:focus-within{border-color:var(--ui-focus);box-shadow:0 0 0 3px var(--ui-focus-ring);background:#fff}
.sr-search .sr-search-icon,.sr-search .search-icon{position:static;display:grid;place-items:center;width:20px;height:20px;color:#8b8783;transform:none;pointer-events:none}
.sr-search .sr-search-icon svg,.sr-search .search-icon svg,.sr-search .sr-search-icon img,.sr-search .search-icon img{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sr-search input[type="search"]{position:static;width:100%;min-width:0;height:calc(var(--ui-control-h) - 2px);padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0;color:#333a36;font:500 .875rem/1.25 var(--font-ui);-webkit-appearance:none;appearance:none}
.sr-search input[type="search"]::-webkit-search-cancel-button{display:none}
.sr-search input[type="search"]::placeholder{color:#92908d;opacity:1;transition:color 80ms ease}
.sr-search input[type="search"]:focus::placeholder{color:transparent}
.sr-search .sr-search-clear,.sr-search .search-clear{position:static;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#8e8883;transform:none;cursor:pointer}
.sr-search .sr-search-clear:hover,.sr-search .search-clear:hover,.sr-search .sr-search-clear:focus-visible,.sr-search .search-clear:focus-visible{background:#f4ece7;color:#9f4b38;outline:none}
.sr-search .sr-search-clear svg,.sr-search .search-clear svg,.sr-search .sr-search-clear img,.sr-search .search-clear img{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sr-search button[hidden]{display:none!important}
.sr-search--compact{--ui-control-h:40px}
.sr-search--large{--ui-control-h:56px;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding-inline:16px 10px;border-radius:14px}
.sr-search--large input[type="search"]{font-size:1rem}
.sr-search--large .sr-search-icon svg,.sr-search--large .search-icon svg,.sr-search--large .sr-search-icon img,.sr-search--large .search-icon img{width:20px;height:20px}
.sr-search--large .sr-search-clear,.sr-search--large .search-clear{width:34px;height:34px}
@media(max-width:640px){.sr-search--large{--ui-control-h:52px;border-radius:12px}}