/* LearnLive Global UI System v13
   Brand: #012A70 / #0B57B7 / #FC5B00
*/
:root{
  --ll-navy:#012A70;
  --ll-blue:#0B57B7;
  --ll-orange:#FC5B00;
  --ll-ink:#10233F;
  --ll-muted:#6F8199;
  --ll-bg:#F5F8FC;
  --ll-line:#DFE8F3;
  --ll-white:#fff;
  --ll-shadow:0 10px 32px rgba(1,42,112,.08);
  --ll-radius:16px;
}

body{
  background:var(--ll-bg);
  color:var(--ll-ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Shared navigation */
.site-header,.navbar,.topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--ll-line)!important;
  box-shadow:0 4px 18px rgba(1,42,112,.05);
}
.site-header .container,.navbar .container,.topbar .container{
  min-height:72px;
}
.site-logo,.navbar-brand img,.brand-logo{
  max-height:48px;
  width:auto;
  object-fit:contain;
}
.navbar a,.site-header a{
  color:var(--ll-ink);
  transition:.2s ease;
}
.navbar a:hover,.site-header a:hover{
  color:var(--ll-blue);
}

/* Brand buttons */
.btn,.button,.brand-btn{
  border-radius:11px!important;
  font-weight:800;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn-primary,.brand-btn-blue{
  background:var(--ll-navy)!important;
  border-color:var(--ll-navy)!important;
  color:#fff!important;
}
.btn-primary:hover,.brand-btn-blue:hover{
  background:var(--ll-blue)!important;
  border-color:var(--ll-blue)!important;
  transform:translateY(-1px);
}
.btn-orange,.brand-btn-orange{
  background:var(--ll-orange)!important;
  border-color:var(--ll-orange)!important;
  color:#fff!important;
}
.btn-orange:hover,.brand-btn-orange:hover{
  filter:brightness(.94);
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(252,91,0,.2);
}

/* Cards */
.card,.course-card,.panel,.dashboard-card{
  background:#fff;
  border:1px solid var(--ll-line);
  border-radius:var(--ll-radius);
  box-shadow:var(--ll-shadow);
}
.card:hover,.course-card:hover{
  box-shadow:0 15px 40px rgba(1,42,112,.11);
}

/* Headings */
h1,h2,h3,h4{
  color:var(--ll-ink);
  letter-spacing:-.3px;
}
.eyebrow,.section-label{
  color:var(--ll-blue);
  font-weight:800;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

/* Inputs */
input,select,textarea{
  border:1px solid #C9D7E8!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--ll-ink)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--ll-blue)!important;
  box-shadow:0 0 0 3px rgba(11,87,183,.11)!important;
  outline:0!important;
}

/* Links */
a{color:var(--ll-blue)}
a:hover{color:var(--ll-navy)}

/* Status / accents */
.badge-primary,.tag-primary{
  background:#E7F0FC!important;
  color:var(--ll-blue)!important;
}
.badge-orange,.tag-orange{
  background:#FFF0E9!important;
  color:var(--ll-orange)!important;
}

/* Footer */
.site-footer,.footer{
  background:var(--ll-navy)!important;
  color:#DCEAFF!important;
}
.site-footer a,.footer a{color:#fff!important}
.site-footer a:hover,.footer a:hover{color:#FF9A6B!important}

/* Mobile */
@media(max-width:768px){
  .site-header .container,.navbar .container,.topbar .container{
    min-height:62px;
  }
  .site-logo,.navbar-brand img,.brand-logo{max-height:40px}
}

/* Accessibility */
:focus-visible{
  outline:3px solid rgba(252,91,0,.42);
  outline-offset:2px;
}