
:root{--gold:#e0aa13;--black:#070707;--ink:#111}
html,body{margin:0!important;padding:0!important;overflow-x:hidden!important}
body.bwd-active{background:#101214!important}
body.bwd-active #bwd-app{display:block!important}
body.bwd-active .bwd-hide-theme{display:none!important}

#bwd-app{width:100%;max-width:none;margin:0;padding:0;background:#171a1d;color:#111;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}

/* HEADER */
.bwd-header{height:64px;background:rgba(7,7,7,.97);border-bottom:2px solid var(--gold);position:relative;z-index:50}
.bwd-nav{width:min(1040px,94vw);height:64px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr) 150px repeat(3,1fr);align-items:center;text-align:center}
.bwd-nav>a{color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;letter-spacing:.2px}
.bwd-nav>a.active,.bwd-nav>a:hover{color:var(--gold)!important}
.bwd-logo{height:64px;position:relative}
.bwd-logo img{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:132px;height:132px;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important;z-index:60}

/* HERO - dark stadium-like treatment without changing registration logic */
.bwd-hero{height:260px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;
 background:
 radial-gradient(circle at 24% 8%,rgba(255,255,255,.30) 0 2px,rgba(255,255,255,.08) 3px,transparent 48px),
 radial-gradient(circle at 76% 8%,rgba(255,255,255,.30) 0 2px,rgba(255,255,255,.08) 3px,transparent 48px),
 radial-gradient(ellipse at 50% 115%,#343a3e 0,#20252a 42%,#11161a 72%,#090c0f 100%);
 border-bottom:2px solid var(--gold)}
.bwd-hero:before,.bwd-hero:after{content:"";position:absolute;bottom:-85px;width:220px;height:330px;z-index:1;background:linear-gradient(132deg,transparent 0 28%,rgba(224,170,19,.35) 28% 37%,var(--gold) 37% 54%,#050505 54% 67%,transparent 67%)}
.bwd-hero:before{left:-55px}.bwd-hero:after{right:-55px;transform:scaleX(-1)}
.bwd-brand{width:min(680px,60%);text-align:center;padding-bottom:20px;position:relative;z-index:5}
.bwd-brand h1{margin:0!important;color:#fff!important;text-shadow:0 3px 5px #000;font-size:62px!important;line-height:.88!important;font-weight:950!important;letter-spacing:-2px!important}
.bwd-brand h2{margin:10px 0 0!important;color:var(--gold)!important;font-size:34px!important;line-height:1!important;font-weight:950!important}
.bwd-line{height:2px;background:var(--gold);width:520px;max-width:90%;margin:12px auto 8px}
.bwd-brand p{margin:0!important;color:#fff!important;font-size:13px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.8px!important}
.bwd-slogan{position:absolute;z-index:4;bottom:68px;width:230px;text-align:center;font-style:italic;font-weight:900}
.bwd-slogan span{display:block;color:#fff;font-size:21px;text-shadow:0 2px 4px #000}.bwd-slogan b{display:block;color:var(--gold);font-size:42px;line-height:.9}
.bwd-left{left:6%;transform:rotate(-6deg)}.bwd-right{right:6%;transform:rotate(6deg)}

/* FORM */
.bwd-form-area{width:100%;box-sizing:border-box;padding:0 18px 18px;background:
 linear-gradient(90deg,rgba(224,170,19,.10),transparent 12%,transparent 88%,rgba(224,170,19,.10)),
 #171a1d}
.bwd-form-area .bambino-form-wrapper{width:min(1030px,calc(100% - 24px))!important;max-width:1030px!important;margin:-2px auto 0!important;padding:0!important;float:none!important;position:relative!important;z-index:10!important;box-sizing:border-box!important}
.bwd-form-area .bambino-registration-form{width:100%!important;max-width:none!important;margin:0 auto!important;background:#fff!important;border:2px solid var(--gold)!important;border-radius:7px!important;box-shadow:0 8px 28px rgba(0,0,0,.35)!important;box-sizing:border-box!important}
.bwd-form-area .bambino-form-body{padding:14px 18px 20px!important}
.bwd-form-area .bambino-columns{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px!important}
.bwd-form-area .bambino-section{margin-bottom:12px!important}
.bwd-form-area .bambino-section h2{background:linear-gradient(135deg,#050505 0 92%,var(--gold) 92% 100%)!important;color:#fff!important;border-left:5px solid var(--gold)!important;padding:9px 12px!important;font-size:15px!important;line-height:1.1!important;font-weight:900!important}
.bwd-form-area input[type=text],.bwd-form-area input[type=email],.bwd-form-area input[type=tel],.bwd-form-area input[type=number],.bwd-form-area input[type=date],.bwd-form-area select,.bwd-form-area textarea{min-height:38px!important;background:#fff!important;border:1px solid #d0d4d7!important;border-radius:2px!important;box-sizing:border-box!important}
.bwd-form-area button[type=submit],.bwd-form-area .bambino-submit-button{min-height:54px!important;background:linear-gradient(90deg,#dba300,#f1b91a)!important;color:#050505!important;border:0!important;font-size:16px!important;font-weight:950!important;box-shadow:0 4px 10px rgba(0,0,0,.16)!important}
.bwd-form-area .bambino-popup-box{width:min(720px,calc(100vw - 30px))!important;max-width:720px!important;border:4px solid var(--gold)!important}

/* FOOTER */
.bwd-footer{background:rgba(6,6,6,.98);border-top:2px solid var(--gold);color:#fff;padding:20px}
.bwd-footer-grid{width:min(1120px,94vw);margin:auto;display:grid;grid-template-columns:1fr 1.35fr 1fr auto;align-items:center;gap:22px;font-size:13px}
.bwd-foot-mid{text-align:center}.bwd-social{font-size:21px}.bwd-foot-mid strong{display:block;color:var(--gold);letter-spacing:1px;margin-top:7px}
.bwd-foot-mail{text-align:right}.bwd-footer a{color:#fff!important;text-decoration:none!important}.bwd-credit{color:#aaa;font-size:12px;white-space:nowrap}.bwd-credit b{color:#ddd}

/* PHONE BROWSER: filled header, centered logo, usable menu, one-column form */
@media(max-width:900px){
 .bwd-header{height:auto;min-height:132px}
 .bwd-nav{width:100%;height:auto;min-height:132px;padding:78px 8px 8px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
 .bwd-logo{display:block;position:absolute;top:2px;left:50%;transform:translateX(-50%);height:76px;width:90px}
 .bwd-logo img{width:86px;height:86px;top:0}
 .bwd-nav>a{display:block!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);padding:10px 2px;font-size:10px!important}
 .bwd-nav>a:last-child{grid-column:2}
 .bwd-hero{height:auto;min-height:190px}
 .bwd-brand{width:94%;padding:28px 10px 22px;box-sizing:border-box}.bwd-brand h1{font-size:44px!important}.bwd-brand h2{font-size:27px!important}
 .bwd-slogan{display:none}
 .bwd-form-area{padding:0 8px 12px}.bwd-form-area .bambino-form-wrapper{width:100%!important}
 .bwd-form-area .bambino-columns{grid-template-columns:1fr!important;gap:10px!important}
 .bwd-footer-grid{grid-template-columns:1fr;text-align:center;gap:13px}.bwd-foot-mail{text-align:center}.bwd-credit{text-align:center}
}
@media(max-width:520px){
 .bwd-header{min-height:126px}.bwd-nav{min-height:126px;padding-top:74px}
 .bwd-brand h1{font-size:35px!important}.bwd-brand h2{font-size:22px!important}.bwd-brand p{font-size:9px!important}.bwd-hero:before,.bwd-hero:after{opacity:.45}
 .bwd-form-area{padding:0!important}.bwd-form-area .bambino-registration-form{border-left:0!important;border-right:0!important;border-radius:0!important}
 .bwd-form-area .bambino-form-body{padding:13px 11px 18px!important}
}


/* =========================================================
   v1.0.7 PHONE FIX ONLY
   Desktop remains the v1.0.1 reference.
========================================================= */
.bwd-hamburger,.bwd-mobile-dropdown{display:none!important}

@media(max-width:900px){
  #bwd-app .bwd-header{
    height:230px!important;
    min-height:230px!important;
    position:relative!important;
    overflow:visible!important;
  }

  #bwd-app .bwd-nav{
    width:100%!important;
    max-width:none!important;
    height:230px!important;
    min-height:230px!important;
    padding:155px 10px 12px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr 58px!important;
    gap:4px!important;
    align-items:center!important;
    position:relative!important;
    overflow:visible!important;
  }

  /* Logo: a little higher, exactly centered over PROGRAMS. */
  #bwd-app .bwd-logo{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:4px!important;
    transform:translateX(-50%)!important;
    width:132px!important;
    height:145px!important;
    margin:0!important;
    padding:0!important;
    z-index:30!important;
    pointer-events:none!important;
  }
  #bwd-app .bwd-logo img{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:0!important;
    transform:translateX(-50%)!important;
    width:132px!important;
    height:132px!important;
    max-width:132px!important;
    max-height:132px!important;
    object-fit:contain!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Closed phone bar: HOME | PROGRAMS | COACHES | hamburger */
  #bwd-app .bwd-nav>a{display:none!important}
  #bwd-app .bwd-nav>a:nth-of-type(1),
  #bwd-app .bwd-nav>a:nth-of-type(3),
  #bwd-app .bwd-nav>a.bwd-coaches{
    display:flex!important;
    height:58px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 3px!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  #bwd-app .bwd-hamburger{
    display:flex!important;
    width:54px!important;
    height:54px!important;
    padding:12px!important;
    margin:auto!important;
    background:#111!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:2px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:6px!important;
    cursor:pointer!important;
  }
  #bwd-app .bwd-hamburger span{
    display:block!important;
    width:100%!important;
    height:3px!important;
    background:#fff!important;
    border-radius:1px!important;
  }

  /* Clean dropdown. It is a separate panel, so the main row NEVER moves. */
  #bwd-app .bwd-mobile-dropdown{
    display:none!important;
    position:absolute!important;
    top:230px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:200!important;
    background:#0b0b0b!important;
    border-top:2px solid #e0aa13!important;
    box-shadow:0 10px 20px rgba(0,0,0,.35)!important;
  }
  #bwd-app .bwd-nav.bwd-menu-open .bwd-mobile-dropdown{
    display:block!important;
  }
  #bwd-app .bwd-mobile-dropdown a{
    display:flex!important;
    width:100%!important;
    height:54px!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:900!important;
    background:#0b0b0b!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }
  #bwd-app .bwd-mobile-dropdown a:last-child{border-bottom:0!important}

  /* Keep hero/form exactly below the fixed-height header. */
  #bwd-app .bwd-hero{
    margin-top:0!important;
    height:auto!important;
    min-height:245px!important;
  }
  #bwd-app .bwd-brand{
    width:94%!important;
    max-width:94%!important;
    padding:28px 10px 22px!important;
  }
  #bwd-app .bwd-form-area{padding:0 8px 12px!important}
  #bwd-app .bwd-form-area .bambino-form-wrapper{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }
  #bwd-app .bwd-form-area .bambino-columns{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}

@media(max-width:520px){
  #bwd-app .bwd-header{height:220px!important;min-height:220px!important}
  #bwd-app .bwd-nav{
    height:220px!important;
    min-height:220px!important;
    padding:145px 6px 10px!important;
    grid-template-columns:1fr 1fr 1fr 54px!important;
  }
  #bwd-app .bwd-logo{top:0!important;width:128px!important;height:140px!important}
  #bwd-app .bwd-logo img{width:128px!important;height:128px!important;max-width:128px!important;max-height:128px!important}
  #bwd-app .bwd-mobile-dropdown{top:220px!important}
}


/* v1.0.8: PHONE ONLY — bring BAMBINO title closer to the nav gold line. */
@media(max-width:900px){
  #bwd-app .bwd-hero{
    min-height:220px!important;
  }
  #bwd-app .bwd-brand{
    padding-top:8px!important;
  }
}
@media(max-width:520px){
  #bwd-app .bwd-hero{
    min-height:215px!important;
  }
  #bwd-app .bwd-brand{
    padding-top:6px!important;
  }
}


/* =========================================================
   v1.0.9 PHONE ONLY
   Navigation first, then logo, then BAMBINO hero title.
   Desktop unchanged.
========================================================= */
@media(max-width:900px){
  #bwd-app .bwd-header{
    height:76px!important;
    min-height:76px!important;
  }
  #bwd-app .bwd-nav{
    height:76px!important;
    min-height:76px!important;
    padding:8px 10px!important;
    grid-template-columns:1fr 1fr 1fr 58px!important;
  }

  /* Remove logo from header flow on phone. */
  #bwd-app .bwd-logo{
    position:absolute!important;
    left:50%!important;
    top:76px!important;
    transform:translateX(-50%)!important;
    width:112px!important;
    height:112px!important;
    z-index:40!important;
    pointer-events:none!important;
  }
  #bwd-app .bwd-logo img{
    width:108px!important;
    height:108px!important;
    max-width:108px!important;
    max-height:108px!important;
  }

  /* Dropdown begins directly under navigation row. */
  #bwd-app .bwd-mobile-dropdown{
    top:76px!important;
  }

  /* Reserve just enough hero room for logo; keep title close beneath it. */
  #bwd-app .bwd-hero{
    padding-top:108px!important;
    min-height:300px!important;
  }
  #bwd-app .bwd-brand{
    padding-top:2px!important;
  }
}

