/* Scoped to the new Games submenu; retain the site's existing header. */
.kr-main-nav li.kr-games-nav > .wp-block-navigation-item__content { cursor: pointer; }
.kr-game-mobile-toggle { display: none; }
.kr-main-nav li.kr-games-nav > .wp-block-navigation__submenu-container {
  box-sizing: border-box; width: 340px !important; min-width: 340px !important; padding: 20px;
  left: auto; right: 0; border-top: 3px solid #526b61; border-radius: 0 0 4px 4px;
}
.kr-main-nav li.kr-games-nav .kr-game-rue-morgue { width: 100%; }
.kr-main-nav li.kr-games-nav a.kr-game-card {
  display: flex; flex-direction: column; align-items: stretch; gap: 7px;
  width: 100%; padding: 0; white-space: normal; text-decoration: none; line-height: 1.45;
}
.kr-game-poster { position: relative; display: block; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: #e9e1d1; border-radius: 4px; }
.kr-game-poster img { position: absolute; display: block; margin: 0; max-width: none; }
.kr-game-poster .kr-game-poster-room { inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kr-game-poster .kr-game-poster-dupin { right: -8%; top: 3%; width: 65%; height: 153%; object-fit: contain; object-position: top; transform: scaleX(-1); transition: transform .18s ease; }
.kr-game-poster-copy { position: absolute; top: 18%; left: 8%; color: #374743; text-shadow: 0 1px 4px #fff9; }
.kr-game-poster-copy small { display: block; font-size: 11px; letter-spacing: .18em; margin-bottom: 10px; }
.kr-game-poster-copy strong { display: block; font-size: 29px; line-height: 1.45; font-weight: 500; letter-spacing: .08em; }
.kr-game-card-title { font-size: 17px; font-weight: 500; margin-top: 3px; }
.kr-game-card-meta { color: #75716a; font-size: 12px; }
.kr-game-card:hover .kr-game-card-title { color: #526b61; text-decoration: underline; text-underline-offset: 4px; }
.kr-game-card:hover .kr-game-poster-dupin { transform: translateY(-2px) scaleX(-1); }
@media (min-width: 1101px) {
  .kr-main-nav li.kr-games-nav { min-height: var(--kr-header-height, 84px); }
  .kr-main-nav li.kr-games-nav > .wp-block-navigation__submenu-container { top: 100%; }
}
@media (max-width: 1100px) {
  .kr-main-nav .is-menu-open li.kr-games-nav { display: block !important; position: relative; width: 100%; }
  .kr-main-nav .is-menu-open li.kr-games-nav:focus { outline: none; }
  .kr-main-nav .is-menu-open li.kr-games-nav > .wp-block-navigation-item__content {
    display: block; box-sizing: border-box; width: 100%; padding-right: 44px; min-height: 44px; text-align: right;
  }
  .kr-main-nav .is-menu-open li.kr-games-nav > .wp-block-navigation-submenu__toggle {
    display: none !important;
  }
  .kr-main-nav .is-menu-open li.kr-games-nav > .kr-game-mobile-toggle {
    display: flex; position: absolute; top: 0; right: 0; width: 44px; height: 44px; margin: 0; padding: 0;
    align-items: center; justify-content: center; border: 0; background: transparent; color: inherit; cursor: pointer;
  }
  .kr-game-mobile-toggle svg { width: 12px; height: 12px; }
  .kr-game-mobile-toggle svg path { stroke: currentColor; }
  .kr-game-mobile-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
  .kr-main-nav .kr-game-mobile-toggle:focus-visible { outline: 2px solid #526b61; outline-offset: -6px; border-radius: 6px; }
  .kr-main-nav .is-menu-open li.kr-games-nav > .wp-block-navigation__submenu-container {
    display: none !important; box-sizing: border-box; width: min(100%, 340px) !important; min-width: 0 !important;
    padding: 16px; margin: 4px 0 14px; border: 1px solid #e5e3df; border-top: 3px solid #526b61;
  }
  .kr-main-nav .is-menu-open li.kr-games-nav[data-kr-mobile-open="true"] > .wp-block-navigation__submenu-container { display: flex !important; }
  .kr-main-nav .is-menu-open li.kr-games-nav a.kr-game-card { padding: 0; }
}
@media (prefers-reduced-motion: reduce) { .kr-game-poster .kr-game-poster-dupin { transition: none; } }
