/*
 * G&C REV10W FIX50 — Path of the Wolf V10.
 * Final navigation geometry parity, multi-game requirement UI support styling,
 * and a more intricate forged wolf-medallion identity on Home/Profile.
 */

/* -------------------------------------------------------------------------
 * HERO IDENTITY — detailed fierce forged wolf medallion, not the V1 doodle
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] .gcHomeHero::after{
  content:""!important;
  position:absolute!important;
  width:218px!important;
  height:218px!important;
  right:3.4%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border:0!important;
  border-radius:0!important;
  background:url('/gc-theme-path-wolf-medallion-v2.svg?v=1') center/contain no-repeat!important;
  opacity:.17!important;
  filter:sepia(.28) saturate(.78) contrast(1.12)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcProfileHero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto 30px 18px auto!important;
  width:146px!important;
  height:146px!important;
  border:0!important;
  border-radius:0!important;
  background:url('/gc-theme-path-wolf-medallion-v2.svg?v=1') center/contain no-repeat!important;
  opacity:.145!important;
  filter:sepia(.28) saturate(.78) contrast(1.12)!important;
  pointer-events:none!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcAppThemePreviewV2--wolf::after{
  background-image:url('/gc-theme-path-wolf-medallion-v2.svg?v=1')!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcProfileCollectionItem:nth-child(3)::after{
  background-image:url('/gc-theme-path-wolf-medallion-v2.svg?v=1')!important;
}

/* -------------------------------------------------------------------------
 * FLOATING NAV — one geometry model for member + Admin + Gold + Awards.
 * The active ring now belongs to the icon itself, so it cannot float above
 * the icon or collide with the label. Legacy button-sized circles/fills die.
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
){
  display:grid!important;
  grid-template-columns:repeat(var(--gc-nav-columns,5),minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:4px!important;
  padding:6px!important;
  border-radius:4px 16px 4px 16px!important;
  overflow:visible!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton,button,a,[data-app-nav-page]){
  position:relative!important;
  display:grid!important;
  grid-template-rows:30px 16px!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:center!important;
  min-width:0!important;
  min-height:58px!important;
  height:58px!important;
  gap:3px!important;
  margin:0!important;
  padding:4px 3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  line-height:1!important;
  text-align:center!important;
}
html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton)::before{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon){
  position:relative!important;
  grid-row:1!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  flex:0 0 24px!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
  overflow:visible!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
  position:relative!important;
  z-index:2!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  opacity:.96!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) [data-app-nav-page="profile"] :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
  width:23px!important;
  height:23px!important;
}
html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavIcon,.gcAdminFloatIcon)::before{
  display:none!important;
  content:""!important;
  position:absolute!important;
  inset:-4px!important;
  width:auto!important;
  height:auto!important;
  border:1px solid rgba(215,195,157,.30)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(199,70,54,.12),rgba(181,154,98,.035) 58%,transparent 72%)!important;
  box-shadow:0 0 10px rgba(199,70,54,.08),inset 0 0 0 1px rgba(0,0,0,.30)!important;
  transform:none!important;
  translate:none!important;
  pointer-events:none!important;
  z-index:1!important;
}
html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton):is(.isActive,[aria-current="page"]) :is(.gcAppNavIcon,.gcAdminFloatIcon)::before{
  display:block!important;
}
html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton):is(.isActive,[aria-current="page"]){
  background:transparent!important;
  box-shadow:none!important;
  color:#fff0d3!important;
}
html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton)::after{
  display:none!important;
  content:none!important;
}
html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton):is(.isActive,[aria-current="page"])::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:31%!important;
  right:31%!important;
  bottom:1px!important;
  width:auto!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,#c65b49,transparent)!important;
  box-shadow:0 0 7px rgba(198,91,73,.28)!important;
  transform:none!important;
  translate:none!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton,button,a,[data-app-nav-page])>span:last-child{
  grid-row:2!important;
  align-self:start!important;
  justify-self:center!important;
  display:block!important;
  position:static!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  translate:none!important;
  font-size:12px!important;
  line-height:14px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Profile avatar wrappers must never dictate slot height even if a cached image arrives late. */
html[data-gc-theme="path-of-the-wolf"] :is(.gcNavProfileAvatarWrap,.gcAdminProfileAvatarWrap){
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  margin:0!important;
  flex:0 0 23px!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(.gcNavProfileAvatar,.gcAdminProfileAvatar){
  width:21px!important;
  height:21px!important;
}

/* -------------------------------------------------------------------------
 * ADMIN EXPERIENCE — multiple required game chips (OR inside game criterion)
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] .gcExperienceAdminThemeGameChoices{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcExperienceAdminThemeGameChip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:5px 7px 5px 10px!important;
  border:1px solid rgba(214,182,112,.28)!important;
  border-radius:2px 9px 2px 9px!important;
  background:linear-gradient(160deg,#211a11,#0d0e0b)!important;
  color:#ead8b5!important;
  font-size:10px!important;
  font-weight:800!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcExperienceAdminThemeGameChip span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcExperienceAdminThemeGameChip button{
  width:22px!important;
  height:22px!important;
  min-height:22px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(198,91,73,.32)!important;
  border-radius:50%!important;
  background:rgba(118,37,30,.22)!important;
  color:#efb5a9!important;
  font:900 14px/1 sans-serif!important;
}

@media(max-width:700px){
  html[data-gc-theme="path-of-the-wolf"] .gcHomeHero::after{
    width:132px!important;
    height:132px!important;
    right:-22px!important;
    opacity:.11!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcProfileHero::after{
    inset:auto 12px 12px auto!important;
    width:88px!important;
    height:88px!important;
    opacity:.10!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(.gcAppNavButton,.gcAdminFloatButton,button,a,[data-app-nav-page]){
    grid-template-rows:24px 12px!important;
    min-height:48px!important;
    height:48px!important;
    gap:2px!important;
    padding:3px 1px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon){
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    flex-basis:20px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
    width:18px!important;
    height:18px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) [data-app-nav-page="profile"] :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
    width:19px!important;
    height:19px!important;
  }
  html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavIcon,.gcAdminFloatIcon)::before{
    inset:-3px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(.gcAppNavButton,.gcAdminFloatButton,button,a,[data-app-nav-page])>span:last-child{
    font-size:9px!important;
    line-height:11px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(.gcNavProfileAvatarWrap,.gcAdminProfileAvatarWrap){
    width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;flex-basis:19px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(.gcNavProfileAvatar,.gcAdminProfileAvatar){width:18px!important;height:18px!important}
}