/* PEF global phone navigation. */
.pef-mobile-nav{display:none}
@media(max-width:767px){
 html{--pef-mobile-nav-space:calc(var(--pef-mobile-nav-base,72px) + env(safe-area-inset-bottom,0px));scroll-padding-bottom:var(--pef-mobile-nav-space,calc(72px + env(safe-area-inset-bottom,0px)))}
 body.pef-has-mobile-nav{padding-bottom:var(--pef-mobile-nav-space,calc(72px + env(safe-area-inset-bottom,0px)))}
 .pef-mobile-nav{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  position:fixed;inset:auto 0 0;z-index:10000;box-sizing:border-box;
  min-height:72px;padding:4px max(4px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));
  background:var(--pef-bg,#FFFFFF);border-top:1px solid var(--pef-border,#DCE3EC);
  font-family:'Open Sans','Segoe UI',Roboto,system-ui,sans-serif;
 }
 .pef-mobile-nav .pef-mobile-nav__item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  box-sizing:border-box;min-width:0;min-height:63px;margin:0;padding:6px 2px;
  border:0;border-radius:var(--pef-radius-sm,4px);background:transparent;
  color:var(--pef-blue-dark,#0F2C5F);font:inherit;font-size:12px;font-weight:600;line-height:1.25;
  text-align:center;text-decoration:none;cursor:pointer;letter-spacing:normal;
 }
 .pef-mobile-nav__item svg{display:block;flex:none;width:24px;height:24px;color:var(--pef-blue,#1B5BA8)}
 .pef-mobile-nav__item span{max-width:100%;overflow-wrap:anywhere}
 .pef-mobile-nav .pef-mobile-nav__item:hover,
 .pef-mobile-nav .pef-mobile-nav__item:active,
 .pef-mobile-nav .pef-mobile-nav__item[aria-current],
 .pef-mobile-nav .pef-mobile-nav__item[aria-expanded="true"]{
  color:var(--pef-blue,#1B5BA8);background:var(--pef-blue-soft,#E8F1FB)
 }
 .pef-mobile-nav .pef-mobile-nav__item[aria-current]{font-weight:700}
 .pef-mobile-nav .pef-mobile-nav__item:focus-visible{outline:3px solid var(--pef-blue,#1B5BA8)!important;outline-offset:-3px!important}
 .pef-mobile-nav .pef-mobile-nav__item:disabled{cursor:default;opacity:.6}
 body.pef-has-mobile-nav #ast-scroll-top{bottom:calc(var(--pef-mobile-nav-space,72px) + 16px)}
 body.pef-has-mobile-nav #ast-mobile-header .mega-menu-wrap .max-mega-menu{
  padding-bottom:var(--pef-mobile-nav-space,calc(72px + env(safe-area-inset-bottom,0px)))!important;
  scroll-padding-bottom:var(--pef-mobile-nav-space,72px)
 }
 #pef-studenti,#pef-rasporedi{scroll-margin-top:24px}
}
@media print{.pef-mobile-nav{display:none!important}body.pef-has-mobile-nav{padding-bottom:0}}

/* Phone header: the bottom Menu owns the existing mobile menu. */
@media(max-width:767px){
 body.pef-bottom-menu-ready #ast-mobile-header .mega-menu-toggle{
  position:absolute!important;top:0!important;right:0!important;width:1px!important;height:1px!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap;pointer-events:none
 }
 body.pef-bottom-menu-ready #ast-mobile-header .ast-builder-grid-row{
  grid-template-columns:minmax(0,1fr)!important
 }
 body.pef-bottom-menu-ready #ast-mobile-header .site-header-primary-section-right{
  position:absolute;top:0;right:0;width:0!important;min-width:0;padding:0!important
 }
 body.pef-bottom-menu-ready #ast-mobile-header .site-header-primary-section-left{
  min-width:0;width:100%
 }
 #masthead #ast-mobile-header .site-branding{max-width:100%}
 #masthead #ast-mobile-header .ast-site-title-wrap{min-width:0}
 #masthead #ast-mobile-header .site-title,
 #masthead #ast-mobile-header .site-title a,
 #masthead #ast-mobile-header .ast-site-name-text{
  font-size:13px!important;line-height:1.3!important
 }
 #masthead #ast-mobile-header .site-description,
 #masthead #ast-mobile-header .ast-site-tagline{
  font-size:12px!important;line-height:1.4!important
 }
}