/* Atom Casino Affiliate Site Styles */
:root {
  --clr-primary: #7f45df;
  --clr-secondary: #34e5d8;
  --clr-bg: #1a0b2e;
  --clr-header: #100b14;
  --clr-text: #e8e8e8;
  --clr-text-muted: #9b9b9b;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Orbitron', monospace;
  background-color: var(--clr-bg);
  color: var(--clr-text);
  line-height: 1.6;
  overflow-x: hidden;
}

.qx7p3m { display: none; }
.wp-block-column { display: none; }
.elementor-widget-wrap { display: none; }

img { max-width: 100%; height: auto; }

.xk9d2n {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 20px;
  display: none;
}

/* Header */
.v4k2j9 {
  background-color: var(--clr-header);
  padding: 15px 0;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.j8n3k1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; align-items: center; padding: 0 20px; }

.m2p9x7 { display: flex; align-items: center; gap: 10px; }

.m2p9x7 img { height: 50px; width: auto; }

.z5t8q3 { display: flex; gap: 15px; flex-wrap: wrap; align-items: center; justify-content: flex-end; }

.l9h4n2, .r6m3k8 { padding: 12px 28px; text-decoration: none; border-radius: 25px; font-weight: bold; transition: all 0.3s ease; display: inline-block; border: none; cursor: pointer; font-size: 14px; }

.l9h4n2 { background-color: var(--clr-primary); color: white; }
.l9h4n2:hover { background-color: #6a35c9; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(127, 69, 223, 0.4); }

.r6m3k8 { background-color: var(--clr-secondary); color: #1a0b2e; }
.r6m3k8:hover { background-color: #2bc9bb; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(52, 229, 216, 0.4); }

.b3p7x9 { display: none; background: none; border: none; cursor: pointer; flex-direction: column; gap: 5px; }
.b3p7x9 span { display: block; width: 25px; height: 3px; background-color: var(--clr-text); transition: 0.3s; }

.q1w5e8 { color: var(--clr-text-muted); font-size: 13px; }
.q1w5e8 span { color: var(--clr-secondary); font-weight: bold; }

/* Hero Section */
.n8v2m6 {
  background: linear-gradient(rgba(26, 11, 46, 0.7), rgba(26, 11, 46, 0.7)), url('/banner.jpg') center/cover;
  padding: 100px 20px;
  text-align: center;
  border-radius: 15px;
  margin: 30px 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.n8v2m6 h1 {
  font-size: 48px;
  margin-bottom: 20px;
  color: var(--clr-secondary);
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  animation: fadeInDown 1s ease-out;
}

.n8v2m6 p {
  font-size: 20px;
  margin-bottom: 30px;
  color: var(--clr-text);
}

/* Content Sections */
.k7y3p1 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.s9d2f6 {
  background-color: rgba(16, 11, 20, 0.6);
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  border: 1px solid rgba(127, 69, 223, 0.2);
}

.s9d2f6 h2 {
  color: var(--clr-secondary);
  margin-bottom: 25px;
  font-size: 32px;
  border-bottom: 2px solid var(--clr-primary);
  padding-bottom: 10px;
}

/* Table */
.f4h8j2 {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  background-color: rgba(26, 11, 46, 0.8);
  overflow-x: auto;
  display: block;
}

.f4h8j2 th, .f4h8j2 td {
  padding: 15px;
  text-align: left;
  border: 1px solid rgba(127, 69, 223, 0.3);
}

.f4h8j2 th {
  background-color: var(--clr-primary);
  color: white;
  font-weight: bold;
}

.f4h8j2 tr:nth-child(even) {
  background-color: rgba(16, 11, 20, 0.5);
}

.f4h8j2 tr:hover {
  background-color: rgba(127, 69, 223, 0.1);
}

/* Screenshots */
.c2x8v5 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin: 20px 0;
}

.c2x8v5 img {
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;
}

.c2x8v5 img:hover {
  transform: scale(1.05);
}

/* Winners */
.w1q9m4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px;
  margin: 20px 0;
}

.t8j3n6 {
  background: linear-gradient(135deg, rgba(127, 69, 223, 0.2), rgba(52, 229, 216, 0.2));
  padding: 15px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 4px solid var(--clr-secondary);
  transition: all 0.3s ease;
}

.t8j3n6:hover {
  transform: translateX(5px);
  box-shadow: 0 5px 15px rgba(52, 229, 216, 0.3);
}

.t8j3n6 .p7l2k9 { font-weight: bold; color: var(--clr-text); }
.t8j3n6 .a5m8x3 { color: var(--clr-secondary); font-weight: bold; font-size: 18px; }

/* Video */
.y4r9h1 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 10px;
  margin: 20px 0;
}

.y4r9h1 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px;
}

