/* 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;
  }

  /* Mobile top menu hidden — ready-korean-auth + bottom tab bar (see auth-header.css) */

  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;
  }
}