/* ShrineAC template 0.4.17 / M11C1 — one desktop header + compact dashboard staff nav. */

/* --------------------------------------------------------------------------
   Desktop: public and authenticated workspace pages share ONE visual header.
   The workspace-specific identity/help controls remain mobile-only; desktop
   uses the same brand, Joomla menu, social links and header-actions as public.
   -------------------------------------------------------------------------- */
@media(min-width:761px){
  .shrineac-layout-workspace .site-header{
    position:relative;
    color:#fff;
    background:linear-gradient(105deg,var(--shrineac-brand-deep) 0%,#1b6971 58%,var(--shrineac-header-end) 100%);
    border-top:0;
    border-bottom:3px solid var(--shrineac-brand-cyan);
    box-shadow:0 6px 22px rgba(8,67,73,.18);
  }
  .shrineac-layout-workspace.shrineac-header-sticky .site-header{
    position:sticky;
    top:0;
  }
  .shrineac-layout-workspace .site-header__inner{
    min-height:72px;
    padding-block:.48rem;
    gap:1rem;
  }
  .shrineac-layout-workspace .site-brand__mark{
    width:118px;
    height:54px;
    flex-basis:118px;
    padding:4px 7px;
  }
  .shrineac-layout-workspace .site-brand strong{
    font-size:clamp(1.12rem,1.8vw,1.42rem);
  }
  .shrineac-layout-workspace .site-brand small{
    display:block;
  }

  /* Mobile-only workspace identity controls must not create a second desktop
     header composition. The normal userbar in header-actions owns account UI. */
  .shrineac-layout-workspace .workspace-user,
  .shrineac-layout-workspace .workspace-help{
    display:none;
  }

  .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:1.15rem;
    min-width:0;
    margin-left:0;
    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:.86rem;
    font-weight:650;
    letter-spacing:normal;
    text-transform:none;
  }
  .shrineac-layout-workspace .site-social{
    display:flex;
  }
  .shrineac-layout-workspace .site-menu-toggle{
    display:none;
  }

  /* Undo the old workspace-only userbar simplification on desktop so account
     presentation matches ordinary public pages. Keep obsolete panel/tasks
     controls hidden; the Joomla main menu already contains PANEL. */
  .shrineac-layout-workspace .site-header .shrineac-userbar__identity{
    display:inline-flex!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.42)!important;
    background:rgba(255,255,255,.10)!important;
    font-size:inherit!important;
  }
  .shrineac-layout-workspace .site-header .shrineac-userbar__logout button{
    color:#fff!important;
    background:transparent!important;
    font-size:inherit!important;
  }

  /* Secondary staff navigation is intentionally slimmer than the public
     header. Dashboard is icon-first to avoid duplicating the word PANEL. */
  .shrineac-layout-workspace .workspace-nav__item{
    min-height:36px;
    padding:.28rem .24rem;
    font-size:.7rem;
  }
  .workspace-nav__item--panel{
    flex:0 0 auto;
    gap:.38rem;
    padding-inline:.6rem!important;
  }
  .workspace-nav__icon{
    width:18px;
    height:18px;
    flex:0 0 auto;
  }
}

/* --------------------------------------------------------------------------
   Mobile: keep the proven workspace header exactly as before. The only UX
   change is consolidating Home + Panel into one dashboard icon linking to
   My ShrineAC. Public Home remains permanently available through the logo.
   -------------------------------------------------------------------------- */
@media(max-width:760px){
  .shrineac-layout-workspace .site-brand__copy{display:none}
  .shrineac-layout-workspace .site-social{display:none!important}

  .workspace-nav__item--panel{
    flex:0 0 44px;
    padding-inline:.1rem;
  }
  .workspace-nav__item--panel .workspace-nav__label{
    display:none;
  }
  .workspace-nav__icon{
    width:19px;
    height:19px;
  }
}

@media(max-width:430px){
  .workspace-nav__item--panel{flex-basis:42px}
  .workspace-nav__icon{width:18px;height:18px}
}