/* Shared readable action colors, touch targets and responsive standings. */
.sfgi-entity-heading{margin:0;font:inherit;color:inherit;min-width:0}
/* Directory controls share the same palette in block and Elementor layouts. */
.sfgi-directory-filters {
 display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;
 margin:0 0 20px;padding:16px;border-radius:var(--sfgi-r-sm);
 background:var(--sfgi-panel);box-shadow:var(--sfgi-ring);
}
.sfgi-directory-filters label {
 display:flex;flex:1 1 150px;flex-direction:column;gap:8px;min-width:0;
 color:var(--sfgi-muted);font:600 12px/1.4 var(--sfgi-f-ui);
 letter-spacing:.08em;text-transform:uppercase;
}
.sfgi-directory-filters input,
.sfgi-directory-filters select,
.sfgi-directory-filters button {
 box-sizing:border-box;min-height:46px;margin:0;padding:11px 14px;
 border:1px solid var(--sfgi-line);border-radius:var(--sfgi-r-sm);
 font:600 14px/1.5 var(--sfgi-f-ui);
}
.sfgi-directory-filters input,
.sfgi-directory-filters select {
 width:100%;min-width:0;color:var(--sfgi-ink);background-color:var(--sfgi-base);
 color-scheme:dark;
}
.sfgi-directory-filters select {
 padding-right:36px;appearance:none;-webkit-appearance:none;cursor:pointer;
 background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
 background-position:right 17px center,right 12px center;
 background-size:5px 5px;background-repeat:no-repeat;
}
.sfgi-directory-filters select option{background:var(--sfgi-panel);color:var(--sfgi-ink)}
.sfgi-directory-filters input::placeholder{color:var(--sfgi-muted);opacity:1}
.sfgi-directory-filters button {
 flex:0 0 auto;min-width:146px;padding-inline:22px;
 border-color:transparent;background:var(--sfgi-accent);color:var(--sfgi-on-bright);
 font-weight:700;letter-spacing:.04em;cursor:pointer;
}
.sfgi-directory-filters button:hover{filter:brightness(1.12)}
.sfgi-directory-filters :is(input,select,button):focus-visible,
.sfgi-pagination a:focus-visible{outline:2px solid var(--sfgi-accent-ink);outline-offset:3px}
:root.sfgi-light .sfgi-directory-filters :is(input,select){color-scheme:light}
.sfgi-game-directory>p{margin:0 0 18px;color:var(--sfgi-muted);font-size:13px;line-height:1.6}
.sfgi-directory-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sfgi-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
.sfgi-pagination .page-numbers {
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 min-width:44px;min-height:44px;padding:10px 14px;border-radius:var(--sfgi-r-sm);
 background:var(--sfgi-panel);color:var(--sfgi-ink);box-shadow:var(--sfgi-ring);
 font:600 14px/1.5 var(--sfgi-f-ui);text-decoration:none;
}
.sfgi-pagination .current{background:var(--sfgi-accent);color:var(--sfgi-on-bright)}
.sfgi-pagination a:hover{background:var(--sfgi-panel-2)}
.sfgi-pagination .dots{background:transparent;box-shadow:none;color:var(--sfgi-muted)}
.sfgi-season-context{padding:12px 18px;border-left:3px solid currentColor;font-size:14px;line-height:1.5}
@media(max-width:900px){.sfgi-directory-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .sfgi-directory-game-grid{grid-template-columns:1fr}
 .sfgi-directory-filters{gap:12px;padding:14px}
 .sfgi-directory-filters label{flex-basis:calc(50% - 6px)}
 .sfgi-directory-filters button{flex-basis:100%}
}
.sfgi-btn--accent,.sfgi-pill.is-active,.sfgi-pickem .sfgi-btn--accent{color:#151a24!important}
html[data-sfgi-scheme="light"] .sfgi-tick-score,html[data-sfgi-scheme="light"] .sfgi-f-team-seed,html[data-sfgi-scheme="light"] .sfgi-f-score{color:#785000!important}
.sfgi-scheme-toggle{min-width:44px!important;min-height:44px!important}
@media(max-width:767px){
 .sfgi-f-name a{display:inline-flex;align-items:center;min-height:44px;padding:4px}
 .sfgi-scroll:not(.sfgi-loop):after{content:'Scroll for more stats »';display:block;position:sticky;left:0;font-size:12px;padding-top:8px;color:var(--sfgi-muted)}
}

/* ------------------------------------------------- GRIDIRON THEME MARKUP
 *
 * These patch the block theme's markup, not this plugin's. They live here
 * because Gridiron ships zero CSS of its own and enforces it: its
 * tools/verify.php fails the build on any .css file, any <style> element
 * and any custom_css attribute.
 *
 * Every rule below is one that CANNOT be expressed as a Stepfox Looks
 * attribute. An attribute is emitted as `#block_<id>{...}` against the
 * block's own wrapper element, so nothing inside a core block, and no
 * runtime state, is reachable from one:
 *
 *   core/navigation, core/button   __responsive-container-*, __link and
 *                                  friends are inner elements; the block id
 *                                  lands on .wp-block-navigation /
 *                                  .wp-block-button, one level out.
 *   [data-sfgi-scheme]             the light/dark toggle is localStorage
 *                                  state applied at runtime; a block
 *                                  attribute is static.
 *
 * What WAS reachable has already been converted and must not come back:
 * the standings table's mobile column widths are now
 * responsiveStyles.mobile on the ps-full-* blocks in
 * templates/page-standings.html (generated by tools/gen-templates.php).
 *
 * The [data-sfgi-scheme="light"] palette rule below is deliberately whole:
 * it remaps theme.json presets, this plugin's --sfgi-gold and the Elementor
 * theme's --gx-gold together, and only the tokens whose theme is active
 * ever resolve. */
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{min-width:44px!important;min-height:44px!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{min-height:44px;display:flex;align-items:center}
html[data-sfgi-scheme="light"]{--wp--preset--color--gold:#785000;--wp--preset--color--accent-2:#8a4c00;--sfgi-gold:#785000;--gx-gold:#785000}
html[data-sfgi-scheme="light"] #block_f-hero-away-seed,html[data-sfgi-scheme="light"] #block_f-hero-home-seed{color:#785000!important}
@media(max-width:767px){
 .wp-block-group[id^="block_f-"] .wp-block-button__link{min-height:44px;display:inline-flex;align-items:center}
 [id$="-more"] a,[id$="-a"] a{min-height:44px;display:inline-flex;align-items:center}
}