/* Aurora Casino global template */
:root {
  --aur-gold: #d8c08a;
  --aur-text: #dce6f0;
  --aur-muted: #a9bccf;
  --aur-bg: #0a1420;
}

*, *::before, *::after { box-sizing: border-box; }

html, body { margin: 0; padding: 0; background: var(--aur-bg); }

body.aur-body {
  font-family: 'Space Grotesk', sans-serif;
  color: var(--aur-text);
}

.aur-page {
  min-height: 100vh;
  background-image: url('/wp-content/uploads/assets/background.webp');
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  background-color: #0e1a2b;
}

a { color: var(--aur-gold); text-decoration: none; cursor: pointer; }
a:hover { color: #f0e3c2; }

.noscroll { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
.noscroll::-webkit-scrollbar { display: none; }

.aur-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 6px clamp(16px, 3vw, 40px);
  background: linear-gradient(180deg, rgba(8,16,28,.86) 0%, rgba(8,16,28,0) 100%);
}

.aur-burger {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  width: 44px;
  height: 44px;
  margin-right: 4px;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(216,192,138,.35);
  border-radius: 4px;
  padding: 0;
}

.aur-burger span {
  display: block;
  width: 18px;
  height: 1.5px;
  background: var(--aur-gold);
}

.aur-logo-link { width: clamp(88px, 8vw, 112px); flex: none; margin-right: auto; }

.aur-logo, .aur-drawer-logo, .aur-footer-logo {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.aur-footer-logo {
  width: 58px;
  margin: 0 auto;
  opacity: .95;
}

.aur-auth { display: flex; align-items: center; gap: 8px; }

.aur-btn {
  border: 0 solid transparent;
  cursor: pointer;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-family: 'Cinzel', serif;
  font-weight: 600;
  letter-spacing: .06em;
  transition: filter .12s ease;
}

.aur-btn:hover { filter: brightness(1.15); }

.aur-btn--blue {
  padding: 0 clamp(22px, 2.2vw, 34px);
  min-width: 80px;
  height: 40px;
  font-size: 15px;
  color: #eaf2f8;
  border-image: url('/wp-content/uploads/assets/btn-blue.png') 62 fill / 22px stretch;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.aur-btn--green {
  padding: 0 clamp(22px, 2.2vw, 34px);
  min-width: 86px;
  height: 40px;
  font-size: 15px;
  font-weight: 700;
  color: #f4e9cd;
  border-image: url('/wp-content/uploads/assets/btn-green.png') 66 fill / 24px stretch;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.aur-btn--hero {
  padding: 0 clamp(24px, 2.6vw, 44px);
  min-width: clamp(150px, 17vw, 226px);
  height: clamp(46px, 4.6vw, 62px);
  font-size: clamp(15px, 1.35vw, 20px);
  font-weight: 700;
  letter-spacing: .08em;
  color: #f6ecd2;
  border-image: url('/wp-content/uploads/assets/btn-green.png') 66 fill / clamp(22px, 2vw, 30px) stretch;
  text-shadow: 0 1px 3px rgba(0,0,0,.7);
}

.aur-btn--block { flex: 1 1 auto; width: 100%; height: 46px; padding: 0 16px; font-size: 15px; }

.aur-hero { position: relative; width: 100%; overflow: hidden; }

.aur-hero-img {
  display: block;
  width: 100%;
  height: auto;
}

.aur-hero-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8,16,28,.78) 0%, rgba(8,16,28,.34) 40%, rgba(8,16,28,0) 62%);
}

.aur-hero-inner {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: min(46%, 620px);
  padding-left: clamp(16px, 4vw, 56px);
  gap: clamp(14px, 2.4vw, 28px);
}

.aur-hero-title {
  margin: 0;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: clamp(22px, 3.6vw, 56px);
  line-height: 1.08;
  letter-spacing: .01em;
  color: #f2f7fb;
  text-wrap: pretty;
  text-shadow: 0 2px 18px rgba(0,0,0,.7);
}

.aur-nav-desktop {
  display: flex;
  gap: clamp(20px, 3vw, 46px);
  align-items: center;
  justify-content: center;
  overflow-x: auto;
  padding: 14px clamp(16px, 3vw, 40px);
  border-bottom: 1px solid rgba(216,192,138,.16);
}

.aur-main-nav {
  display: flex;
  gap: clamp(20px, 3vw, 46px);
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.aur-main-link {
  flex: none;
  font-family: 'Cinzel', serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #c3d2e2;
  white-space: nowrap;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
}

.aur-main-link:hover { color: #f0e3c2; border-bottom-color: var(--aur-gold); }

.aur-nav-slot--mobile .aur-main-nav {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.aur-nav-slot--mobile .aur-main-link {
  display: flex;
  align-items: center;
  min-height: 48px;
  font-size: 16px;
  letter-spacing: .08em;
  color: var(--aur-text);
  border-bottom: 1px solid rgba(255,255,255,.06);
  border-bottom-width: 1px;
}

.aur-section { padding: clamp(32px, 5vw, 64px) clamp(16px, 3vw, 40px) 0; }

.aur-section--last { padding-bottom: clamp(48px, 7vw, 96px); }

.aur-wrap { max-width: 1360px; margin: 0 auto; }

.aur-wrap--narrow { max-width: 1040px; }

.aur-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}

.aur-section-title {
  margin: 0 0 20px;
  font-family: 'Cinzel', serif;
  font-size: clamp(20px, 2.2vw, 32px);
  font-weight: 700;
  letter-spacing: .04em;
  color: #f2f7fb;
}

.aur-section-head .aur-section-title { margin-bottom: 0; }

.aur-carousel-nav { display: flex; gap: 10px; }

.aur-arrow {
  cursor: pointer;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(216,192,138,.4);
  background: rgba(10,20,34,.6);
  color: var(--aur-gold);
  font-size: 18px;
  line-height: 1;
  border-radius: 4px;
}

.aur-arrow:hover { background: rgba(216,192,138,.16); color: #f0e3c2; }

.aur-slots-track {
  --per: 5;
  --gap: clamp(12px, 1.6vw, 24px);
  display: flex;
  gap: var(--gap);
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 4px 0;
}

.aur-slot-frame {
  --fw: clamp(26px, 2.6vw, 38px);
  --fp: clamp(30px, 3vw, 44px);
  flex: none;
  width: calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));
  border: 0 solid transparent;
  border-image: url('/wp-content/uploads/assets/frame.png') 96 fill / var(--fw) stretch;
  padding: calc(var(--fp) + 2px) var(--fp);
}

.aur-slot-frame--jack { width: 100%; }

.aur-game-hit {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  aspect-ratio: 3 / 4;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(216,192,138,.28);
  background: #0b1523;
}

.aur-game-hit:hover { border-color: rgba(216,192,138,.75); }

.aur-game-hit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aur-content-panel {
  background: rgba(9,17,29,.72);
  border: 1px solid rgba(216,192,138,.2);
  border-radius: 8px;
  padding: clamp(24px, 3.4vw, 52px);
}

.aur-orn--panel {
  display: block;
  width: 46px;
  height: auto;
  margin: 0 auto 20px;
  opacity: .9;
}

.aur-content {
  font-size: 16px;
  line-height: 1.7;
  color: var(--aur-muted);
  text-wrap: pretty;
}

.aur-content h2, .aur-content h3 {
  font-family: 'Cinzel', serif;
  letter-spacing: .04em;
  color: #f2f7fb;
}

.aur-content a { color: var(--aur-gold); }

.aur-content table { width: 100%; border-collapse: collapse; margin: 16px 0; }

.aur-content th,
.aur-content td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  text-align: left;
}

.aur-content-cta { margin-top: 28px; text-align: center; }

.aur-jack-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
  gap: clamp(16px, 2.4vw, 32px);
}

