/* Teachers Live — PHASE 11 FIX3A
   Safe public header/footer replacement. No Razor structural replacement. */

.tl11f3a-public-header{
  position:sticky;
  top:0;
  z-index:1040;
  min-height:72px;
  background:rgba(3,15,27,.78)!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  backdrop-filter:blur(18px) saturate(140%);
}
.tl11f3a-public-header .container-xl{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:1.2rem;
}
.tl11f3a-public-brand{
  display:inline-flex;
  align-items:center;
  gap:.72rem;
  flex:0 0 auto;
  text-decoration:none!important;
}
.tl11f3a-public-brand img{
  height:48px!important;
  width:auto!important;
  max-height:48px!important;
  object-fit:contain;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.18));
}
.tl11f3a-brand-copy{
  display:grid;
  line-height:1;
}
.tl11f3a-brand-copy strong{
  color:#fff;
  font-size:.9rem;
  letter-spacing:.04em;
}
.tl11f3a-brand-copy small{
  margin-top:.2rem;
  color:#e2c568;
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.16em;
}
.tl11f3a-public-links{
  display:flex;
  align-items:center;
  gap:.1rem;
  margin-inline-start:auto;
  white-space:nowrap;
}
.tl11f3a-public-links a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:.55rem .72rem;
  border-radius:11px;
  color:rgba(255,255,255,.9)!important;
  text-decoration:none!important;
  font-size:.88rem;
  font-weight:800;
  transition:background .2s ease,transform .2s ease,color .2s ease;
}
.tl11f3a-public-links a:hover{
  background:rgba(255,255,255,.065);
  color:#fff!important;
  transform:translateY(-1px);
}
.tl11f3a-public-links a::after{
  content:"";
  position:absolute;
  left:.72rem;
  right:.72rem;
  bottom:.3rem;
  height:2px;
  border-radius:999px;
  background:#d2ac42;
  transform:scaleX(0);
  transition:transform .2s ease;
}
.tl11f3a-public-links a:hover::after{transform:scaleX(1)}

.tl11f3a-mini-footer{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top:1px solid rgba(255,255,255,.06);
  background:rgba(2,11,20,.74);
  color:rgba(255,255,255,.56);
  font-size:.72rem;
  text-align:center;
}
.tl11f3a-mini-footer .container-xl{
  padding-top:.72rem;
  padding-bottom:.72rem;
}

/* Current large public footer is hidden once replacement is injected. */
body.tl11f3a-public-ready .tl7e-public-footer{
  display:none!important;
}

/* Keep public home/login header overlay behavior */
body.tl11f3a-home .tl11f3a-public-header{
  position:absolute;
  top:0;
  left:0;
  right:0;
}

@media(max-width:767.98px){
  .tl11f3a-public-header,
  .tl11f3a-public-header .container-xl{min-height:64px}
  .tl11f3a-public-header .container-xl{
    gap:.65rem;
    padding-inline:.8rem;
  }
  .tl11f3a-public-brand img{
    height:42px!important;
    max-height:42px!important;
  }
  .tl11f3a-brand-copy{display:none}
  .tl11f3a-public-links{
    overflow-x:auto;
    scrollbar-width:none;
    gap:0;
  }
  .tl11f3a-public-links::-webkit-scrollbar{display:none}
  .tl11f3a-public-links a{
    padding:.5rem .55rem;
    font-size:.78rem;
  }
}