/* Wheel Game */
.g8x3q2 {
  text-align: center;
  padding: 40px;
  background: linear-gradient(135deg, rgba(127, 69, 223, 0.1), rgba(52, 229, 216, 0.1));
  border-radius: 15px;
  margin: 30px 0;
}

.h6n2p9 {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 30px auto;
}

.v9k4j7 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 8px solid var(--clr-primary);
  position: relative;
  transition: transform 3s cubic-bezier(0.25, 0.1, 0.25, 1);
  background: conic-gradient(
    #34e5d8 0deg 45deg,
    #7f45df 45deg 90deg,
    #34e5d8 90deg 135deg,
    #7f45df 135deg 180deg,
    #34e5d8 180deg 225deg,
    #7f45df 225deg 270deg,
    #34e5d8 270deg 315deg,
    #7f45df 315deg 360deg
  );
  box-shadow: 0 0 20px rgba(127, 69, 223, 0.5);
}

.x2m7p4 {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 25px solid var(--clr-secondary);
  z-index: 10;
}

.d3q8n1 {
  padding: 15px 40px;
  background-color: var(--clr-secondary);
  color: #1a0b2e;
  border: none;
  border-radius: 25px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 20px;
}

.d3q8n1:hover {
  background-color: #2bc9bb;
  transform: scale(1.05);
}

.d3q8n1:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.l5b9x2 {
  margin-top: 30px;
  padding: 20px;
  background-color: rgba(52, 229, 216, 0.2);
  border-radius: 10px;
  display: none;
}

.l5b9x2.p4j7k3 {
  display: block;
  animation: fadeIn 0.5s ease;
}

/* FAQ */
.z7k2m5 {
  margin: 20px 0;
}

.o9p3x6 {
  background-color: rgba(16, 11, 20, 0.6);
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(127, 69, 223, 0.2);
}

.r4n8j1 {
  width: 100%;
  padding: 20px;
  background-color: transparent;
  color: var(--clr-text);
  border: none;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
  font-family: 'Orbitron', monospace;
}

.r4n8j1:hover {
  background-color: rgba(127, 69, 223, 0.2);
}

.r4n8j1::after {
  content: '+';
  font-size: 24px;
  color: var(--clr-secondary);
  transition: transform 0.3s ease;
}

.r4n8j1.m5x2q8::after {
  transform: rotate(45deg);
}

.q6w9p7 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0 20px;
}

.q6w9p7.m5x2q8 {
  max-height: 500px;
  padding: 20px;
}

/* Footer */
.e3h7n2 {
  background-color: var(--clr-header);
  padding: 40px 20px 20px;
  margin-top: 50px;
  border-top: 3px solid var(--clr-primary);
}

.b8k5m1 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  margin-bottom: 30px;
}

.n3p9x4 h3 {
  color: var(--clr-secondary);
  margin-bottom: 15px;
}

.n3p9x4 ul {
  list-style: none;
}

.n3p9x4 ul li {
  margin-bottom: 10px;
}

.n3p9x4 ul li a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
}

.n3p9x4 ul li a:hover {
  color: var(--clr-secondary);
}