.aur-jack-col { display: flex; flex-direction: column; align-items: center; gap: 12px; }

.aur-jack-bar {
  width: 100%;
  height: clamp(52px, 5vw, 68px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('/wp-content/uploads/assets/bar-blue.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.aur-jack-amount {
  font-family: 'JetBrains Mono', monospace;
  font-size: clamp(17px, 1.55vw, 24px);
  font-weight: 500;
  letter-spacing: .01em;
  white-space: nowrap;
  color: #f4e9cd;
  text-shadow: 0 1px 4px rgba(0,0,0,.7);
}

.aur-prov-row, .aur-pay-row {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding: 4px 0;
}

.aur-prov-item {
  flex: none;
  width: 176px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border: 1px solid rgba(216,192,138,.18);
  border-radius: 6px;
  background: rgba(255,255,255,.05);
}

.aur-prov-item:hover { background: rgba(255,255,255,.1); border-color: rgba(216,192,138,.5); }

.aur-prov-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1) opacity(.88);
}

.aur-pay-item {
  flex: none;
  width: 148px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border: 1px solid rgba(216,192,138,.18);
  border-radius: 6px;
  background: rgba(255,255,255,.07);
}

.aur-pay-item:hover { background: rgba(255,255,255,.12); border-color: rgba(216,192,138,.5); }

