/* Canonical Soccer Coliseum footer — shared across all pages.
   Namespaced .scf-* so it never collides with page-level styles. */

/* Lock horizontal scrolling site-wide (mobile sideways-drift fix) */
html,body{max-width:100%;overflow-x:clip;}
@supports not (overflow:clip){html,body{overflow-x:hidden;}}

.scf{background:#081528;border-top:1px solid rgba(255,255,255,.08);font-family:'Barlow','Barlow Condensed',sans-serif;}
.scf *{box-sizing:border-box;}
.scf-inner{max-width:1300px;margin:0 auto;padding:0 52px;}
.scf-top{padding:68px 0 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;}
.scf-brand-logo{height:44px;width:auto;object-fit:contain;opacity:.85;margin-bottom:16px;display:block;}
.scf-desc{font-size:13px;line-height:1.8;color:rgba(238,245,250,.42);max-width:260px;margin-bottom:18px;}
.scf-social{display:flex;gap:9px;}
.scf-soc{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(238,245,250,.42);font-size:11px;text-decoration:none;font-family:'Barlow Condensed';font-weight:700;letter-spacing:.5px;transition:all .2s;}
.scf-soc:hover{border-color:#1ab2d8;color:#1ab2d8;}
.scf-col-title{font-family:'Barlow Condensed';font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#1ab2d8;margin-bottom:18px;}
.scf-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.scf-links li{font-size:13px;color:rgba(238,245,250,.42);line-height:1.4;}
.scf-links a{font-size:13px;color:rgba(238,245,250,.42);text-decoration:none;transition:color .2s;}
.scf-links a:hover{color:#fff;}
.scf-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.scf-copy{font-size:11px;color:rgba(238,245,250,.35);font-family:'Barlow Condensed';letter-spacing:1px;}
.scf-copy span{color:#1ab2d8;}
.scf-legal{display:flex;gap:20px;flex-wrap:wrap;}
.scf-legal a{font-size:11px;color:rgba(238,245,250,.35);text-decoration:none;transition:color .2s;}
.scf-legal a:hover{color:#1ab2d8;}
@media(max-width:1100px){.scf-top{grid-template-columns:1fr 1fr 1fr;}}
@media(max-width:768px){.scf-inner{padding:0 20px;}.scf-top{grid-template-columns:1fr 1fr;gap:30px;}.scf-bottom{flex-direction:column;text-align:center;justify-content:center;}}