/* WordPress mobile — all Ready Korean plugin pages */

@media (max-width: 900px) {
  body[class*='rk-'][class*='-plugin-active'] {
    overflow-x: hidden;
    max-width: 100%;
  }

  body[class*='rk-'][class*='-plugin-active'] .rk-home-app,
  body[class*='rk-'][class*='-plugin-active'] .rk-hangul-app,
  body[class*='rk-'][class*='-plugin-active'] .rk-lessons-app,
  body[class*='rk-'][class*='-plugin-active'] .rk-dramas-app,
  body[class*='rk-'][class*='-plugin-active'] .rk-dictionary-app,
  body[class*='rk-'][class*='-plugin-active'] .rk-quiz-app {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body[class*='rk-'][class*='-plugin-active'] .site-content,
  body[class*='rk-'][class*='-plugin-active'] .content-area,
  body[class*='rk-'][class*='-plugin-active'] #primary,
  body[class*='rk-'][class*='-plugin-active'] .site-main {
    overflow-x: hidden;
    max-width: 100%;
  }

  body[class*='rk-'][class*='-plugin-active'] .container {
    width: 100%;
    max-width: 100%;
    padding-inline: 1rem;
    box-sizing: border-box;
  }

  /* RK bottom tab bar (mobile only — injected by rk-mobile-shell.js) */
  body[class*='rk-'][class*='-plugin-active'].has-mobile-tabbar {
    padding-bottom: calc(4.25rem + env(safe-area-inset-bottom, 0)) !important;
  }

  body[class*='rk-'][class*='-plugin-active'] #mobile-tabbar.mobile-tabbar {
    display: grid !important;
  }

  /* GeneratePress mobile menu — undo RK .menu-toggle hamburger styles */
  body[class*='rk-'][class*='-plugin-active'] #masthead .menu-toggle,
  body[class*='rk-'][class*='-plugin-active'] .main-navigation .menu-toggle,
  body[class*='rk-'][class*='-plugin-active'] #mobile-header .menu-toggle,
  body[class*='rk-'][class*='-plugin-active'] .mobile-menu-control-wrapper .menu-toggle,
  body[class*='rk-'][class*='-plugin-active'] nav.toggled .menu-toggle {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    visibility: visible !important;
    pointer-events: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    padding: inherit !important;
    background: transparent !important;
    border: none !important;
  }

  body[class*='rk-'][class*='-plugin-active'] #masthead .menu-toggle span,
  body[class*='rk-'][class*='-plugin-active'] .main-navigation .menu-toggle span,
  body[class*='rk-'][class*='-plugin-active'] #mobile-header .menu-toggle span,
  body[class*='rk-'][class*='-plugin-active'] .mobile-menu-control-wrapper .menu-toggle span {
    width: auto !important;
    height: auto !important;
    background: none !important;
    border-radius: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    display: inline !important;
  }

  body[class*='rk-'][class*='-plugin-active'] #masthead .menu-toggle .gp-icon,
  body[class*='rk-'][class*='-plugin-active'] #masthead .menu-toggle .gp-icon span,
  body[class*='rk-'][class*='-plugin-active'] .main-navigation .menu-toggle .gp-icon,
  body[class*='rk-'][class*='-plugin-active'] .main-navigation .menu-toggle .gp-icon span,
  body[class*='rk-'][class*='-plugin-active'] #mobile-header .menu-toggle .gp-icon,
  body[class*='rk-'][class*='-plugin-active'] #mobile-header .menu-toggle .gp-icon span {
    width: auto !important;
    height: auto !important;
    background: none !important;
    display: inline-flex !important;
  }

  body[class*='rk-'][class*='-plugin-active'] #site-navigation,
  body[class*='rk-'][class*='-plugin-active'] .main-navigation {
    display: block !important;
  }

  body[class*='rk-'][class*='-plugin-active'] .slideout-navigation,
  body[class*='rk-'][class*='-plugin-active'] #generate-slideout-menu {
    z-index: 99980 !important;
  }

  body[class*='rk-'][class*='-plugin-active'] #masthead,
  body[class*='rk-'][class*='-plugin-active'] #mobile-header {
    position: relative;
    z-index: 100;
  }
}