/* =========================================================
   ADR NURSING CLASSES — PROFESSIONAL PUBLIC HEADER V1
========================================================= */

body:not(.adr-admin-global) .site-header{
  position:sticky;
  top:0;
  z-index:7000;

  background:rgba(5,9,14,.97)!important;
  border-bottom:1px solid #202b3a!important;

  backdrop-filter:blur(14px);
}


body:not(.adr-admin-global) .site-header .wrap.nav{
  width:min(1320px,calc(100% - 32px))!important;
  max-width:1320px!important;

  margin:0 auto!important;

  min-height:78px!important;

  display:grid!important;

  grid-template-columns:
    minmax(215px,250px)
    minmax(0,1fr)
    auto!important;

  align-items:center!important;

  gap:22px!important;

  padding:9px 0!important;
}


/* ===============================
   BRAND
================================ */

body:not(.adr-admin-global) .site-header .brand{
  display:flex!important;
  align-items:center!important;

  gap:10px!important;

  min-width:0!important;

  text-decoration:none!important;
}

body:not(.adr-admin-global) .site-header .brand img{
  width:52px!important;
  height:52px!important;

  object-fit:cover!important;

  border-radius:50%!important;

  flex:0 0 52px!important;
}

body:not(.adr-admin-global) .site-header .brand strong{
  display:block!important;

  color:#f5bf36!important;

  font-size:16px!important;
  line-height:1.18!important;
  font-weight:900!important;

  letter-spacing:.1px!important;
}

body:not(.adr-admin-global) .site-header .brand span{
  display:block!important;

  margin-top:3px!important;

  color:#94a3b8!important;

  font-size:10px!important;
  line-height:1.25!important;
}


/* ===============================
   CENTER NAV
================================ */

body:not(.adr-admin-global) .site-header nav{
  display:flex!important;

  justify-content:center!important;
  align-items:center!important;

  flex-wrap:nowrap!important;

  gap:4px!important;

  min-width:0!important;

  overflow:visible!important;
}

body:not(.adr-admin-global) .site-header nav > a{
  display:flex!important;
  align-items:center!important;

  min-height:38px!important;

  padding:0 11px!important;

  border-radius:9px!important;

  color:#d7dde7!important;

  text-decoration:none!important;

  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;

  white-space:nowrap!important;

  transition:
    color .16s ease,
    background .16s ease!important;
}

body:not(.adr-admin-global) .site-header nav > a:hover{
  color:#fff!important;

  background:#111923!important;
}


/* Remove odd injected badges from public nav */
body:not(.adr-admin-global)
.site-header nav > span{
  display:none!important;
}


/* ===============================
   RIGHT ACTIONS
================================ */

.adr-pro-nav-actions{
  display:flex;

  align-items:center;
  justify-content:flex-end;

  gap:7px;

  white-space:nowrap;
}


.adr-pro-nav-actions a{
  min-height:39px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 13px;

  border-radius:10px;

  text-decoration:none!important;

  font-size:11px;
  line-height:1;
  font-weight:850;

  white-space:nowrap;

  transition:.16s ease;
}


/* Student button */
.adr-pro-student{
  color:#f7f9fc!important;

  background:#111a27!important;

  border:1px solid #2d3a4d!important;
}

.adr-pro-student:hover{
  border-color:#56667d!important;
}


/* Admin primary button */
.adr-pro-admin{
  color:#090d13!important;

  background:#f5bf36!important;

  border:1px solid #f5bf36!important;

  box-shadow:
    0 7px 22px rgba(245,191,54,.13);
}

.adr-pro-admin:hover{
  background:#ffd158!important;
}


/* Logout */
.adr-pro-logout{
  color:#b9c3d1!important;

  background:transparent!important;

  border:1px solid #293648!important;
}

.adr-pro-logout:hover{
  color:#fff!important;
  background:#111923!important;
}


/* Login */
.adr-pro-login{
  color:#090d13!important;

  background:#f5bf36!important;

  border:1px solid #f5bf36!important;
}


/* ===============================
   MOBILE BUTTON
================================ */

.adr-pro-menu-btn{
  display:none;

  width:40px;
  height:40px;

  border-radius:10px;

  border:1px solid #2b394c;

  background:#101823;

  color:#fff;

  font-size:20px;

  cursor:pointer;
}


/* ===============================
   TABLET
================================ */

@media(max-width:1120px){

  body:not(.adr-admin-global)
  .site-header .wrap.nav{
    grid-template-columns:
      minmax(190px,220px)
      minmax(0,1fr)
      auto!important;

    gap:10px!important;
  }

  body:not(.adr-admin-global)
  .site-header nav > a{
    padding:0 7px!important;
    font-size:11px!important;
  }

  .adr-pro-nav-actions a{
    padding:0 9px;
    font-size:10px;
  }

}


/* ===============================
   MOBILE
================================ */

@media(max-width:820px){

  body:not(.adr-admin-global)
  .site-header .wrap.nav{
    width:calc(100% - 20px)!important;

    grid-template-columns:
      minmax(0,1fr)
      auto
      auto!important;

    min-height:68px!important;

    gap:7px!important;
  }

  body:not(.adr-admin-global)
  .site-header .brand img{
    width:42px!important;
    height:42px!important;

    flex-basis:42px!important;
  }

  body:not(.adr-admin-global)
  .site-header .brand strong{
    font-size:13px!important;
  }

  body:not(.adr-admin-global)
  .site-header .brand span{
    display:none!important;
  }

  .adr-pro-menu-btn{
    display:block;
  }

  body:not(.adr-admin-global)
  .site-header nav{
    display:none!important;

    position:absolute;

    left:10px;
    right:10px;
    top:68px;

    padding:10px!important;

    flex-direction:column!important;
    align-items:stretch!important;

    background:#0b111a!important;

    border:1px solid #263447!important;

    border-radius:12px!important;

    box-shadow:
      0 18px 45px rgba(0,0,0,.45);
  }

  body.adr-pro-menu-open
  .site-header nav{
    display:flex!important;
  }

  body:not(.adr-admin-global)
  .site-header nav > a{
    justify-content:flex-start!important;

    min-height:42px!important;

    padding:0 12px!important;
  }

  .adr-pro-nav-actions{
    gap:5px;
  }

  .adr-pro-nav-actions a{
    min-height:37px;

    padding:0 9px;

    font-size:9px;
  }

  .adr-pro-logout{
    display:none!important;
  }

}

/* Homepage hero Hindi/English heading overlap fix */
body:not(.adr-admin-global) .hero h1,
body:not(.adr-admin-global) .hero-title,
body:not(.adr-admin-global) .home-hero h1{
  line-height:1.13!important;
  letter-spacing:-1.2px!important;
  overflow:visible!important;
}

/* Hindi glyphs need a little more vertical room */
body:not(.adr-admin-global) .hero h1{
  padding-top:4px!important;
  padding-bottom:5px!important;
}

@media(max-width:820px){
  body:not(.adr-admin-global) .hero h1,
  body:not(.adr-admin-global) .hero-title,
  body:not(.adr-admin-global) .home-hero h1{
    line-height:1.16!important;
    letter-spacing:-.6px!important;
  }
}