@media(max-width:520px){
  #bwd-app .bwd-header{
    height:72px!important;
    min-height:72px!important;
  }
  #bwd-app .bwd-nav{
    height:72px!important;
    min-height:72px!important;
    padding:7px 6px!important;
    grid-template-columns:1fr 1fr 1fr 54px!important;
  }
  #bwd-app .bwd-logo{
    top:72px!important;
    width:104px!important;
    height:104px!important;
  }
  #bwd-app .bwd-logo img{
    width:100px!important;
    height:100px!important;
    max-width:100px!important;
    max-height:100px!important;
  }
  #bwd-app .bwd-mobile-dropdown{
    top:72px!important;
  }
  #bwd-app .bwd-hero{
    padding-top:98px!important;
    min-height:285px!important;
  }
  #bwd-app .bwd-brand{
    padding-top:0!important;
  }
}


/* v1.0.10 PHONE ONLY — pull BAMBINO upward closer to crest. */
@media(max-width:900px){
  #bwd-app .bwd-hero{padding-top:82px!important}
  #bwd-app .bwd-brand{padding-top:0!important}
}
@media(max-width:520px){
  #bwd-app .bwd-hero{padding-top:72px!important}
  #bwd-app .bwd-brand{padding-top:0!important}
}


/* =========================================================
   v1.0.11 PHONE ONLY
   Compact hero: logo fully below gold nav line, then BAMBINO,
   FUTSAL ACADEMY and everything below pulled upward.
========================================================= */
@media(max-width:900px){
  #bwd-app .bwd-logo{
    top:82px!important;
    width:104px!important;
    height:104px!important;
  }
  #bwd-app .bwd-logo img{
    width:100px!important;
    height:100px!important;
    max-width:100px!important;
    max-height:100px!important;
  }

  #bwd-app .bwd-hero{
    padding-top:70px!important;
    min-height:245px!important;
  }
  #bwd-app .bwd-brand{
    padding-top:0!important;
    padding-bottom:12px!important;
  }
}

