/* =====================================================
   MowNWA Game Ads — ad container styles for HTML5 games
   ===================================================== */

/* Base wrapper: centered, full width up to canvas width */
.game-ad-wrap {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

/* Subtle "Advertisement" label */
.game-ad-label {
  font-size: 0.58rem;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 3px;
  font-family: 'Segoe UI', Arial, sans-serif;
}

/* Below-canvas persistent banner */
.game-ad-bottom {
  padding: 10px 0 6px;
  border-top: 1px solid rgba(100, 116, 139, 0.18);
  margin-top: 6px;
}

/* Inside overlay screens (menu, game over, end-shift) */
.game-ad-overlay {
  max-width: 320px;
  margin: 10px auto 4px;
  padding: 8px 0 4px;
  border-top: 1px solid rgba(100, 116, 139, 0.15);
}

/* Reserve minimum height so layout doesn't collapse before fill */
.game-ad-wrap ins.adsbygoogle {
  min-height: 50px;
}

/* Hidden via [hidden] attribute — cleaner than display:none in JS */
.game-ad-wrap[hidden] {
  display: none !important;
}

/* Mobile adjustments */
@media (max-width: 520px) {
  .game-ad-wrap {
    max-width: 100%;
  }
  .game-ad-bottom {
    padding: 6px 0 4px;
  }
  .game-ad-overlay {
    max-width: 100%;
    margin: 6px auto 2px;
  }
}