.fixture-search{--fixture-search-control-height:48px;--fixture-search-label-height:21px;--fixture-search-field-gap:7px;box-sizing:border-box;width:100%;margin:24px 0 30px;padding:18px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-surface);box-shadow:var(--shadow-sm);font-family:var(--global-font),sans-serif}.fixture-search .fixture-search-fields{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(140px,1fr) minmax(140px,1fr) auto;grid-gap:16px;gap:16px;align-items:start}.fixture-search .fixture-search-field{display:flex;flex-direction:column;gap:var(--fixture-search-field-gap);min-width:0;margin:0;padding:0}.fixture-search .fixture-search-field>label{display:block;height:var(--fixture-search-label-height);margin:0;padding:0;color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:var(--fixture-search-label-height)}.fixture-search #fixtures-search-location,.fixture-search .fixture-search-field>input{display:block;box-sizing:border-box;width:100%;height:var(--fixture-search-control-height);min-height:var(--fixture-search-control-height);margin:0;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);font-family:inherit;font-size:16px;line-height:24px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.fixture-search .fixture-search-location-wrap{position:relative;min-width:0}.fixture-search #fixtures-search-location{padding-right:44px}.fixture-search .fixture-search-location-clear{position:absolute;top:calc(var(--fixture-search-label-height) + var(--fixture-search-field-gap));right:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:var(--fixture-search-control-height);margin:0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast)}.fixture-search .fixture-search-location-clear svg{display:block;flex-shrink:0}.fixture-search .fixture-search-location-clear:hover:not(:disabled){color:var(--color-primary-light)}.fixture-search .fixture-search-select-wrap{position:relative;width:100%}.fixture-search .fixture-search-select-wrap>select{display:block;box-sizing:border-box;width:100%;height:var(--fixture-search-control-height);min-height:var(--fixture-search-control-height);margin:0;padding:10px 42px 10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);font-family:inherit;font-size:16px;line-height:24px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;-webkit-appearance:none;-moz-appearance:none}.fixture-search .fixture-search-select-wrap:after{content:"";position:absolute;top:50%;right:16px;width:7px;height:7px;border-right:2px solid var(--color-text-primary);border-bottom:2px solid var(--color-text-primary);transform:translateY(-65%) rotate(45deg);pointer-events:none}.fixture-search #fixtures-search-location:focus,.fixture-search .fixture-search-field>input:focus,.fixture-search .fixture-search-select-wrap>select:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 3px var(--color-focus-ring)}.fixture-search button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.fixture-search .fixture-search-location-clear:focus-visible{outline-offset:-5px}.fixture-search .fixture-search-actions{display:flex;align-items:center;gap:12px;min-width:0;margin-top:calc(var(--fixture-search-label-height) + var(--fixture-search-field-gap))}.fixture-search .fixture-search-submit{position:relative;box-sizing:border-box;height:var(--fixture-search-control-height);margin:0;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-cta);color:var(--color-primary);font-family:inherit;font-size:15px;font-weight:600;line-height:24px;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast)}.fixture-search .fixture-search-submit:hover:not(:disabled){background:var(--color-cta-hover)}.fixture-search .fixture-search-submit:active:not(:disabled){background:var(--color-cta-active)}.fixture-search .fixture-search-clear{display:flex;align-items:center;justify-content:center;min-height:var(--fixture-search-control-height);margin:0;padding:0 4px;border:0;background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:13px;line-height:20px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color var(--transition-fast)}.fixture-search .fixture-search-clear:hover:not(:disabled){color:var(--color-primary)}.fixture-search .fixture-search-hint{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.5}.fixture-search .fixture-search-error{margin:0;color:var(--color-error);font-size:13px;line-height:1.5}.fixture-search :disabled{opacity:.6;cursor:not-allowed}.fixture-search .fixture-search-submit:disabled{opacity:1;cursor:default}.fixture-search .fixture-search-submit-label{display:block}.fixture-search .fixture-search-submit[aria-busy=true] .fixture-search-submit-label{visibility:hidden}.fixture-search .fixture-search-submit-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.fixture-search .fixture-search-submit-spinner{display:block;box-sizing:border-box;width:20px;height:20px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:fixture-search-spin .7s linear infinite}@keyframes fixture-search-spin{to{transform:rotate(1turn)}}@media (max-width:1000px){.fixture-search .fixture-search-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fixture-search .fixture-search-submit{flex:1 1}}@media (max-width:600px){.fixture-search{padding:16px}.fixture-search .fixture-search-fields{grid-template-columns:minmax(0,1fr);gap:14px}.fixture-search .fixture-search-actions{margin-top:0}}@media (prefers-reduced-motion:reduce){.fixture-search .fixture-search-submit-spinner{animation:none}}@media (max-width:600px){.fixture-search .fixture-search-field:has(#fixtures-search-radius:disabled){display:none}}