/* ShrineAC template 0.4.16 / M11C — shell, workspace navigation and Daily Word polish. */

/* --------------------------------------------------------------------------
   Homepage: Daily Word is supporting content, not the dominant visual voice.
   Scope this to the homepage so the module remains reusable elsewhere.
   -------------------------------------------------------------------------- */
.shrineac-home .shrineac-dailyword__eyebrow{
  font-size:.64rem;
  letter-spacing:.11em;
}
.shrineac-home .shrineac-dailyword__quote{
  font-size:clamp(1rem,1.25vw,1.12rem);
  line-height:1.3;
  font-weight:650;
}
.shrineac-home .shrineac-dailyword__reference{
  margin-top:.48rem;
  font-size:.72rem;
}
.shrineac-home .shrineac-dailyword__liturgical-day{
  margin-top:.8rem;
  padding-top:.68rem;
  font-size:.72rem;
  line-height:1.35;
}

/* --------------------------------------------------------------------------
   Authenticated desktop: keep the normal public primary menu visible.
   Mobile keeps the proven compact workspace header + hamburger unchanged.
   -------------------------------------------------------------------------- */
@media(min-width:761px){
  .shrineac-layout-workspace .site-header__navigation{
    display:flex;
    position:static;
    top:auto;
    right:auto;
    width:auto;
    flex:1 1 auto;
    align-items:center;
    justify-content:center;
    gap:.8rem;
    margin-left:.35rem;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .shrineac-layout-workspace .site-nav{
    width:auto;
    margin-inline:auto;
  }
  .shrineac-layout-workspace .site-nav>ul,
  .shrineac-layout-workspace .site-nav .mod-menu{
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:.1rem .9rem;
  }
  .shrineac-layout-workspace .site-nav>ul>li>a,
  .shrineac-layout-workspace .site-nav .mod-menu>li>a{
    min-height:0;
    padding:.42rem .03rem;
    border:0;
    color:rgba(255,255,255,.96);
    font-size:.78rem;
    font-weight:760;
    letter-spacing:.025em;
    text-transform:uppercase;
  }
  .shrineac-layout-workspace .site-menu-toggle{
    display:none;
  }

  /* The operational strip is secondary navigation on desktop, therefore
     intentionally slimmer than the mobile touch bar. */
  .shrineac-layout-workspace .workspace-nav__item{
    min-height:36px;
    padding:.28rem .24rem;
    font-size:.7rem;
  }
  .shrineac-layout-workspace .workspace-nav__item--home{
    flex-basis:44px;
  }
  .shrineac-layout-workspace .workspace-nav__home-icon{
    width:18px;
    height:18px;
  }
}

/* PANEL is an explicit destination; Signed in <name> remains identity only. */
.workspace-nav__item--panel{flex-grow:.7}

/* --------------------------------------------------------------------------
   Mobile submenu state: submenu-open is authoritative.
   This overrides older desktop :hover/:focus-within rules which could keep a
   submenu visibly open after the chevron had already switched to collapsed.
   -------------------------------------------------------------------------- */
@media(max-width:760px){
  .site-nav li.has-submenu:not(.submenu-open)>ul{
    display:none!important;
  }
  .site-nav li.has-submenu.submenu-open>ul{
    display:flex!important;
  }

  /* Keep the existing phone shell and touch sizes. Only rebalance the new
     six-item operational strip so Home + Panel fit without changing its form. */
  .workspace-nav__item--home{flex:0 0 42px}
  .workspace-nav__item--panel{flex-grow:.65}
  .workspace-nav__item--community{flex-grow:1.05}
  .workspace-nav__item--liturgy{flex-grow:.85}
  .workspace-nav__item--announcements{flex-grow:1.45}
  .workspace-nav__item--events{flex-grow:.8}

  .shrineac-home .shrineac-dailyword__quote{
    font-size:1rem;
  }
}

@media(max-width:430px){
  .workspace-nav__item{
    padding-inline:.08rem;
    font-size:.64rem;
    letter-spacing:-.015em;
  }
  .workspace-nav__item--home{flex-basis:40px}
  .workspace-nav__home-icon{width:18px;height:18px}
}