.aur-pay-item img { max-width: 100%; max-height: 100%; object-fit: contain; }

.aur-footer {
  background: #0b1524;
  border-top: 1px solid rgba(216,192,138,.22);
  padding: clamp(32px, 4vw, 56px) clamp(16px, 3vw, 40px) 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.aur-nav-slot--footer .aur-footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 11px;
}

.aur-footer-link {
  font-family: 'Cinzel', serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #c3d2e2;
}

.aur-footer-link:hover { color: #f0e3c2; }

.aur-footer-rule {
  width: 100%;
  max-width: 560px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216,192,138,.45), transparent);
}

.aur-footer-age {
  margin: 0;
  font-family: 'Cinzel', serif;
  font-size: clamp(14px, 1.3vw, 17px);
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--aur-gold);
}

.aur-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(4,10,18,.72);
}

.aur-drawer-backdrop[hidden] { display: none !important; }

.aur-drawer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(82vw, 320px);
  background: #0b1524;
  border-right: 1px solid rgba(216,192,138,.3);
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  animation: aurDrawerIn .25s cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes aurDrawerIn {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

.aur-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.aur-drawer-logo { width: 84px; }

.aur-drawer-close {
  width: 44px;
  height: 44px;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(216,192,138,.35);
  border-radius: 4px;
  color: var(--aur-gold);
  font-size: 20px;
  line-height: 1;
}

.aur-drawer-auth {
  margin-top: auto;
  display: flex;
  gap: 10px;
}

@media (max-width: 768px) {
  table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .aur-burger { display: flex; }

  .aur-logo-desktop { display: none; }

  .aur-nav-desktop { display: none; }

  .aur-auth {
    flex: 1;
    justify-content: center;
    gap: 12px;
  }

  .aur-auth .aur-btn--blue { display: none; }

  .aur-auth .aur-btn {
    width: auto;
    min-width: 0;
    padding: 0 34px;
    height: 44px;
    font-size: 14px;
    letter-spacing: .05em;
  }

  .aur-slots-track { --per: 2.15; --gap: 10px; }

  .aur-slot-frame { --fw: 15px; --fp: 19px; }

  .aur-jack-grid {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 6px;
  }

  .aur-jack-col { flex: none; width: 62%; }

  .aur-hero-img {
    height: 340px;
    object-fit: cover;
    object-position: 82% 20%;
  }

  .aur-hero-fade {
    background: linear-gradient(100deg, rgba(8,16,28,.9) 0%, rgba(8,16,28,.6) 46%, rgba(8,16,28,.1) 78%);
  }

  .aur-hero-inner {
    max-width: 74%;
    padding-left: 18px;
    gap: 16px;
  }

  .aur-orn--panel { display: none; }

  .aur-prov-item { width: 132px; height: 68px; padding: 12px; }

  .aur-pay-item { width: 112px; height: 62px; padding: 12px; }
}

@media (max-width: 380px) {
  .aur-auth { gap: 6px; }
  .aur-header { padding-left: 10px; padding-right: 10px; }
  .aur-auth .aur-btn { padding: 0 26px; font-size: 12px; }
}