/* ===========================================================================
   gamador-wireframe.css — SADE anasayfa düzeni (quicklinks/slider/3x3/rows/altbar)
   Tema: koyu yeşil + royal gold. Yalnızca gamador-home.php'de yüklenir.
   =========================================================================== */

.gm-wire { max-width: 1180px; margin: 0 auto; padding: 12px 12px 16px; }

/* --- 1) HIZLI LİNKLER ŞERİDİ --- */
.gm-quicklinks-wrap { margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(212,175,55,.18); text-align: center; }
.gm-ql-title { margin: 0 0 12px; font: 600 16px/1 'GilroyArwen', 'Inter', sans-serif; letter-spacing: 1px; text-transform: uppercase; color: var(--gold-text, #ffe08a); }
.gm-quicklinks {
  display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; padding: 2px;
}
.gm-ql {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 14px; border-radius: 999px; text-decoration: none; white-space: nowrap;
  font: 600 13px/1 'Inter', system-ui, sans-serif; letter-spacing: .3px;
  color: var(--gold-text, #ffe08a);
  background: linear-gradient(180deg, rgba(212,175,55,.10), rgba(0,26,11,.65));
  border: 1px solid rgba(212,175,55,.38);
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.gm-ql i { color: var(--gold, #d4af37); font-size: 14px; }
.gm-ql:hover { transform: translateY(-1px); border-color: var(--gold, #d4af37); box-shadow: 0 6px 18px rgba(212,175,55,.18); }
.gm-ql--install {
  border-color: rgba(240,200,80,.58);
  background: linear-gradient(135deg, rgba(240,200,80,.20), rgba(0,26,11,.72));
  box-shadow: inset 0 0 0 1px rgba(255,246,216,.06), 0 8px 22px rgba(212,175,55,.10);
}
.gm-pwa-ready .gm-ql--install {
  color: #fff6d8;
  border-color: rgba(255,224,138,.82);
  box-shadow: 0 0 0 1px rgba(255,224,138,.15), 0 10px 26px rgba(212,175,55,.22);
}
.gm-pwa-toast {
  position: fixed;
  left: max(14px, env(safe-area-inset-left));
  right: max(14px, env(safe-area-inset-right));
  bottom: calc(76px + env(safe-area-inset-bottom));
  z-index: 1700;
  display: flex;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .2s ease, transform .2s ease;
}
.gm-pwa-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.gm-pwa-toast__card {
  position: relative;
  width: min(420px, 100%);
  padding: 16px 44px 16px 18px;
  border-radius: 14px;
  border: 1px solid rgba(212,175,55,.45);
  background: linear-gradient(160deg, rgba(0,26,11,.96), rgba(0,8,0,.98));
  box-shadow: 0 18px 44px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,246,216,.08);
  color: var(--text, #f5f1e6);
  text-align: left;
}
.gm-pwa-toast__title {
  display: block;
  margin-bottom: 4px;
  color: var(--gold-text, #ffe08a);
  font: 700 15px/1.15 'Inter', system-ui, sans-serif;
}
.gm-pwa-toast__text {
  margin: 0;
  color: rgba(245,241,230,.86);
  font: 600 13px/1.35 'Inter', system-ui, sans-serif;
}
.gm-pwa-toast__close {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(212,175,55,.34);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: var(--gold-text, #ffe08a);
  cursor: pointer;
}

/* --- 2) SLIDER --- */
.gm-slider {
  position: relative; width: 100%; border-radius: 16px; overflow: hidden;
  border: 1px solid rgba(212,175,55,.35); background: var(--bg-1, #001a0b);
  box-shadow: 0 10px 34px rgba(0,0,0,.45), inset 0 0 0 1px rgba(212,175,55,.08);
  aspect-ratio: 16 / 6;
}
.gm-slides { position: absolute; inset: 0; }
.gm-slide {
  position: absolute; inset: 0; opacity: 0; visibility: hidden;
  transition: opacity .5s ease; display: block; text-decoration: none;
}
.gm-slide.active { opacity: 1; visibility: visible; }
.gm-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* placeholder slaytlar (DB'de banner yokken) */
.gm-slide-ph {
  display: flex; align-items: center; justify-content: center; text-align: center;
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(212,175,55,.16), transparent 60%),
    linear-gradient(135deg, #001a0b, #000800 70%);
}
.gm-slide-ph-inner { padding: 18px 22px; max-width: 680px; }
.gm-slide-logo { height: 44px; margin-bottom: 10px; }
.gm-slide-ph h2 {
  margin: 0 0 8px; font-family: 'GilroyArwen', 'Inter', system-ui, sans-serif; font-weight: 800;
  font-size: clamp(20px, 4.4vw, 36px); line-height: 1.1;
  color: var(--gold-text, #ffe08a); text-shadow: 0 2px 14px rgba(212,175,55,.35);
}
.gm-slide-ph p { margin: 0 0 14px; color: var(--text, #f5f1e6); font: 500 clamp(13px,2.4vw,16px)/1.4 'Inter', sans-serif; opacity: .92; }

.gm-btn-gold {
  display: inline-block; cursor: pointer; text-decoration: none; border: none;
  padding: 10px 26px; border-radius: 999px; font: 700 14px/1 'Inter', sans-serif; letter-spacing: .4px;
  color: #18120a; background: linear-gradient(135deg, #f0c850, #d4af37 55%, #8a5a08);
  box-shadow: 0 6px 18px rgba(212,175,55,.35); transition: transform .15s ease, box-shadow .2s ease;
}
.gm-btn-gold:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(212,175,55,.5); }

.gm-slide-nav {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 4;
  width: 38px; height: 38px; border-radius: 50%; cursor: pointer;
  display: grid; place-items: center; font-size: 22px; line-height: 1; color: var(--gold-text,#ffe08a);
  background: rgba(0,8,0,.55); border: 1px solid rgba(212,175,55,.45); backdrop-filter: blur(4px);
  transition: background .2s ease;
}
.gm-slide-nav:hover { background: rgba(212,175,55,.25); }
.gm-slide-nav.prev { left: 10px; } .gm-slide-nav.next { right: 10px; }
.gm-dots { position: absolute; left: 0; right: 0; bottom: 10px; z-index: 4; display: flex; gap: 7px; justify-content: center; }
.gm-dot { width: 9px; height: 9px; border-radius: 50%; cursor: pointer; border: none; padding: 0;
  background: rgba(245,241,230,.4); transition: all .2s ease; }
.gm-dot.active { background: var(--gold, #d4af37); width: 22px; border-radius: 999px; }

/* --- HERO ROW: slider + çark yan yana --- */
.gm-hero-row { display: flex; gap: 14px; align-items: stretch; }
.gm-hero-row .gm-slider { flex: 1 1 0; min-width: 0; }
.gm-cark { flex: 0 0 290px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 16px 14px; border-radius: 16px; border: 1px solid rgba(212,175,55,.35); background: radial-gradient(120% 90% at 50% 0%, rgba(212,175,55,.16), transparent 60%), linear-gradient(160deg,#001a0b,#000800); }
.gm-cark-wheelbox { position: relative; display: grid; place-items: center; padding-top: 8px; }
.gm-cark-pointer { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); z-index: 3; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 18px solid #ffe08a; filter: drop-shadow(0 2px 3px rgba(0,0,0,.7)); }
.gm-cark-wheel { width: clamp(108px,10vw,140px); aspect-ratio: 1; border-radius: 50%; position: relative; animation: gm-spin 6s cubic-bezier(.34,.06,.2,1) infinite;
  border: 6px solid #d4af37;
  box-shadow: 0 0 0 4px #08361a, 0 0 0 7px rgba(212,175,55,.55), 0 10px 26px rgba(0,0,0,.6), inset 0 0 16px rgba(0,0,0,.55);
  background: conic-gradient(from -15deg, #0b3a1d 0 30deg, #e6c252 30deg 60deg, #07301a 60deg 90deg, #f0c850 90deg 120deg, #0b3a1d 120deg 150deg, #e6c252 150deg 180deg, #07301a 180deg 210deg, #f0c850 210deg 240deg, #0b3a1d 240deg 270deg, #e6c252 270deg 300deg, #07301a 300deg 330deg, #f0c850 330deg 360deg); }
.gm-cark-wheel::before { content:""; position:absolute; inset:0; border-radius:50%; background: radial-gradient(circle at 50% 32%, rgba(255,255,255,.20), transparent 55%); }
.gm-cark-wheel::after { content:""; position:absolute; inset:38%; border-radius:50%; background: radial-gradient(circle at 35% 30%, #ffe9b0, #8a5a08); border:3px solid #fff3cf; box-shadow: 0 2px 7px rgba(0,0,0,.6); }
@keyframes gm-spin { to { transform: rotate(360deg); } }
.gm-cark h3 { margin:0; font:800 clamp(18px,2vw,24px)/1 'GilroyArwen','Inter',system-ui,sans-serif; color:var(--gold-text,#ffe08a); letter-spacing:1px; }
.gm-cark p { margin:0; font:600 13px/1.35 'Inter',sans-serif; color:var(--text,#f5f1e6); opacity:.92; }

/* --- 3) 4 BÜYÜK KATEGORİ KARTI --- */
.gm-cats-wrap { margin-top: 16px; }
.gm-cats4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.gm-cat {
  position: relative; display: block; line-height: 0;
  transition: transform .15s ease;
}
.gm-cat-glow {               /* resmin SEKLINE maskelenmis kap */
  position: absolute; inset: -3px; z-index: 0; pointer-events: none;
  -webkit-mask: var(--gm-card-img) center / contain no-repeat;
  mask: var(--gm-card-img) center / contain no-repeat;
}
.gm-cat-glow::before {       /* DONEN komet — transform:rotate (her zaman calisir) */
  content: ""; position: absolute; inset: -50%;
  background: conic-gradient(
    from 0deg,
    transparent 0deg 45deg,
    rgba(212,175,55,.4) 65deg,
    #ffe08a 82deg,
    #fff6d8 92deg,
    #ffe08a 102deg,
    rgba(212,175,55,.4) 120deg,
    transparent 140deg 360deg);
  filter: blur(6px);
  animation: gm-cat-spin 2.2s linear infinite;
}
@keyframes gm-cat-spin { to { transform: rotate(360deg); } }
.gm-cat img {
  position: relative; z-index: 1;
  width: 100%; height: auto; display: block;
}
.gm-cat:hover { transform: translateY(-4px); }
.gm-cat:hover .gm-cat-glow::before { animation-duration: 1.4s; }

/* Arka plan: gladyator tapinagi resmi, gradyanin ustune daha belirgin opaklik */
.bg-aurora::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/assets/gamador/bg-temple.jpg') center center / cover no-repeat;
  opacity: .48;
  pointer-events: none;
}

/* ===== AUTH MODAL — SOL resim paneli + sag form + calisan close ===== */
.auth-modal-overlay { align-items: flex-start !important; overflow-y: auto !important; padding: 4vh 16px !important; }
.auth-modal {
  display: grid !important;
  grid-template-columns: 320px minmax(330px, 1fr) !important;
  width: min(800px, 100%) !important; max-width: none !important; margin: auto !important;
  padding: 0 !important;
  overflow: hidden !important; border-radius: 18px !important;
  min-height: 500px !important;
}
.auth-modal::before { display: none !important; }            /* desenli overlay kapat */
/* SOL panel = sadece resim (yazi yok); sekmeye gore degisir */
.auth-stage {
  display: block !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  border: none !important; border-right: 1px solid rgba(212,175,55,.22) !important;
  background-color: #06140c !important;
  background-image: url('/assets/gamador/auth-giris.png') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}
.auth-modal:has(#registerPanel.active) .auth-stage {
  background-image: url('/assets/gamador/auth-kayit.png') !important;   /* kayit sekmesinde diger resim */
}
.auth-stage > * { display: none !important; }                /* stage icindeki tum yazi/logo gizli — sadece resim */
.auth-stage::after, .auth-stage::before { display: none !important; }
.auth-workspace {
  position: static !important; z-index: auto !important;
  padding: 28px 30px !important;
  display: flex !important; flex-direction: column !important; justify-content: center !important;
}
.auth-close-btn { z-index: 30 !important; }                   /* close butonu tiklanabilir olsun */

/* Mobil: sol resmi gizle, sadece form (tek sutun) */
@media (max-width: 768px) {
  .auth-modal { grid-template-columns: 1fr !important; width: 100% !important; max-width: 430px !important; min-height: 0 !important; }
  .auth-stage { display: none !important; }
  .auth-workspace { padding: 24px 22px !important; }
}

/* --- 4-5) POPÜLER OYUN SATIRLARI --- */
.gm-row-section { margin-top: 22px; }
.gm-row-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.gm-row-head h2 {
  margin: 0; font-family: 'GilroyArwen', 'Inter', sans-serif; font-weight: 600; letter-spacing: .6px;
  font-size: clamp(20px, 3.6vw, 26px); color: var(--gold-text, #ffe08a); text-transform: uppercase;
}
.gm-row-all { text-decoration: none; font: 600 13px/1 'Inter', sans-serif; color: var(--gold, #d4af37); display: inline-flex; align-items: center; gap: 5px; }
.gm-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.gm-game { cursor: pointer; display: flex; flex-direction: column; gap: 6px; }
.gm-game-cover {
  position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 1 / 1;
  border: 1px solid rgba(212,175,55,.25); background: #001a0b;
  transition: transform .15s ease, border-color .2s ease, box-shadow .2s ease;
}
.gm-game:hover .gm-game-cover { transform: translateY(-3px); border-color: var(--gold,#d4af37); box-shadow: 0 12px 26px rgba(0,0,0,.45); }
.gm-game-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gm-game-name { display: none; }  /* kapakta isim zaten var */

/* --- 6) ALT SABİT BAR (mobil) --- */
.gm-bottombar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
  display: none; align-items: stretch; justify-content: space-around;
  padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(180deg, rgba(0,26,11,.96), rgba(0,8,0,.99));
  border-top: 1px solid rgba(212,175,55,.45); box-shadow: 0 -8px 24px rgba(0,0,0,.5); backdrop-filter: blur(8px);
}
.gm-bb {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  background: none; border: none; cursor: pointer; text-decoration: none; padding: 4px 2px;
  color: var(--text, #f5f1e6); font: 600 10.5px/1 'Inter', sans-serif;
}
.gm-bb i { font-size: 18px; color: rgba(245,241,230,.78); transition: color .2s ease; }
.gm-bb:hover i, .gm-bb:active i { color: var(--gold, #d4af37); }
.gm-bb-center i {
  color: #18120a; background: linear-gradient(135deg, #f0c850, #d4af37 60%, #8a5a08);
  width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center;
  margin-top: -16px; box-shadow: 0 6px 16px rgba(212,175,55,.45); border: 2px solid var(--bg-1, #001a0b);
}
.gm-bb-center span { margin-top: 1px; color: var(--gold-text,#ffe08a); }

/* ===== SOL MENU (sidebar) — masaustu; sadece anasayfada (.gm-sidebar-layout) ===== */
.gm-sidebar-layout .main-text-nav { display: none; }
.gm-sidebar {
  position: fixed; top: 62px; left: 0; width: 232px; height: calc(100vh - 62px);
  background: linear-gradient(180deg, #001a0b, #000800 85%); border-right: 1px solid rgba(212,175,55,.22);
  display: flex; flex-direction: column; z-index: 850; overflow-y: auto; padding: 14px 0;
}
.gm-side-nav { display: flex; flex-direction: column; gap: 3px; padding: 0 12px; }
.gm-side-link {
  display: flex; align-items: center; gap: 13px; padding: 11px 14px; border-radius: 10px;
  text-decoration: none; color: var(--text, #f5f1e6); font: 600 14.5px/1 'Inter', sans-serif; white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.gm-side-link i { width: 22px; text-align: center; color: var(--gold, #d4af37); font-size: 17px; }
.gm-side-link:hover { background: rgba(212,175,55,.10); }
.gm-side-link.active { background: linear-gradient(90deg, rgba(212,175,55,.20), rgba(212,175,55,0)); color: var(--gold-text, #ffe08a); }
.gm-side-social { margin-top: auto; display: flex; gap: 16px; justify-content: center; padding: 16px 0 6px; border-top: 1px solid rgba(212,175,55,.14); }
.gm-side-social a { color: var(--gold, #d4af37); font-size: 19px; transition: transform .15s ease; }
.gm-side-social a:hover { transform: translateY(-2px); }
.gm-side-toggle, .gm-side-overlay { display: none; }
/* ust duyuru seridi (guncel adres) */
.gm-topbar-announce { position: fixed; top: 0; left: 0; right: 0; height: 30px; z-index: 1001; overflow: hidden; display: flex; align-items: center; background: linear-gradient(90deg,#8a5a08,#f0c850 50%,#8a5a08); color: #18120a; }
.gm-announce-track { white-space: nowrap; font: 700 12.5px/1 'Inter', sans-serif; letter-spacing: .2px; animation: gm-marquee 26s linear infinite; }
.gm-announce-track i { margin-right: 6px; }
@keyframes gm-marquee { from { transform: translateX(100%); } to { transform: translateX(-100%); } }

/* topbar: tam genislik dolu bar (kesisme/overlap fix), icerik altina */
.gm-sidebar-layout .topbar {
  position: fixed !important; top: 30px !important; left: 0 !important; right: 0 !important;
  width: 100% !important; height: 64px !important; margin: 0 !important;
  background: #001a0b !important; border-radius: 0 !important;
  border-bottom: 1px solid rgba(212,175,55,.25) !important; z-index: 1000 !important;
  display: flex !important; align-items: center !important;
}
.gm-sidebar-layout .topbar.scrolled { width: 100% !important; max-width: none !important; left: 0 !important; right: 0 !important; margin: 0 !important; border-radius: 0 !important; transform: none !important; }
.gm-sidebar-layout .topbar-row { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 22px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 14px !important; }
.gm-sidebar-layout .auth-links { margin-left: auto !important; }
.gm-quick-icons { display: flex; gap: 8px; align-items: center; }
.gm-qi { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; color: #18120a; background: linear-gradient(135deg,#f0c850,#d4af37 60%,#8a5a08); font-size: 17px; text-decoration: none; transition: transform .15s ease, box-shadow .2s ease; }
.gm-qi:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(212,175,55,.4); }
.gm-sidebar-layout .brand img { width: auto !important; max-height: 44px !important; }
.gm-sidebar-layout .page-shell { margin: 94px 0 18px 0 !important; padding: 16px 20px 18px 252px !important; width: auto !important; max-width: none !important; box-sizing: border-box !important; }
.gm-sidebar-layout .gm-wire > * { max-width: 1040px !important; margin-left: auto !important; margin-right: auto !important; }
.gm-sidebar { top: 94px; height: calc(100vh - 94px); }
.gm-sidebar-layout .site-footer { padding-left: 232px; box-sizing: border-box; }
.gm-sidebar-layout .live-winner-ticker { left: 232px !important; }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
  .bg-aurora::after { opacity: .48; background-position: center top; }
  .gm-bottombar { display: flex; }
  .gm-wire { padding-bottom: 78px; }            /* alt bar için boşluk */
  .gm-hero-row { display: block; }   /* mobilde flex degil blok — slider yuksekligi cark'a bagli kalmasin */
  .gm-hero-row .gm-slider { flex: none; }
  .gm-slider { aspect-ratio: 16 / 6; border-radius: 12px; width: 100%; min-height: 90px; }   /* banner 1280x479 (~2.67) ile ayni oran -> kirpilmaz */
  .gm-cark { display: none; }   /* mobilde cark gizli — slider hero olsun */
  .gm-cats4 { grid-template-columns: repeat(2, 1fr); gap: 12px; width: 100%; max-width: none; margin: 0; }  /* 2x2, tam genislik (daha buyuk) */
  .gm-cat-glow { inset: -2px; }
  .gm-cat-glow::before { filter: blur(4px); }   /* mobilde glow toparla */
  .gm-row { grid-template-columns: repeat(3, 1fr); }               /* 3x2 (6 oyun) */
  .gm-sidebar { top: 0; height: 100vh; padding-top: 100px; transform: translateX(-100%); transition: transform .25s ease; z-index: 1200; }
  .gm-sidebar.open { transform: translateX(0); }
  .gm-sidebar-layout .page-shell { padding: 14px 12px 84px 12px !important; }
  .gm-side-toggle { display: inline-flex; align-items: center; justify-content: center; position: fixed; top: 40px; left: 11px; z-index: 1300; width: 38px; height: 38px; border-radius: 9px; background: rgba(0,26,11,.92); border: 1px solid rgba(212,175,55,.4); color: var(--gold, #d4af37); font-size: 17px; cursor: pointer; }
  .gm-side-overlay.show { display: block; position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 1100; }
  .gm-sidebar-layout .site-footer { padding-left: 0 !important; }
  .gm-sidebar-layout .live-winner-ticker { left: 0 !important; }
  .gm-sidebar-layout .topbar-row { padding-left: 58px !important; }   /* hamburger icin yer */
  .gm-quick-icons { display: none !important; }   /* mobilde gizle (footer'da var) */
}
@media (min-width: 769px) {
  .gm-bottombar { display: none; }
  .gm-row { grid-template-columns: repeat(6, 1fr); }               /* tek satır 6 */
}