/* Superbet Casino Custom Styles */

body {
   color: #fff;
   background-color: #111114;
}

a {
   color: #fff;
}

p {
   font-size: 19px;
   color: #fff;
}

h1 {
   font-size: 50px;
   color: #fff;
   font-weight: 900;
}

h2 {
   font-size: 40px;
   color: #fff;
   font-weight: 900;
}

h3 {
   font-size: 30px;
   color: #fff;
   font-weight: 900;
}

h4 {
   font-size: 24px;
   color: #fff;
   font-weight: 900;
}

h5 {
   font-size: 22px;
   color: #fff;
   font-weight: 900;
}

h6 {
   font-size: 20px;
   color: #fff;
   font-weight: 900;
}

a:hover {
   color: #af0000;
}

.light-bg-color {
   background-color: #000;
}

.dark-bg-color {
   background-color: #000;
}

.br-15 {
   border-radius: 15px;
}

.h-l a {
   color: #fff;
}

.h-l a:hover {
   color: #af0000;
}

.current-menu-item a {
   color: #af0000;
}

.login-buttons {
   color: #ffffff;
   background-color: #af0000;
}

.login-buttons:hover {
   color: #ffffff;
   background-color: #af0000;
}

.open-menu>span {
   border-bottom: 3px solid #af0000;
}

.wp-editor thead {
   background-color: #af0000;
}

.wp-editor tbody tr:nth-child(odd) {
   background-color: #111114;
}

.wp-editor tbody tr:nth-child(even) {
   background-color: #111114;
}

.wp-editor th {
   color: #ffffff;
}

.wp-editor td {
   color: #fff;
}

.wp-editor li {
   color: #fff;
}

.wp-editor ul li:before {
   background-color: #af0000;
}

.wp-editor ol li:before {
   color: #ffffff;
   background-color: #af0000;
}

.expand-button-h button {
   color: #ffffff;
   background-color: #af0000;
}

.expand-button-h button:hover {
   background-color: #af0000;
}

.table-c:before {
   background-image: linear-gradient(0deg, #f8f8f8 0%, rgba(255,255,255,0) 100%);
}

.toc-title {
   color: #fff;
}

.toc-h li:before {
   background-color: #af0000;
}

.toc-icon {
   fill: #af0000;
}

.wp-bonus-h {}

.wp-bonus-h:before {}

.bonust-sticky-h {}

.bonust-sticky-h:before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    width: 0 !important;
}

.bonus-type {
   color: #ffffff;
   background-color: #af0000;
}

.bonus-title {
   color: #fff;
}

.join-now {
   color: #ffffff;
   background-color: #af0000;
}

.join-now:hover {
   background-color: #af0000;
}

.bonus-small-text {
   color: #af0000;
}

.author-icons {
   fill: #af0000;
}

.rating-h p {
   color: #af0000;
}

.rating-h span {
   color: #fff;
}

.faq-icon {
   fill: #af0000;
}

.pros-title {
   color: #fff;
}

.pros-c li {
   color: #fff;
}

.written-by-author {
   color: #af0000;
}

.written-by-name {
   color: #fff;
}

.footer-text p {
   color: #af0000;
}

.big-bonus-h .bonus-title p {}
.big-bonus-h .bonus-type {}
.bonus-join-now {}
.bonust-sticky-h .bonus-title {}

@media (max-width: 767px) {
   p {
      font-size: 17px;
   }

  .big-bonus-h .bonus-title p {}
  .big-bonus-h .bonus-type {}
  .bonus-join-now {}
  .bonust-sticky-h .bonus-title {}

   h1 {
      font-size: 32px;
   }

   h2 {
      font-size: 30px;
   }

   h3 {
      font-size: 26px;
   }

   h4 {
      font-size: 22px;
   }

   h5 {
      font-size: 20px;
   }

   h6 {
      font-size: 20px;
   }
}

/* Bonus Blocks Styles */
.bonus-blocks-s {
   padding: 40px 0;
}

.bonus-blocks-title {
   font-size: 48px;
   font-weight: 900;
   color: #af0000;
   margin-bottom: 20px;
}

.bonus-blocks-subtitle {
   font-size: 20px;
   color: #fff;
   margin-bottom: 0;
}

.bonus-blocks-row {
   display: flex;
   gap: 20px;
   justify-content: center;
   flex-wrap: wrap;
}

.bonus-block {
   background-color: #af0000;
   border-radius: 15px;
   padding: 20px;
   text-align: center;
   flex: 1;
   min-width: 300px;
   max-width: 350px;
   position: relative;
   overflow: hidden;
}

.bonus-block-image {
   position: relative;
   margin-bottom: 20px;
}

.bonus-block-image img {
   width: 100%;
   height: 200px;
   object-fit: cover;
   border-radius: 10px;
}

.bonus-block-content {
   position: relative;
   z-index: 2;
}

.bonus-block-amount {
   font-size: 48px;
   font-weight: 900;
   color: #ffffff;
   margin-bottom: 10px;
}

.bonus-block-description {
   font-size: 16px;
   color: #ffffff;
   margin-bottom: 20px;
   line-height: 1.4;
}

.bonus-block-button {
   background-color: #ffffff;
   color: #fff;
   border: none;
   padding: 12px 24px;
   border-radius: 8px;
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   cursor: pointer;
   transition: all 0.3s ease;
}

.bonus-block-button:hover {
   background-color: #f0f0f0;
   transform: translateY(-2px);
}

@media (max-width: 768px) {
   .bonus-blocks-row {
      flex-direction: column;
      align-items: center;
   }
   
   .bonus-block {
      max-width: 100%;
      width: 100%;
   }
   
   .bonus-blocks-title {
      font-size: 36px;
   }
   
   .bonus-blocks-subtitle {
      font-size: 18px;
   }
}

/* FAQ Accordion */
.faq-c .faq-item { margin-bottom: 10px; }
.faq-c .faq-q { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 12px 0; border-top: 1px solid #e5e5e5; }
.faq-c .faq-item:first-child .faq-q { border-top: 0; }
.faq-c .faq-q h3 { margin: 0; font-size: 22px; }
.faq-c .faq-a { display: none; padding: 8px 0 12px; }
.faq-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #af0000; color: #ffffff; font-weight: 800; line-height: 1; }

/* (hover animations removed on request) */
.bonus-inline {}

/* Image Quality Improvements */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img.resp-img,
img.bonus-inline,
.bonust-sticky-h img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

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