/* Shared provider-menu styling: used by the homepage and every page in slot/provider. */
.provider-pilihan {
  background: #121a34;
  margin: 6px auto 22px;
  padding: 16px 46px;
  border-radius: 12px;
  border: 1px solid #39446c;
}
.game-menu .nav-item { padding: 0 5px; }
.game-menu .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 104px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #1b2547;
  transition: background .2s;
}
.game-menu .nav-link:hover { background: #2b3970; }
.game-menu .nav-link img {
  max-height: 84px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
/* Owl adds these wrappers; make sure items stay centered and full-width. */
.game-menu .owl-item .nav-item { width: 100%; }

/* Shared footer styling so every page matches the polished homepage look. */
.footertext {
  background: #121a34;
  background-image: none;
  border: 1px solid #39446c;
  border-top: 1px solid #39446c;
  border-radius: 12px;
  margin: 24px auto;
  padding: clamp(16px, 3vw, 32px);
  color: #f4f1fa;
}
.footertext img { display: block; width: 100%; height: auto; border-radius: 8px; }
.footertext p, .footertext li { color: #d8dced; line-height: 1.7; }
.footertext a { color: #a9d9f3; text-decoration: underline; }
footer {
  text-align: center;
  color: #c0c8dc;
  font-size: 13px;
  padding: 6px 0 30px;
  width: 100%;
}

@media (max-width: 991px) {
  .provider-pilihan { padding: 14px 26px; }
  .game-menu .nav-link { min-height: 92px; padding: 10px; }
  .game-menu .nav-link img { max-height: 72px; }
}
@media (max-width: 720px) {
  .provider-pilihan { padding: 12px 14px !important; }
  .game-menu .nav-link { min-height: 84px; }
  .game-menu .nav-link img { max-height: 64px; }
}
@media (max-width: 480px) {
  .provider-pilihan { padding: 10px 10px !important; }
  .game-menu .nav-item { padding: 0 3px; }
  .game-menu .nav-link { min-height: 76px; padding: 8px; }
  .game-menu .nav-link img { max-height: 58px; }
}