.j2v8k6 {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

.j2v8k6 img {
  height: 40px;
  width: auto;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.j2v8k6 img:hover {
  opacity: 1;
}

.c9m4x7 {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid rgba(127, 69, 223, 0.3);
  color: var(--clr-text-muted);
  font-size: 14px;
}

/* Sticky Widget */
.w3n7k5 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary));
  padding: 15px;
  box-shadow: 0 -5px 20px rgba(0,0,0,0.5);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  animation: slideUp 0.5s ease;
}

.w3n7k5 .f9x2m8 {
  color: white;
  font-size: 18px;
  font-weight: bold;
}

.w3n7k5 .r6m3k8 {
  background-color: white;
  color: var(--clr-primary);
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Mobile Slider */
.m7k3x9 {
  display: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.m7k3x9 img {
  scroll-snap-align: start;
  min-width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
  .b3p7x9 {
    display: flex;
  }
  
  .z5t8q3 {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 70px;
    right: 20px;
    background-color: var(--clr-header);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
  }
  
  .z5t8q3.active {
    display: flex;
  }
  
  .n8v2m6 h1 {
    font-size: 32px;
  }
  
  .c2x8v5 {
    display: none;
  }
  
  .m7k3x9 {
    display: flex;
  }
  
  .f4h8j2 {
    font-size: 14px;
  }
  
  .h6n2p9 {
    width: 250px;
    height: 250px;
  }
  
  .w3n7k5 {
    flex-direction: column;
    gap: 10px;
  }
}


/* базові */
.header{
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(10,10,14,.78);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.header__container{
    max-width: 1100px;
    margin: 0 auto;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.header__logo img{ display:block; height:auto; border-radius: 10px; }

/* онлайн */
.header__online{
    color: rgba(255,255,255,.85);
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    white-space: nowrap;
}
.header__online span{ font-weight: 700; }

/* меню */
.header__nav{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 18px;
}
.header__nav a{
    color: rgba(255,255,255,.86);
    text-decoration: none;
    font-size: 14px;
}
.header__nav a:hover{ color: #fff; }

/* кнопки */
.header__actions{
    display:flex;
    align-items:center;
    gap: 10px;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    font-weight: 700;
    text-decoration:none;
    font-size: 14px;
    white-space: nowrap;
    border: 1px solid transparent;
}

.btn--primary{
    background: linear-gradient(90deg, #22c3ff, #7a5cff);
    color: #0b0b12;
}
.btn--ghost{
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: #fff;
}

/* бургер */
.burger{
    width: 44px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    display: none;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
    cursor: pointer;
}
.burger span{
    width: 18px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: transform .2s, opacity .2s;
}

/* mobile menu container */
.mobile{
    display: none;
    border-top: 1px solid rgba(255,255,255,.08);
}

.mobile__inner{
    max-width: 1100px;
    margin: 0 auto;
    padding: 12px 16px 16px;
}

.mobile__nav{
    display:flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
}
.mobile__nav a{
    color:#fff;
    text-decoration:none;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
}
.mobile__actions{
    display:flex;
    gap: 10px;
}

/* стан відкрито */
.header.is-open .mobile{
    display: block;
}
.header.is-open .burger span:nth-child(1){
    transform: translateY(7px) rotate(45deg);
}
.header.is-open .burger span:nth-child(2){
    opacity: 0;
}
.header.is-open .burger span:nth-child(3){
    transform: translateY(-7px) rotate(-45deg);
}

/* адаптація */
@media (max-width: 992px){
    .header__nav{ display:none; }
    .burger{ display:flex; }
    .header__online{ display:none; } /* якщо хочеш — прибери */
}

@media (max-width: 420px){
    .btn{ height: 38px; padding: 0 12px; font-size: 13px; }
}

/* WP Styles (unused but for uniqueness) */
.wp-block-image { display: block; }
.wp-block-gallery { display: grid; }
.has-text-align-center { text-align: center; }
.aligncenter { margin: 0 auto; }
.elementor-section { padding: 20px; }
.yoast-schema-graph { display: none; }