/* ============================================================
   games_site — Kid Mode gates
   ============================================================ */

.km-gate{
  position:fixed; inset:0; z-index:9600;
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(4px);
  opacity:0; transition:opacity .25s var(--ease);
}
.km-gate.is-open{ opacity:1; }

.km-card{
  width:100%; max-width:380px; text-align:center;
  padding:28px 22px calc(var(--safe-bottom) + 22px);
  border-radius:var(--radius-lg);
  background:var(--surface); border:1px solid var(--border);
  box-shadow:var(--shadow-lg);
  transform:translateY(16px) scale(.97);
  transition:transform .28s var(--ease);
}
.km-gate.is-open .km-card{ transform:none; }

.km-ic{ font-size:50px; margin-bottom:12px; filter:drop-shadow(0 8px 20px rgba(13,21,38,.2)); }
.km-card h2{ margin:0 0 8px; font-size:22px; font-weight:800; letter-spacing:-.4px; }
.km-card p{
  margin:0 0 20px; font-size:14px; color:var(--text-dim); line-height:1.6;
}

.km-select,
.km-input{
  width:100%; padding:14px 15px; margin-bottom:6px;
  background:var(--surface-2); color:var(--text);
  border:1.5px solid var(--border); border-radius:var(--radius-sm);
  font-family:inherit; font-size:16px;   /* 16px מונע זום ב-iOS */
  text-align:center;
}
.km-select:focus,
.km-input:focus{
  outline:none; border-color:var(--navy-l);
  box-shadow:0 0 0 3px rgba(47,79,181,.14);
}
.km-input{ text-align:start; }

.km-note{
  margin-top:16px; padding:12px 14px; border-radius:var(--radius-sm);
  background:var(--surface-2); border:1px solid var(--border);
  font-size:12px; color:var(--text-dim); line-height:1.55;
}

/* מצב ילד — הסתרת אלמנטים שלא מתאימים.
   נשלט ע"י data-age-tier שנקבע ב-KidMode.applyAdPolicy. */
body[data-age-tier="kid"] .km-hide-kid{ display:none !important; }