/*
 * G&C REV10W FIX49 — Path of the Wolf V9 visual composition pass.
 * Builds on V1–V8: consistent wolf-medallion heroes, compact navigation,
 * cleaner activity scores, collection controls and game-detail ornamentation.
 */

/* -------------------------------------------------------------------------
 * HERO IDENTITY — one consistent Witcher-inspired wolf medallion motif
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] .gcHomeHero::after{
  content:""!important;
  position:absolute!important;
  width:190px!important;
  height:190px!important;
  right:4.2%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:0!important;
  background:url('/gc-theme-path-wolf-medallion-v1.svg?v=1') center/contain no-repeat!important;
  opacity:.13!important;
  filter:sepia(.38) saturate(.72)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

/* Keep the same medallion on Profile, but park it low-right so the Gold wallet
 * has a clean, dedicated top-right lane. */
html[data-gc-theme="path-of-the-wolf"] .gcProfileHero{
  background:
    linear-gradient(145deg,rgba(215,195,157,.055),transparent 25%),
    linear-gradient(155deg,#191a14,#090a07)!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcProfileHero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto 28px 22px auto!important;
  width:122px!important;
  height:122px!important;
  border-radius:0!important;
  background:url('/gc-theme-path-wolf-medallion-v1.svg?v=1') center/contain no-repeat!important;
  opacity:.10!important;
  filter:sepia(.38) saturate(.72)!important;
  pointer-events:none!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcGoldProfileWallet{
  z-index:8!important;
}

/* -------------------------------------------------------------------------
 * HOME — remove decorative seal artefact from the Gold standings card
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] .gcGoldHomeCard::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* -------------------------------------------------------------------------
 * FLOATING NAV — tighter icon/medallion/label geometry, including Profile
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
){
  gap:3px!important;
  padding:6px!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(button,a,[data-app-nav-page]){
  min-height:62px!important;
  padding:5px 6px!important;
  gap:5px!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon){
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
  width:21px!important;
  height:21px!important;
}
html[data-gc-theme="path-of-the-wolf"] [data-app-nav-page="profile"] :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
  width:23px!important;
  height:23px!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcAppNavButton[data-app-nav-page="profile"] .gcNavProfileAvatarWrap{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
}
html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] .gcAppNavButton.isActive:not([data-app-nav-page="admin"])::before{
  top:4px!important;
  width:34px!important;
  height:34px!important;
  border-color:rgba(215,195,157,.28)!important;
  background:radial-gradient(circle,rgba(199,70,54,.12),rgba(181,154,98,.045) 48%,transparent 70%)!important;
  box-shadow:0 0 12px rgba(199,70,54,.07),inset 0 0 0 1px rgba(0,0,0,.24)!important;
}
html[data-gc-theme="path-of-the-wolf"] :is(
  #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
  .gcGoldBottomNav,.gcAwardsBottomNav
) :is(button,a,[data-app-nav-page])>span:last-child{
  font-size:14px!important;
  line-height:1.05!important;
  min-height:15px!important;
}

/* -------------------------------------------------------------------------
 * PROFILE COLLECTIONS — force date text bare + theme the injected Add button
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] :is(
  .gcProfileGameAddedDate,.gcProfileManagedCollectionDate,.gcProfileJoinDate,
  .gcProfileReviewDate,[class*="GameAddedDate"],[class*="CollectionDate"],
  [class*="AddedDate"],[data-added-date]
){
  display:inline-block!important;
  width:auto!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  padding:0!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcProfileLibraryAddGame{
  min-height:46px!important;
  padding:0 17px!important;
  border:1px solid rgba(214,182,112,.42)!important;
  border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important;
  background:linear-gradient(160deg,#251d12,#0d0e0b)!important;
  color:#efd59d!important;
  box-shadow:inset 4px 0 0 #8f6935,0 10px 24px rgba(0,0,0,.28)!important;
  font-family:var(--gc-wolf-body)!important;
  font-weight:850!important;
}
html[data-gc-theme="path-of-the-wolf"] .gcProfileLibraryAddGame:hover{
  border-color:rgba(235,205,142,.62)!important;
  background:linear-gradient(160deg,#342517,#11110d)!important;
  color:#fff0cc!important;
  transform:translateY(-1px)!important;
}

/* -------------------------------------------------------------------------
 * GAME DETAIL — clean composition, deliberate journal label, no random sigils
 * ---------------------------------------------------------------------- */
html[data-gc-theme="path-of-the-wolf"] body.gameDetailPage > .container > .backLink,
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .backLink{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  margin:16px 0 16px!important;
  padding:9px 13px!important;
  border:1px solid rgba(205,172,106,.30)!important;
  border-radius:2px 10px 2px 10px!important;
  background:linear-gradient(160deg,#17150f,#0a0b08)!important;
  color:#d9c59b!important;
  box-shadow:none!important;
  clip-path:none!important;
  overflow:visible!important;
  line-height:1.15!important;
}
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroPremium{
  background:
    linear-gradient(145deg,rgba(215,195,157,.045),transparent 23%),
    linear-gradient(160deg,#191a14,#090a07)!important;
}
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection{
  position:relative!important;
  padding:34px 18px 18px!important;
  overflow:hidden!important;
}
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection::before{
  content:"HUNTER'S JOURNAL"!important;
  position:absolute!important;
  left:18px!important;
  right:auto!important;
  top:13px!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  background:none!important;
  color:rgba(218,188,125,.72)!important;
  opacity:1!important;
  font:700 8px/1 var(--gc-wolf-body)!important;
  letter-spacing:.18em!important;
  pointer-events:none!important;
}
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection .gameActionBtn::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Status is information, not another filled button. Keep only a tiny diamond
 * accent plus readable text. */
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroStatusItem .gameStatus{
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 0 12px!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f0dfbd!important;
  font-size:11px!important;
  line-height:1.35!important;
  letter-spacing:.045em!important;
}
html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroStatusItem .gameStatus::before{
  content:""!important;
  position:absolute!important;
  left:1px!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  transform:translateY(-50%) rotate(45deg)!important;
  background:#c6a76b!important;
  border:0!important;
}

@media(max-width:700px){
  html[data-gc-theme="path-of-the-wolf"] .gcHomeHero::after{
    width:118px!important;
    height:118px!important;
    right:-24px!important;
    opacity:.075!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcProfileHero{
    background:
      linear-gradient(145deg,rgba(215,195,157,.055),transparent 25%),
      linear-gradient(155deg,#191a14,#090a07)!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcProfileHero::after{
    inset:auto 13px 13px auto!important;
    width:76px!important;
    height:76px!important;
    opacity:.08!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(button,a,[data-app-nav-page]){
    min-height:52px!important;
    padding:4px 1px!important;
    gap:3px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(.gcAppNavIcon,.gcAdminFloatIcon,.gcGoldNavIcon){
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
    width:19px!important;
    height:19px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] [data-app-nav-page="profile"] :is(.gcAppNavIcon,.gcAdminFloatIcon)::after{
    width:20px!important;
    height:20px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gcAppNavButton[data-app-nav-page="profile"] .gcNavProfileAvatarWrap{
    width:21px!important;
    height:21px!important;
    flex-basis:21px!important;
  }
  html[data-gc-theme="path-of-the-wolf"][data-gc-theme-navigation="medallion"] .gcAppNavButton.isActive:not([data-app-nav-page="admin"])::before{
    top:3px!important;
    width:28px!important;
    height:28px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] :is(
    #profileBottomNav,#gcAdminUnifiedNav,#gcGoldSimpleNav,.gcGoldSimpleNav,
    .gcGoldBottomNav,.gcAwardsBottomNav
  ) :is(button,a,[data-app-nav-page])>span:last-child{
    font-size:9.5px!important;
    line-height:1!important;
    min-height:10px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .backLink{
    margin:8px 0 12px!important;
    min-height:38px!important;
    padding:8px 11px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection{
    padding:31px 12px 14px!important;
  }
  html[data-gc-theme="path-of-the-wolf"] .gameDetailPage .gameHeroCollectionSection::before{
    left:12px!important;
    top:11px!important;
  }
}