@media(max-width:520px){
  #bwd-app .bwd-logo{
    top:78px!important;
    width:100px!important;
    height:100px!important;
  }
  #bwd-app .bwd-logo img{
    width:96px!important;
    height:96px!important;
    max-width:96px!important;
    max-height:96px!important;
  }

  #bwd-app .bwd-hero{
    padding-top:64px!important;
    min-height:235px!important;
  }
  #bwd-app .bwd-brand{
    padding-top:0!important;
    padding-bottom:8px!important;
  }
}

/* v1.0.13 integrated internal pages */
body.bwd13-page-body{margin:0!important;background:#07090c!important}
body.bwd13-page-body #bwd-app{display:block!important;position:relative!important;z-index:2147483000!important;min-height:100vh!important}
.bwd13-content{background:#090b0e;color:#fff;padding:34px 20px 55px;min-height:420px}
.bwd13-page{max-width:1040px;margin:auto}.bwd13-page>h1{text-align:center;font-size:44px;color:#fff;margin:0 0 24px}
.bwd13-gold{text-align:center;color:#e0aa13;font-weight:900;letter-spacing:1.5px}
.bwd13-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.bwd13-grid article,.bwd13-panel{background:#111418;border:1px solid #292e35;border-left:5px solid #e0aa13;padding:22px}
.bwd13-grid h2{color:#e0aa13;margin:0 0 8px}.bwd13-grid p,.bwd13-panel p{color:#eee;line-height:1.6}
.bwd13-panel{max-width:760px;margin:auto}.bwd13-center{text-align:center}.bwd13-content a{color:#e0aa13}
.bwd13-badge{display:inline-block;background:#e0aa13;color:#080808;padding:10px 16px;margin-bottom:10px}
@media(max-width:700px){.bwd13-content{padding:25px 15px 42px}.bwd13-page>h1{font-size:34px}.bwd13-grid{grid-template-columns:1fr}}

/* v1.0.14 — small coach photos only */
.bwd14-coaches article{display:flex;align-items:center;gap:16px}
.bwd14-coach-photo{width:76px!important;height:76px!important;min-width:76px!important;border-radius:50%!important;object-fit:cover!important;object-position:center top!important;border:3px solid #e0aa13!important}
.bwd14-coaches article h2{margin-top:0!important}
@media(max-width:700px){.bwd14-coach-photo{width:68px!important;height:68px!important;min-width:68px!important}}

/* v1.0.15 — center coach faces inside thumbnails */
.bwd14-coach-photo{
  object-position:50% 50%!important;
}

/* v1.0.16 — zoom coach photos out so the real face is fully visible */
.bwd14-coach-photo{
    width:92px!important;
    height:92px!important;
    min-width:92px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#111418!important;
    padding:4px!important;
}
@media(max-width:700px){
    .bwd14-coach-photo{
        width:84px!important;
        height:84px!important;
        min-width:84px!important;
    }
}
