/*
 * G&C REV10W FIX53 — Path of the Wolf V13.
 * Final mobile floating-navigation cascade authority.
 *
 * gc-custom-nav-v1.css FIX30 uses html body #profileBottomNav... selectors with
 * !important and one extra type selector, so earlier Path V11/V12 rules could
 * not beat its flex layout even though they loaded later. V13 deliberately
 * outranks that exact selector and restores a true icon-row + label-row grid.
 */

/* Shared member/Admin dock shell. */
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
){
  box-sizing:border-box!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  overflow:hidden!important;
}

html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]){
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:28px 15px!important;
  place-items:center!important;
  align-content:center!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  height:55px!important;
  min-height:55px!important;
  margin:0!important;
  padding:4px 2px 3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}

/* Button-level circles/diamonds/underlines are not part of the active state. */
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page])::before,
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page])::after{
  content:none!important;
  display:none!important;
}

/* Icon lane: one compact box, including the themed masked glyph. */
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]) > :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon){
  grid-column:1!important;
  grid-row:1!important;
  place-self:center!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  flex:0 0 27px!important;
  margin:0!important;
  padding:3px!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
  overflow:hidden!important;
  transform:none!important;
}
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]):is(.isActive,[aria-current="page"]) > :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon){
  border-color:rgba(220,188,121,.62)!important;
  background:radial-gradient(circle,rgba(177,64,49,.14),rgba(17,14,10,.50) 76%)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.48),0 0 8px rgba(190,74,57,.17)!important;
}
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]):not([data-app-nav-page="profile"]) > :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
  position:static!important;
  display:block!important;
  place-self:center!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
}

/* Profile keeps its real synced avatar, centred in the exact same icon lane. */
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > [data-app-nav-page="profile"] > :is(.gcAppNavIcon,.gcAdminFloatIcon) > :is(.gcNavProfileAvatarWrap,.gcAdminProfileAvatarWrap){
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  min-height:21px!important;
  margin:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  transform:none!important;
}
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > [data-app-nav-page="profile"] :is(.gcNavProfileAvatar,.gcAdminProfileAvatar){
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  margin:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  transform:none!important;
}

/* Label lane: always below the icon and never allowed to share its row. */
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]) > span:last-child{
  grid-column:1!important;
  grid-row:2!important;
  place-self:center!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:13px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
}

@media(max-width:700px){
  html[data-gc-theme="path-of-the-wolf"] body :is(
    #profileBottomNav.gcAppBottomNav,
    #gcAdminUnifiedNav.gcAppBottomNav,
    #gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldBottomNav.gcAppBottomNav,
    .gcAwardsBottomNav.gcAppBottomNav
  ){
    left:max(8px,env(safe-area-inset-left,0px))!important;
    right:max(8px,env(safe-area-inset-right,0px))!important;
    bottom:max(8px,calc(env(safe-area-inset-bottom,0px) + 8px))!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:64px!important;
    height:auto!important;
    gap:1px!important;
    padding:5px 7px!important;
    transform:none!important;
  }
  html[data-gc-theme="path-of-the-wolf"] body :is(
    #profileBottomNav.gcAppBottomNav,
    #gcAdminUnifiedNav.gcAppBottomNav,
    #gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldBottomNav.gcAppBottomNav,
    .gcAwardsBottomNav.gcAppBottomNav
  ) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:25px 13px!important;
    align-content:center!important;
    gap:2px!important;
    height:49px!important;
    min-height:49px!important;
    padding:3px 1px 2px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] body :is(
    #profileBottomNav.gcAppBottomNav,
    #gcAdminUnifiedNav.gcAppBottomNav,
    #gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldBottomNav.gcAppBottomNav,
    .gcAwardsBottomNav.gcAppBottomNav
  ) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]) > :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon){
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    flex:0 0 25px!important;
    padding:3px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] body :is(
    #profileBottomNav.gcAppBottomNav,
    #gcAdminUnifiedNav.gcAppBottomNav,
    #gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldBottomNav.gcAppBottomNav,
    .gcAwardsBottomNav.gcAppBottomNav
  ) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]):not([data-app-nav-page="profile"]) > :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] body :is(
    #profileBottomNav.gcAppBottomNav,
    #gcAdminUnifiedNav.gcAppBottomNav,
    #gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldBottomNav.gcAppBottomNav,
    .gcAwardsBottomNav.gcAppBottomNav
  ) > [data-app-nav-page="profile"] > :is(.gcAppNavIcon,.gcAdminFloatIcon) > :is(.gcNavProfileAvatarWrap,.gcAdminProfileAvatarWrap){
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    min-height:19px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] body :is(
    #profileBottomNav.gcAppBottomNav,
    #gcAdminUnifiedNav.gcAppBottomNav,
    #gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldBottomNav.gcAppBottomNav,
    .gcAwardsBottomNav.gcAppBottomNav
  ) > [data-app-nav-page="profile"] :is(.gcNavProfileAvatar,.gcAdminProfileAvatar){
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] body :is(
    #profileBottomNav.gcAppBottomNav,
    #gcAdminUnifiedNav.gcAppBottomNav,
    #gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldBottomNav.gcAppBottomNav,
    .gcAwardsBottomNav.gcAppBottomNav
  ) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]) > span:last-child{
    font-size:9.2px!important;
    line-height:11px!important;
  }
}

@media(max-width:360px){
  html[data-gc-theme="path-of-the-wolf"] body :is(
    #profileBottomNav.gcAppBottomNav,
    #gcAdminUnifiedNav.gcAppBottomNav,
    #gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldBottomNav.gcAppBottomNav,
    .gcAwardsBottomNav.gcAppBottomNav
  ){
    left:max(5px,env(safe-area-inset-left,0px))!important;
    right:max(5px,env(safe-area-inset-right,0px))!important;
    padding-inline:5px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] body :is(
    #profileBottomNav.gcAppBottomNav,
    #gcAdminUnifiedNav.gcAppBottomNav,
    #gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldSimpleNav.gcAppBottomNav,
    .gcGoldBottomNav.gcAppBottomNav,
    .gcAwardsBottomNav.gcAppBottomNav
  ) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]) > span:last-child{
    font-size:8.6px!important;
    letter-spacing:-.015em!important;
  }
}

/* FIX53 hard stop for the historical V4/V10 icon-level medallion pseudo.
 * The compact active treatment is the icon box border above; retaining this
 * absolute ::before created a second floating ring on iPhone. */
html[data-gc-theme="path-of-the-wolf"] body :is(
  #profileBottomNav.gcAppBottomNav,
  #gcAdminUnifiedNav.gcAppBottomNav,
  #gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldSimpleNav.gcAppBottomNav,
  .gcGoldBottomNav.gcAppBottomNav,
  .gcAwardsBottomNav.gcAppBottomNav
) > :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]) > :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon)::before{
  content:none!important;
  display:none!important;
  position:static!important;
  inset:auto!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
}