/* Directory layout, Stoni Baza — AGPL-3.0-or-later. */
.stoni-directory-page .wp-site-blocks{padding-inline:0}
.stoni-directory-shell{background:#030a2b;padding:72px 24px 64px;box-sizing:border-box;margin:0!important;max-width:none!important}
.stoni-directory-container{max-width:1200px;margin-inline:auto}
.stoni-directory{margin:0;color:#f5f7fa;font-family:var(--wp--preset--font-family--rf-dewi,sans-serif)}
.stoni-directory *{box-sizing:border-box}.stoni-directory svg{width:20px;height:20px;flex-shrink:0}
.stoni-directory-heading{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:36px}
.stoni-eyebrow{color:#0084ff;font-size:.85rem;font-weight:600;letter-spacing:.08em;margin:0 0 14px}
.stoni-directory h1{font-family:inherit;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.045em;font-weight:700;margin:0 0 18px}
.stoni-directory-intro{font-size:1.05rem;line-height:1.65;color:#9aa6c1;max-width:590px;margin:0}
.stoni-directory-total{display:flex;align-items:center;gap:16px;flex-shrink:0;border:1px solid #1e315f;border-radius:8px;padding:20px 24px;background:#051041}
.stoni-directory-total>svg{width:32px;height:32px;color:#0084ff}.stoni-directory-total>span{display:grid;gap:4px}
.stoni-directory-total strong{font:700 2.35rem/1 var(--wp--preset--font-family--dezen-pro,inherit);letter-spacing:-.02em}.stoni-directory-total>span>span{font-size:.85rem;color:#9aa6c1}
.stoni-filters{display:flex;align-items:end;gap:16px;padding:24px;background:#051041;border:1px solid #17264f;border-radius:8px;margin:0}
.stoni-filters label{display:grid;gap:9px;min-width:0;flex:1;color:#b8c2d8;font-size:.85rem;font-weight:500}.stoni-filters .stoni-filter-search{flex:1.5}
.stoni-filters input,.stoni-filters select,.stoni-filters button{font:500 .95rem var(--wp--preset--font-family--rf-dewi,sans-serif);min-height:48px;border:1px solid #2a375c;border-radius:5px;max-width:100%;width:100%;padding:12px 14px;outline-offset:3px}
.stoni-filters input,.stoni-filters select{background:#030a2b;color:#f5f7fa}.stoni-filters input::placeholder{color:#687594;opacity:1}.stoni-filters select{padding-right:30px;text-overflow:ellipsis}
.stoni-search-input{position:relative;display:block}.stoni-search-input>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#687594;pointer-events:none}.stoni-directory .stoni-filters .stoni-filter-search .stoni-search-input input[type=search]{padding:12px 14px 12px 44px;height:48px;background-color:#030a2b;border-color:#2a375c;font-size:.95rem}
.stoni-filters button{display:flex;align-items:center;justify-content:center;gap:18px;background:#0084ff;color:white;border-color:#0084ff;cursor:pointer;flex:0 0 auto;width:auto;padding-inline:22px}
.stoni-filters button:hover{background:#0875dc;border-color:#0875dc}.stoni-filters input:focus,.stoni-filters select:focus{border-color:#0084ff;outline:2px solid #0084ff44}
.stoni-results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 20px;color:#9aa6c1;font-size:.88rem}.stoni-result-count{margin:0}.stoni-result-count strong{color:#f5f7fa;font-weight:600}.stoni-clear-filters{font-size:.8rem;margin-left:16px;color:#0084ff!important}
.stoni-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.stoni-card{min-width:0;background:#051041;border:1px solid #1a2851;border-radius:8px;overflow:hidden;transition:border-color .16s,background .16s}
.stoni-card .stoni-card-link{display:flex;flex-direction:column;height:100%;min-height:232px;padding:24px;text-decoration:none;color:#f5f7fa}
.stoni-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.stoni-card-avatar{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:#0c1e52;border:1px solid #193467;color:#86bcff;overflow:hidden;font:600 1.1rem var(--wp--preset--font-family--dezen-pro,inherit)}
.stoni-directory--clubs .stoni-card-avatar{border-radius:50%}.stoni-card-avatar.has-image{background:transparent;border:0;border-radius:0;overflow:visible}
.stoni-card .stoni-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:100%;border:0;border-radius:8px}.stoni-directory--clubs .stoni-card-image{object-fit:contain;padding:0;border-radius:0}
.stoni-card-arrow{color:#687594;display:flex;transition:transform .16s,color .16s}
.stoni-card h2{font-family:inherit;font-size:1.12rem;line-height:1.4;letter-spacing:-.015em;font-weight:600;margin:0 0 8px;color:inherit;overflow-wrap:anywhere}
.stoni-card .stoni-card-subtitle{display:flex;align-items:start;gap:6px;line-height:1.5;color:#9aa6c1;font-size:.86rem;margin:0 0 22px;overflow-wrap:anywhere}.stoni-card-subtitle>svg{width:15px;height:15px;margin-top:2px}
.stoni-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #1a2851;font-size:.76rem;color:#9aa6c1}
.stoni-card-tag{padding:3px 8px;background:#0c1d46;border-radius:4px;color:#b1c7e9;line-height:1.4}.stoni-card-season{white-space:nowrap;margin-left:auto;color:#687594;font-variant-numeric:tabular-nums}
.stoni-card-roster{display:flex;align-items:center;gap:7px}.stoni-card-roster svg{width:16px;height:16px;color:#0084ff}
.stoni-card:hover,.stoni-card:focus-within{border-color:#0084ff;background:#07164b}.stoni-card:hover .stoni-card-arrow,.stoni-card:focus-within .stoni-card-arrow{color:#0084ff;transform:translateX(3px)}
.stoni-card .stoni-card-link:hover{background:transparent}.stoni-card-link:focus-visible{outline:2px solid #0084ff;outline-offset:-3px;border-radius:7px}
.stoni-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:36px;font-size:.88rem}
.stoni-pagination .page-numbers{display:grid;place-items:center;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid #22325b;border-radius:5px;text-decoration:none;color:#9aa6c1;background:#051041}.stoni-pagination .current{background:#0084ff;color:#fff;border-color:#0084ff}.stoni-pagination a:hover{border-color:#0084ff;color:#fff}.stoni-pagination .dots{border-color:transparent;background:none;min-width:20px;padding-inline:2px}
.stoni-empty{text-align:center;padding:64px 24px;border:1px solid #1a2851;border-radius:8px;background:#051041}.stoni-empty>svg{width:36px;height:36px;color:#687594;margin-bottom:14px}.stoni-empty h2{font-size:1.5rem;margin:0 0 10px}.stoni-empty p{color:#9aa6c1;font-size:.95rem}.stoni-empty a{color:#0084ff}
.stoni-directory .stoni-source-code{font-size:.75rem;margin-top:36px;text-align:center}.stoni-directory .stoni-source-code a{color:#687594;text-decoration:none}.stoni-directory .stoni-source-code a:hover{color:#9aa6c1}
@media(max-width:1000px){.stoni-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stoni-filters{flex-wrap:wrap}.stoni-filters .stoni-filter-search{flex:1 0 100%}.stoni-filters label{flex:1 1 30%}.stoni-filters button{flex-grow:0}}
@media(max-width:600px){.stoni-directory-shell{padding:40px 16px 44px}.stoni-directory-heading{align-items:start;flex-direction:column;gap:24px;margin-bottom:28px}.stoni-directory h1{font-size:3rem}.stoni-directory-intro{font-size:.95rem}.stoni-directory-total{padding:14px 18px;gap:12px;align-self:stretch}.stoni-directory-total>span{display:flex;align-items:baseline;gap:10px}.stoni-directory-total strong{font-size:1.8rem}.stoni-directory-total>svg{width:24px;height:24px}.stoni-filters{padding:18px;gap:14px}.stoni-filters label,.stoni-filters .stoni-filter-search{flex:1 0 100%}.stoni-filters button{width:100%;justify-content:space-between}.stoni-results-toolbar{align-items:start;font-size:.8rem}.stoni-results-toolbar>span{font-size:.72rem;text-align:right}.stoni-clear-filters{display:block;margin:6px 0 0}.stoni-grid{grid-template-columns:1fr;gap:14px}.stoni-card .stoni-card-link{min-height:214px;padding:22px}.stoni-card-top{margin-bottom:18px}.stoni-card h2{font-size:1.15rem}.stoni-pagination{gap:5px}.stoni-pagination .page-numbers{min-width:34px;min-height:38px;padding:8px}.stoni-pagination .prev,.stoni-pagination .next{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.stoni-card,.stoni-card-arrow{transition:none}}
/* Live results keep the active input and filters in place. */
.stoni-search-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.stoni-live-results{transition:opacity .15s ease;min-width:0}.stoni-live-results[aria-busy=true]{opacity:.55}
.stoni-search-suggestion{margin:24px 0 0;padding:14px 18px;background:#0b204c;border:1px solid #243b68;border-radius:6px;color:#aebfdb;font-size:.9rem}
.stoni-search-suggestion a{color:#86bcff;font-weight:600;text-underline-offset:3px}.stoni-search-suggestion a:hover{color:#0084ff}
@media(prefers-reduced-motion:reduce){.stoni-live-results{transition:none}}

.stoni-search-status.is-error{position:static;width:auto;height:auto;margin:16px 0;overflow:visible;clip-path:none;white-space:normal;color:#aebfdb;font-size:.85rem}

/* Keep intrinsic portrait dimensions out of the fixed square avatar layout. */
.stoni-card-avatar.has-image{position:relative;aspect-ratio:1/1;overflow:hidden}
.stoni-card-avatar.has-image img{position:absolute;inset:0;width:100%;height:100%!important;max-height:100%;min-height:0;aspect-ratio:1/1}

.stoni-card-birth-year{font-size:.8em;font-weight:400;color:#9aa6c1;white-space:nowrap}