/* Approved SAHELFOOT wireframe — V1: page structure and retained functional modules */
:root{--sf-navy:#0b2858;--sf-blue:#1475f8;--sf-surface:#f3f7fc}
/* Public navigation */
.fp-topbar{background:#fff!important;box-shadow:0 1px 9px #08265712}
.fp-topbar-inner{max-width:1480px!important;min-height:77px!important}
.sf-public-nav{display:flex;gap:20px;align-items:center;margin-left:auto;margin-right:24px}
.sf-public-nav a{font-size:11px!important;font-weight:700;color:#25426e;text-decoration:none;white-space:nowrap;padding:10px 0}
.sf-public-nav a:first-child{color:#116bec;border-bottom:2px solid #116bec}
.sf-public-nav a:hover,.sf-public-nav a:focus-visible{color:#116bec}
/* White wireframe hero, illustration from user-approved conceptual mockup */
.fp-hero-wrap{background:linear-gradient(105deg,#f5faff 0%,#eef5fc 60%,#e8f2fb 100%)!important;min-height:320px!important}
.fp-hero{max-width:1480px!important;min-height:320px!important;display:grid!important;grid-template-columns:44% 56%!important;gap:0!important;align-items:center!important;padding:18px 26px!important}
.fp-hero-copy{color:#0b2858!important;z-index:1;padding-right:18px!important}
.fp-hero-wrap .fp-kicker{font-size:10px!important;color:#45618b!important;background:#e6f1fb!important;border:1px solid #d1e1f4!important;margin-bottom:9px!important;padding:6px 9px!important;letter-spacing:.03em!important}
.fp-hero-wrap .fp-title{font-size:20px!important;line-height:1.2!important;max-width:520px!important;color:#0b2858!important;font-weight:900!important;margin:0 0 12px!important}
.fp-hero-wrap .fp-subtitle{font-size:11px!important;line-height:1.55!important;max-width:500px!important;color:#4b6487!important;margin:0 0 15px!important}
.fp-hero-actions{gap:9px!important}
.fp-hero-actions .fp-btn{font-size:11px!important;min-height:37px!important;padding:9px 15px!important;border-radius:8px!important}
.fp-hero-actions .fp-btn-secondary{background:#e5effc!important;color:#0b4a9c!important;border-color:#d0def0!important}
.sf-hero-art{min-height:275px;height:100%;position:relative;background:radial-gradient(ellipse at center,#e5eff9 0%,#eef5fc 68%,transparent 82%)!important;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}
.sf-hero-art img{display:block;width:100%;height:295px;max-width:600px;object-fit:contain;mix-blend-mode:multiply}
.sf-hero-art .sf-art-caption{position:absolute;bottom:8px;right:10px;padding:4px 8px;background:#fffffff0;border-radius:6px;color:#3b5980;font-size:10px}
/* Federations + cards: original JS continues to populate these elements */
.fp-main{max-width:1480px!important}
.fp-section{scroll-margin-top:95px}
.fp-section-title h2{color:#0b2858!important;font-size:20px!important}
.fp-section-title p{font-size:11px!important}
.fp-country-card,.fp-comp-card,.fp-club-card,.fp-player-card{border-radius:13px!important;box-shadow:0 4px 15px #0b28580d!important}
.fp-country-card:hover{box-shadow:0 9px 24px #0b28581c!important}
.fp-btn,.fp-country-actions a{transition:filter .15s ease,transform .15s ease}
.fp-btn:hover,.fp-country-actions a:hover{filter:brightness(.97)}
/* National portals: visual harmonization without replacing the registry, competitions, or data engines */
body[data-foot-country] .siteheader{background:white!important;border-bottom:1px solid #e4ebf5!important}
body[data-foot-country] .topnav a{font-size:11px!important}
body[data-foot-country] .panel,body[data-foot-country] .country-card,body[data-foot-country] .module,body[data-foot-country] .directory-card{border-radius:12px!important;border-color:#e0e9f3!important;box-shadow:0 3px 12px #0726530a!important}
body[data-foot-country] .national-layout{background:#f3f7fc!important}
body[data-foot-country] .stat{border-radius:12px!important}
body[data-foot-country] .siteheader .logo{max-width:320px}
/* All routes: preserve normal widths and scrolling */
body{overflow-x:hidden}
@media(max-width:1100px){.sf-public-nav{gap:9px;margin-right:10px}.sf-public-nav a{font-size:10px!important}.fp-hero{grid-template-columns:48% 52%!important}}
@media(max-width:820px){.sf-public-nav{display:none!important}.fp-hero{grid-template-columns:1fr!important;padding:20px!important}.sf-hero-art{min-height:175px}.sf-hero-art img{height:205px}.fp-hero-wrap{min-height:0!important}}
@media(max-width:520px){.fp-hero-wrap .fp-title{font-size:20px!important}.sf-hero-art img{height:170px}.sf-hero-art{min-height:170px}.fp-topbar-inner{min-height:66px!important}}