/* ===== GAMADORBET — TEMA CILASI (polish): premium gladyator mikro-etkilesimleri ===== */
/* Katman halinde; sadece renk/golge/transform/gecis ekler, layout'u degistirmez. */

/* Akici sayfa kaydirma */
html { scroll-behavior: smooth; }

/* Metin secimi + altin scrollbar */
::selection { background: rgba(212, 175, 55, 0.85); color: #06140d; }
* { scrollbar-color: #8a5a08 #06140d; scrollbar-width: thin; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: #06140d; }
::-webkit-scrollbar-thumb { background: linear-gradient(#d4af37, #8a5a08); border-radius: 8px; border: 2px solid #06140d; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(#f0c850, #a06a12); }

/* Etkilesimli ogelerde akici gecis */
a, button, .btn-primary, .btn-outline, .auth-btn, .text-link,
.game-card, .game-thumb, .slot-card, .live-card, .deal-plan-card,
.promotion-card, .popular-category-card, .pm-card, .category-pill,
.payment-badge, .action-btn, .link-all, .view-all-link {
  transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease,
              border-color .25s ease, background-color .25s ease, color .2s ease, filter .2s ease;
}

/* CTA butonlari: hover'da yukseli + altin parlama */
.btn-primary:hover, .auth-btn.btn-register:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0,0,0,.5), 0 0 22px rgba(212,175,55,.45),
              inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 7px rgba(0,0,0,.28);
}
.btn-primary:active, .auth-btn.btn-register:active { transform: translateY(0); }
.btn-outline:hover, .auth-btn.btn-login:hover {
  border-color: #f0c850; color: #ffe08a;
  background: rgba(212,175,55,.10); box-shadow: 0 0 18px rgba(212,175,55,.22);
}

/* Buton uzerinde altin isik supurmesi */
.btn-primary { position: relative; overflow: hidden; }
.btn-primary::after {
  content: ""; position: absolute; top: 0; left: -130%; width: 55%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.5), transparent);
  transform: skewX(-22deg); transition: left .6s ease; pointer-events: none;
}
.btn-primary:hover::after { left: 150%; }

/* Kartlar: hover'da yukseli + altin cerceve/parlama */
.game-card:hover, .game-thumb:hover, .slot-card:hover, .live-card:hover,
.popular-category-card:hover, .deal-plan-card:hover, .promotion-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 36px rgba(0,0,0,.5), 0 0 0 1px rgba(212,175,55,.55), 0 0 26px rgba(212,175,55,.22);
}
/* Kart kapak gorseli hafif zoom (kart tasiyici overflow'u keserse temiz olur) */
.game-card img, .game-thumb img, .slot-card img, .promotion-card img,
.live-card img { transition: transform .45s ease; }
.game-card:hover img, .game-thumb:hover img, .slot-card:hover img,
.promotion-card:hover img, .live-card:hover img { transform: scale(1.06); }

