@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --wb-bg: #080909;
  --wb-surface: #151817;
  --wb-surface-2: #1c1f1d;
  --wb-border: #3b3525;
  --wb-gold: #d9a93a;
  --wb-gold-light: #f2ca63;
  --wb-text: #f5f5f5;
  --wb-muted: #929292;
}

html { scrollbar-width: thin; scrollbar-color: #8f712c #0b0d0b; }
html, body { background: var(--wb-bg) !important; color: var(--wb-text); font-family: Manrope, Inter, Arial, sans-serif !important; }
::selection { background: var(--wb-gold-light); color: #111; }

@media (min-width: 768px) {
  ::-webkit-scrollbar { width: 11px; height: 11px; }
  ::-webkit-scrollbar-track { background: #0b0d0b; border-left: 1px solid rgba(217,169,58,.1); }
  ::-webkit-scrollbar-thumb { min-height: 48px; border: 3px solid #0b0d0b; border-radius: 999px; background: linear-gradient(#b28b32,#76591e); }
  ::-webkit-scrollbar-thumb:hover { background: linear-gradient(var(--wb-gold-light),var(--wb-gold)); }
}

/* Footer'ın ekran altında kilitlenmesini engeller. */
body.app-body { display: block !important; height: auto !important; min-height: 100dvh !important; overflow-x: hidden !important; overflow-y: auto !important; }
[data-wolt-shell] { display: flex !important; flex-direction: column !important; min-height: 100dvh !important; height: auto !important; overflow: visible !important; }
[data-wolt-shell] > footer { margin-top: auto; flex-shrink: 0; }

/* Header */
header { background: rgba(8,9,9,.96) !important; border-bottom: 1px solid rgba(217,169,58,.18) !important; backdrop-filter: blur(16px); }
header::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; background: linear-gradient(90deg,transparent,rgba(242,202,99,.6),transparent); }
@media (min-width: 1024px) {
  header .container { max-width: 1440px; padding-right: 28px; padding-left: 28px; }
  header .container > div { min-height: 74px; }
  header nav > nav > ul { gap: 4px !important; }
  header nav > nav > ul > li > a { height: 38px !important; padding: 0 12px !important; border: 1px solid transparent !important; border-radius: 9px; color: #d8d8d8 !important; font-size: 11px; font-weight: 800; letter-spacing: .05em; }
  header nav > nav > ul > li > a:hover { border-color: rgba(242,202,99,.26) !important; background: rgba(217,169,58,.1); color: var(--wb-gold-light) !important; }
  header nav > nav > ul > li:first-child > a::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 99px; background: #ef4444; box-shadow: 0 0 10px #ef4444; }
}

/* Oyun bölümleri */
main section.my-12 h3 { color: var(--wb-text) !important; font-weight: 800 !important; }
main section.my-12 h3 [class~="bg-purple-500"] { background: linear-gradient(var(--wb-gold-light),var(--wb-gold)) !important; box-shadow: 0 0 14px rgba(217,169,58,.45); }
main section.my-12 h3 + a:hover { color: var(--wb-gold-light) !important; }
main a.group[href*="/casino/game/"] { gap: 9px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
main a.group[href*="/casino/game/"] > div:first-child { border: 1px solid rgba(217,169,58,.2) !important; border-radius: 12px !important; background: #121412 !important; box-shadow: 0 8px 18px rgba(0,0,0,.22); }
main a.group[href*="/casino/game/"]:hover > div:first-child { border-color: rgba(242,202,99,.72) !important; box-shadow: 0 14px 28px rgba(0,0,0,.38),0 0 0 3px rgba(217,169,58,.08); transform: translateY(-4px); }
main a.group[href*="/casino/game/"] > div:first-child > div:last-child { background: rgba(8,9,9,.62) !important; backdrop-filter: blur(3px); }
main a.group[href*="/casino/game/"] button { width: 44px !important; height: 44px !important; border: 1px solid rgba(255,237,178,.58) !important; background: linear-gradient(135deg,var(--wb-gold-light),var(--wb-gold)) !important; color: #111 !important; }
main a.group[href*="/casino/game/"] > div:last-child > p:first-child { color: #f1f1ec !important; font-size: 12px !important; font-weight: 800 !important; }
main a.group[href*="/casino/game/"] > div:last-child > p:last-child { color: #a99c77 !important; font-size: 9px !important; font-weight: 700; letter-spacing: .08em; }

/* Footer */
footer { position: relative; overflow: hidden; background: radial-gradient(circle at 16% 0%,rgba(217,169,58,.12),transparent 27%),linear-gradient(#10110f,#070807 58%,#040404) !important; border-top: 1px solid var(--wb-border) !important; }
footer::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient(90deg,transparent,var(--wb-gold),transparent); }
.wolt-footer-intro { display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-bottom: 38px; padding: 0 0 26px; border-bottom: 1px solid rgba(217,169,58,.16); }
.wolt-footer-brand { display: flex; align-items: center; gap: 15px; }
.wolt-footer-brand img { width: auto; max-width: 180px; height: 48px; object-fit: contain; }
.wolt-footer-brand strong { display: block; color: var(--wb-gold-light); font-size: 14px; font-weight: 800; letter-spacing: .035em; }
.wolt-footer-brand p { max-width: 490px; margin: 4px 0 0; color: var(--wb-muted); font-size: 12px; line-height: 1.6; }
footer a.wolt-footer-cta, footer a.wolt-footer-cta:hover { flex: 0 0 auto; padding: 11px 16px; border: 1px solid rgba(255,237,178,.42); border-radius: 10px; background: linear-gradient(135deg,var(--wb-gold-light),var(--wb-gold)); color: #111 !important; font-size: 12px; font-weight: 800; letter-spacing: .03em; text-decoration: none; }
footer a.wolt-footer-cta:hover { filter: brightness(1.08); transform: translateY(-2px); }
footer h4 { margin-bottom: 16px !important; color: var(--wb-text) !important; font-size: 13px; font-weight: 800 !important; letter-spacing: .03em; }
footer h4 > span.text-xl { display: none; }
footer h4::after { content: ""; display: block; width: 26px; height: 2px; margin-top: 9px; border-radius: 99px; background: var(--wb-gold); }
footer [data-wolt-footer-col] > nav:not(.wolt-footer-links) { display: none !important; }
footer .wolt-footer-links { display: block !important; }
footer .wolt-footer-links ul { display: grid; gap: 7px; margin: 0; padding: 0; }
footer .wolt-footer-links a { color: #a8aaa8 !important; font-size: 13px !important; line-height: 1.45; text-decoration: none; }
footer .wolt-footer-links a:hover { color: var(--wb-gold-light) !important; }
footer [class*="border-t"] { border-color: rgba(217,169,58,.15) !important; }
footer .w-12.h-12.rounded-xl { border: 1px solid rgba(217,169,58,.22); background: rgba(217,169,58,.1) !important; }
footer .w-12.h-12.rounded-xl svg { color: var(--wb-gold-light) !important; }

/* Canlı destek */
button[title="Bahis Öner"] { display: none !important; }
[data-wolt-support-toggle] { background: linear-gradient(135deg,var(--wb-gold-light),var(--wb-gold)) !important; border: 1px solid rgba(255,237,178,.7) !important; box-shadow: 0 12px 28px rgba(0,0,0,.38),0 0 0 4px rgba(217,169,58,.1) !important; }
[data-wolt-support-toggle] svg { color: #111 !important; stroke-width: 2.4; }
[data-wolt-live-support-panel] { border: 1px solid rgba(217,169,58,.42) !important; border-radius: 18px !important; background: #101211 !important; box-shadow: 0 24px 70px rgba(0,0,0,.55),0 0 0 4px rgba(217,169,58,.08) !important; }
[data-wolt-live-support-panel] > div:first-child { border-bottom: 1px solid rgba(242,202,99,.24); background: linear-gradient(135deg,#2a2414,#141611) !important; }
[data-wolt-live-support-panel] > div:first-child .w-10.h-10 { border: 1px solid rgba(255,237,178,.55); background: linear-gradient(135deg,var(--wb-gold-light),var(--wb-gold)) !important; }
[data-wolt-live-support-panel] > div:first-child .w-10.h-10 svg { color: #111 !important; }
[data-wolt-live-support-panel] > .flex-1, [data-wolt-live-support-panel] > .p-4.border-t { background: #101211 !important; }
[data-wolt-live-support-panel] > .p-4.border-t { border-color: rgba(217,169,58,.24) !important; }
[data-wolt-live-support-panel] h4 { color: var(--wb-text) !important; }
[data-wolt-live-support-panel] p.text-gray-500 { color: var(--wb-muted) !important; }
[data-wolt-live-support-panel] input { border-color: var(--wb-border) !important; background: #171a17 !important; color: var(--wb-text) !important; }
[data-wolt-live-support-panel] input::placeholder { color: #737571 !important; }
[data-wolt-live-support-panel] .bg-amber-50 { border-color: rgba(217,169,58,.28) !important; background: rgba(217,169,58,.1) !important; }
[data-wolt-live-support-panel] .bg-amber-50 p { color: var(--wb-gold-light) !important; font-weight: 700; }
[data-wolt-live-support-panel] button[title] { color: #a8aaa8 !important; }
[data-wolt-live-support-panel] button[title]:hover { background: rgba(217,169,58,.12) !important; color: var(--wb-gold-light) !important; }
[data-wolt-live-support-panel] > .flex-1 button, [data-wolt-live-support-panel] > .p-4.border-t button:last-child { border: 1px solid rgba(255,237,178,.45) !important; background: linear-gradient(135deg,var(--wb-gold-light),var(--wb-gold)) !important; color: #111 !important; font-weight: 800 !important; }
@media (max-width: 767px) { .wolt-footer-intro { align-items: flex-start; flex-direction: column; } .wolt-footer-brand img { max-width: 155px; height: 42px; } footer a.wolt-footer-cta { width: 100%; text-align: center; } [data-wolt-live-support-panel] { border-radius: 0 !important; } }