/*
Theme Name: Game Goli Minimal
Theme URI: https://gamegoli.com/
Author: Game Goli
Description: Lightweight WordPress foundation for the Game Goli CodeBox website. The homepage design and customization are managed in CodeBox, not by this theme.
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: game-goli-minimal
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Only fallback/ordinary WordPress pages are styled here. The CodeBox
   homepage uses its own isolated CSS and must not inherit theme UI. */
.ggm-shell, .ggm-shell * { box-sizing: border-box; }
.ggm-shell {
  min-height: 100vh;
  color: #f4f8ff;
  background: #081525;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
.ggm-shell a { color: #7ac0ff; text-decoration: none; }
.ggm-shell a:hover, .ggm-shell a:focus-visible { text-decoration: underline; }
.ggm-shell a:focus-visible { outline: 2px solid #7ac0ff; outline-offset: 4px; }
.ggm-shell .ggm-wrap { max-width: 1000px; margin-inline: auto; padding-inline: 22px; }
.ggm-shell .ggm-header { border-bottom: 1px solid #20374f; }
.ggm-shell .ggm-header-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding-block: 18px; }
.ggm-shell .ggm-brand { color: #fff; font-size: 21px; font-weight: 750; letter-spacing: -0.02em; }
.ggm-shell .ggm-header nav { display: flex; flex-wrap: wrap; gap: 20px; }
.ggm-shell .ggm-main { padding-block: 70px; min-height: 55vh; }
.ggm-shell .ggm-card { max-width: 760px; margin: 0 auto; padding: 30px; background: #0e2239; border: 1px solid #25415f; border-radius: 15px; overflow-wrap: anywhere; }
.ggm-shell h1 { font-size: clamp(26px, 4vw, 44px); line-height: 1.16; margin: 0 0 18px; }
.ggm-shell .ggm-body > *:first-child { margin-top: 0; }
.ggm-shell .ggm-body img { max-width: 100%; height: auto; }
.ggm-shell .ggm-footer { border-top: 1px solid #20374f; padding-block: 20px; color: #aac1d9; font-size: 13px; }
.ggm-shell .ggm-skip { position: absolute; left: -10000px; top: auto; }
.ggm-shell .ggm-skip:focus { left: 16px; top: 12px; z-index: 100; padding: 8px 12px; background: #091b2c; }
@media (max-width: 540px) {
  .ggm-shell .ggm-main { padding-block: 42px; }
  .ggm-shell .ggm-card { padding: 22px; }
}