/*
 * G&C REV10W FIX51 — Path of the Wolf V11.
 * Authoritative navigation geometry, fierce forged wolf identity, mobile game/profile
 * composition, and ornament safety. Loads after V10 and intentionally defeats legacy
 * Path selectors that previously leaked decoration or active-nav geometry.
 */

/* -------------------------------------------------------------------------
 * HOME + PROFILE — detailed dark-fantasy forged wolf medallion V3
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] .gcHomeHero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:238px!important;
  height:238px!important;
  right:2.7%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border:0!important;
  border-radius:0!important;
  background:url('/gc-theme-path-wolf-medallion-v3.png?v=1') center/contain no-repeat!important;
  opacity:.20!important;
  filter:sepia(.42) saturate(.74) contrast(1.22) brightness(.82)!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:0!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcHomeHero>*{position:relative;z-index:1}
html[data-gc-theme="path-of-the-wolf"] .gcProfileHero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto 22px 12px auto!important;
  width:154px!important;
  height:154px!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:url('/gc-theme-path-wolf-medallion-v3.png?v=1') center/contain no-repeat!important;
  opacity:.15!important;
  filter:sepia(.42) saturate(.74) contrast(1.22) brightness(.82)!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:0!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcProfileHero>*{position:relative;z-index:1}
html[data-gc-theme="path-of-the-wolf"] .gcAppThemePreviewV2--wolf::after{
  background-image:url('/gc-theme-path-wolf-medallion-v3.png?v=1')!important;
}
/* Do not randomly repeat the hero wolf inside collection tiles. */
html[data-gc-theme="path-of-the-wolf"] .gcProfileCollectionItem:nth-child(3)::after{
  background-image:none!important;
}

/* -------------------------------------------------------------------------
 * FLOATING NAV — authoritative geometry. No legacy button pseudo-circle.
 * The active state is a real border on the icon box, so it cannot float away.
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
){
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:2px!important;
  padding:6px 7px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]){
  position:relative!important;
  display:grid!important;
  grid-template-rows:27px 14px!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  align-content:center!important;
  gap:2px!important;
  min-width:0!important;
  min-height:52px!important;
  height:52px!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;
  line-height:1!important;
  text-align:center!important;
}
/* Kill the exact legacy V2/V9 active circle selector plus all equivalent button pseudos. */
html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] .gcAppNavButton.isActive:not([data-app-nav-page="admin"])::before,
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page])::before{
  content:none!important;
  display:none!important;
  inset:auto!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!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(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page])::after{
  content:none!important;
  display: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;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  margin:0!important;
  padding:2px!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
  overflow:visible!important;
  transform:none!important;
}
/* Kill the older rotated diamond/ring pseudo. */
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon)::before{
  content:none!important;
  display:none!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:20px!important;
  height:20px!important;
  margin:0!important;
  transform:none!important;
  translate:none!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:20px!important;
  height:20px!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]):is(.isActive,[aria-current="page"]) :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon){
  border-color:rgba(216,185,119,.58)!important;
  background:radial-gradient(circle,rgba(194,78,59,.15),rgba(18,15,10,.45) 74%)!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.34),0 0 9px rgba(194,78,59,.18)!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page])>span:last-child{
  grid-row:2!important;
  position:static!important;
  display:block!important;
  align-self:center!important;
  justify-self:center!important;
  width:100%!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:11px!important;
  line-height:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Profile has historically had special avatar wrappers; neutralise their geometry. */
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) [data-app-nav-page="profile"] :is(.gcNavProfileAvatarWrap,.gcAdminProfileAvatarWrap,.gcNavProfileAvatar,.gcAdminProfileAvatar){
  position:static!important;
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  translate:none!important;
}

/* -------------------------------------------------------------------------
 * GAME DETAIL — mobile title + collection composition + transparent status.
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroStatusItem .gameStatus,
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage :is(.statusReleased,.statusComing,.statusPending,.statusCancelled,.statusEarly){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}

/* -------------------------------------------------------------------------
 * PROFILE COLLECTION OVERVIEW — counts are content, never themed floating pills.
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] .gcProfileCollectionButton .gcProfileCollectionCount{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* -------------------------------------------------------------------------
 * ORNAMENT SAFETY — broad card decorations are disabled on narrow screens.
 * Hero art is opt-in above; utility copy always wins over decoration.
 * ---------------------------------------------------------------------- */