/* Nav linkleri: altin alt cizgi buyumesi */
.text-link { position: relative; }
.text-link::after {
  content: ""; position: absolute; left: 0; bottom: -4px; height: 2px; width: 0;
  background: linear-gradient(90deg, #8a5a08, #f0c850, #8a5a08);
  border-radius: 2px; transition: width .25s ease;
}
.text-link:hover::after, .text-link.active::after { width: 100%; }

/* Filtre pill / chip hover */
.category-pill:hover { border-color: rgba(212,175,55,.7); color: #ffe08a; transform: translateY(-1px); }

/* Marka logosu hover glint */
.brand img { transition: transform .3s ease, filter .3s ease; }
.brand:hover img { transform: scale(1.05) rotate(-1deg); filter: drop-shadow(0 0 14px rgba(212,175,55,.6)); }

/* Buyuk basligin altin gradyaninda yavas parlama */
.section-title-hero {
  background-size: 220% auto !important;
  animation: gamGoldShimmer 7s linear infinite;
}
@keyframes gamGoldShimmer { to { background-position: 220% center; } }

/* Odak halkasi — erisilebilir + sik */
a:focus-visible, button:focus-visible, input:focus-visible, .btn-open-auth:focus-visible {
  outline: 2px solid rgba(240,200,80,.85); outline-offset: 2px;
}

/* Hareket azaltma tercihi olanlara saygi */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .section-title-hero { animation: none; }
  *, .btn-primary::after { transition: none !important; }
}

/* ===== POPULER OYUNLAR: bonus glow + resim glow'a tam birlesik + biraz buyuk ===== */
.popular-games-grid--4 {
  grid-template-columns: repeat(4, 1fr) !important;
  justify-items: center !important; align-items: start !important; gap: 24px !important;
}
.popular-games-grid .popular-category-card {
  width: max-content !important; max-width: 100% !important;
  position: relative !important; display: block !important; overflow: visible !important;
  padding: 0 !important; min-height: 0 !important; border-radius: 14px !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
.popular-games-grid .popular-category-card::before,
.popular-games-grid .popular-category-card::after { content: none !important; background: none !important; }
.popular-games-grid .popular-category-card h3,
.popular-games-grid .popular-category-card .popular-star-btn { display: none !important; }
.popular-games-grid .popular-category-card .popular-game-art {
  position: relative !important; z-index: 1; display: block !important; line-height: 0;
  width: clamp(182px, 16.5vw, 280px) !important; height: auto !important;
  margin: 0 !important; padding: 0 !important; border-radius: 14px !important; overflow: hidden;
}
.popular-games-grid .popular-category-card .popular-game-art img {
  width: 100% !important; height: auto !important; display: block !important; border-radius: 14px !important;
}
.popular-games-grid .popular-category-card:hover { transform: translateY(-3px); transition: transform .2s ease; }
.popular-games-grid .popular-category-card .popular-play-btn {
  position: absolute !important; inset: 0 !important; z-index: 4;
  width: auto !important; height: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
  font-size: 0 !important; line-height: 0 !important; color: transparent !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
@media (max-width: 760px) { .popular-games-grid--4 { grid-template-columns: repeat(2, 1fr) !important; } }

/* glow: gorseller artik kenara degiyor -> bonus kartlarla BIREBIR ayni hug (taban inset:-1px padding:2px) */
.popular-games-grid .popular-category-card > .purple-border-snake__ring { inset: -1px !important; padding: 2px !important; border-radius: 14px !important; }

/* ===== VIP KULUBU: 3. kart (gold) sadece gorsel — kutu yok, yazi yok ===== */
.vip-grid { align-items: start !important; }        /* kardes kartlar uzun gorsele gerilmesin */
.vip-grid .vip-card.vip-card--image {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible;
  display: flex; justify-content: center; align-items: flex-start;
}
.vip-grid .vip-card.vip-card--image:hover { transform: translateY(-4px); box-shadow: none !important; }
.vip-grid .vip-card.vip-card--image > a { display: block; line-height: 0; }
.vip-grid .vip-card.vip-card--image img {
  width: auto !important; max-width: 100% !important;
  height: auto !important; max-height: 470px !important;
  display: block; margin: 0 auto;
  border-radius: 12px;
  filter: drop-shadow(0 12px 26px rgba(0,0,0,.55));
}

/* ===== Gorsel butonlar (hero CTA) — CSS buton stilini sifirla, sadece resim ===== */
.btn-img {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  line-height: 0 !important;
  display: inline-flex !important; align-items: center;
  min-width: 0 !important;
  cursor: pointer;
}
.btn-img::after, .btn-img::before { content: none !important; background: none !important; }
.btn-img img {
  display: block; height: 58px; width: auto;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.45));
  transition: transform .2s ease, filter .2s ease;
}
.btn-img:hover { transform: none !important; box-shadow: none !important; }
.btn-img:hover img { transform: translateY(-2px); filter: drop-shadow(0 10px 22px rgba(212,175,55,.45)); }

/* ===== BONUSLAR: kartlar tam promo gorseli — kutu/yazi yok, donen glow korunur ===== */
.bonus-grid .bonus-promo-card--image {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  border-radius: 14px !important;
}
.bonus-grid .bonus-promo-card--image:hover {
  transform: translateY(-4px);
  box-shadow: none !important; border-color: transparent !important;
}
.bonus-grid .bonus-promo-card--image .bonus-img-link {
  display: block; width: 100%; line-height: 0; border-radius: 14px; overflow: hidden;
}
.bonus-grid .bonus-promo-card--image img {
  width: 100% !important; height: auto !important; display: block; border-radius: 14px;
}

/* CANLI CASINO kart boyutu: tek owner = gamador-layout-fix.css (542/242 olarak duzeltildi) -> cakisma yok. */