@media(max-width:700px){
  /* Floating nav: compact five-column iPhone/Android-safe layout. */
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ){
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;
    padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px))!important;
    min-height:60px!important;
    max-height:none!important;
    bottom:max(7px,env(safe-area-inset-bottom,0px))!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page]){
    grid-template-rows:23px 12px!important;
    gap:1px!important;
    min-height:45px!important;
    height:45px!important;
    padding:3px 1px 2px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon){
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    padding:2px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(.gcAppNavIcon,.gcAdminFloatIcon)::after,
  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:17px!important;
    height:17px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page])>span:last-child{
    font-size:9.3px!important;
    line-height:11px!important;
  }
  html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] .gcAppNavButton.isActive:not([data-app-nav-page="admin"])::before{
    content:none!important;display:none!important;width:0!important;height:0!important;transform:none!important;
  }

  /* Home/Profile medallion: smaller and pushed into a clear visual lane. */
  html[data-gc-theme="path-of-the-wolf"] .gcHomeHero::after{
    width:142px!important;height:142px!important;right:-13px!important;top:48%!important;opacity:.12!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcProfileHero::after{
    inset:auto 9px 11px auto!important;width:86px!important;height:86px!important;opacity:.105!important;
  }

  /* Long game titles stay on a full-width title row; never split words internally. */
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroIdentity{
    grid-template-columns:104px minmax(0,1fr)!important;
    grid-template-areas:"title title" "media primary"!important;
    column-gap:13px!important;row-gap:11px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroTitleRow{
    grid-area:title!important;width:100%!important;min-width:0!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroTitleContent{min-width:0!important;width:100%!important}
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroTitle{
    width:100%!important;max-width:none!important;
    font-size:clamp(23px,6.05vw,29px)!important;line-height:1.02!important;letter-spacing:-.025em!important;
    word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;text-wrap:pretty!important;
  }
  /* Collection controls: readable 2-column cards, with Platinum as a compact full-width action. */
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection{padding:27px 10px 12px!important}
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .heroActions{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .gameActionBtn{
    min-width:0!important;min-height:64px!important;height:auto!important;
    display:grid!important;grid-template-columns:31px minmax(0,1fr)!important;grid-template-rows:1fr!important;
    align-items:center!important;justify-items:start!important;gap:8px!important;
    padding:9px 9px!important;text-align:left!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .gameActionIcon{
    width:31px!important;height:31px!important;margin:0!important;justify-self:center!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .gameActionIcon::after{
    width:19px!important;height:19px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .gameActionLabel{
    min-width:0!important;font-size:12px!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:normal!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .platinumActionBtn{
    grid-column:1/-1!important;min-height:56px!important;
    grid-template-columns:31px auto!important;justify-content:center!important;justify-items:start!important;
    padding-inline:14px!important;
  }

  /* Profile name: moderate names remain one row by scaling first; long names may wrap. */
  html[data-gc-theme="path-of-the-wolf"] .gcProfileHero .gcProfileName:not(.isLongName){
    max-width:none!important;white-space:nowrap!important;
    font-size:clamp(22px,6.25vw,30px)!important;line-height:.98!important;letter-spacing:.005em!important;
    word-break:normal!important;overflow-wrap:normal!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcProfileHero .gcProfileName.isLongName{
    white-space:normal!important;font-size:clamp(21px,5.8vw,28px)!important;line-height:1!important;
    word-break:normal!important;overflow-wrap:normal!important;
  }

  /* Collection overview: normalise all counts, including wide Platinum tile. */
  html[data-gc-theme="path-of-the-wolf"] .gcProfileCollectionButton .gcProfileCollectionCount{
    position:static!important;inset:auto!important;transform:none!important;
    display:block!important;min-width:32px!important;width:auto!important;height:auto!important;
    margin:0 0 0 auto!important;padding:0!important;text-align:right!important;
    font-size:23px!important;line-height:1!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcProfileCollection-platinum{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;justify-content:stretch!important;gap:12px!important;
    padding:12px 16px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcProfileCollection-platinum .gcProfileCollectionLead{
    min-width:0!important;justify-content:flex-start!important;text-align:left!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcProfileCollection-platinum .gcProfileCollectionCount{
    position:static!important;inset:auto!important;transform:none!important;min-width:34px!important;
    margin-left:auto!important;text-align:right!important;background:transparent!important;
  }

  /* Random card pseudo-art is not allowed to cover copy on phones. */
  html[data-gc-theme="path-of-the-wolf"] :is(
    .gcProfileCollectionItem,.gcGoldHero,.gcVaultHero,.gcGoldSection,.gcVaultSummaryCard,
    .gcVaultGameCard,.gameDetailPage .card
  )::after,
  html[data-gc-theme="path-of-the-wolf"] :is(
    .gcGoldHero,.gcVaultHero,.gcGoldSection,.gcVaultSummaryCard,.gcVaultGameCard
  )::before{
    content:none!important;display:none!important;background-image:none!important;box-shadow:none!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcGoldHero,
  html[data-gc-theme="path-of-the-wolf"] .gcVaultHero{
    background-image:linear-gradient(155deg,rgba(35,30,20,.92),rgba(8,10,7,.98))!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcGoldHero :is(p,.gcGoldIntro,.gcGoldHeroCopy),
  html[data-gc-theme="path-of-the-wolf"] .gcVaultHero :is(p,.gcVaultIntro,.gcVaultHeroCopy){
    position:relative!important;z-index:2!important;max-width:100%!important;
  }
}

@media(max-width:380px){
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(.gcAppNavButton,.gcAdminFloatButton,[data-app-nav-page])>span:last-child{
    font-size:8.6px!important;letter-spacing:-.015em!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroIdentity{
    grid-template-columns:94px minmax(0,1fr)!important;column-gap:10px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroTitle{
    font-size:clamp(21px,5.9vw,26px)!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .gameActionBtn{
    min-height:60px!important;grid-template-columns:27px minmax(0,1fr)!important;gap:6px!important;padding:8px 7px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .gameActionIcon{width:27px!important;height:27px!important}
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .gameActionLabel{font-size:10.8px!important}
  html[data-gc-theme="path-of-the-wolf"] .gcProfileHero .gcProfileName:not(.isLongName){font-size:clamp(21px,6vw,25px)!important}
}