/* Superbet Casino Custom Styles */

body {
   color: #000000;
   background-color: #ffffff;
}

a {
   color: #000000;
}

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

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

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

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

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

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

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

a:hover {
   color: #ff0000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.toc-title {
   color: #000000;
}

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

.toc-icon {
   fill: #ff0000;
}

.wp-bonus-h {
   border: 5px solid #ff0000;
   filter: drop-shadow(0px 9px 20.5px rgba(255,0,0,0.27));
}

.wp-bonus-h:before {
   background-color: rgba(255, 255, 255, 0.5);
}

.bonust-sticky-h {
   border: 5px solid #ff0000;
   filter: drop-shadow(0px 9px 20.5px rgba(255,0,0,0.27));
}

.bonust-sticky-h:before {
   background-color: rgba(255, 255, 255, 0.5);
}

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

.bonus-title {
   color: #000000;
}

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

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

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

.author-icons {
   fill: #ff0000;
}

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

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

.faq-icon {
   fill: #ff0000;
}

/* Improved FAQ Styles */
.faq-s {
   padding: 60px 0;
}

.faq-h {
   max-width: 900px;
   margin: 0 auto;
}

.faq-t h2 {
   color: #ff0000;
   font-size: 36px;
   font-weight: 900;
   margin-bottom: 40px;
}

.faq-c {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.faq-item {
   background-color: #ffffff;
   border: 2px solid #f0f0f0;
   border-radius: 12px;
   overflow: hidden;
   transition: all 0.3s ease;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.faq-item:hover {
   border-color: #ff0000;
   box-shadow: 0 4px 12px rgba(255, 0, 0, 0.1);
   transform: translateY(-2px);
}

.faq-item.active {
   border-color: #ff0000;
   box-shadow: 0 4px 16px rgba(255, 0, 0, 0.15);
}

.faq-q {
   padding: 20px 25px;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
   background-color: #ffffff;
   transition: background-color 0.3s ease;
   user-select: none;
}

.faq-q:hover {
   background-color: #fff5f5;
}

.faq-q h3 {
   color: #ff0000;
   font-size: 18px;
   font-weight: 700;
   margin: 0;
   flex: 1;
   padding-right: 20px;
   line-height: 1.4;
}

.faq-icon {
   color: #ff0000;
   font-size: 24px;
   font-weight: 300;
   width: 32px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #fff5f5;
   border-radius: 50%;
   transition: all 0.3s ease;
   flex-shrink: 0;
   line-height: 1;
}

.faq-item.active .faq-icon {
   background-color: #ff0000;
   color: #ffffff;
   transform: rotate(45deg);
}

.faq-a {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.4s ease, padding 0.3s ease;
   padding: 0 25px;
   opacity: 0;
}

.faq-item.active .faq-a {
   max-height: 2000px;
   padding: 15px 25px 25px 25px;
   opacity: 1;
   transition: max-height 0.4s ease, padding 0.3s ease, opacity 0.3s ease 0.1s;
}

.faq-a p {
   color: #333333;
   font-size: 16px;
   line-height: 1.6;
   margin: 0;
   padding: 0;
}

@media (max-width: 767px) {
   .faq-t h2 {
      font-size: 28px;
   }
   
   .faq-q {
      padding: 16px 18px;
   }
   
   .faq-q h3 {
      font-size: 16px;
      padding-right: 15px;
   }
   
   .faq-icon {
      width: 28px;
      height: 28px;
      font-size: 20px;
   }
   
   .faq-a {
      padding: 0 18px;
   }
   
   .faq-item.active .faq-a {
      padding: 12px 18px 20px 18px;
   }
   
   .faq-a p {
      font-size: 15px;
      padding: 0;
   }
}

.pros-title {
   color: #000000;
}

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

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

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

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

.big-bonus-h .bonus-title p {
   font-size: 47px;
}

.big-bonus-h .bonus-type {
   font-size: 15px;
}

.bonus-join-now {
   font-size: 25px;
}

.bonust-sticky-h .bonus-title {
   font-size: 32px;
}

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

   .big-bonus-h .bonus-title p {
      font-size: 30px;
   }

   .big-bonus-h .bonus-type {
      font-size: 15px;
   }

   .bonus-join-now {
      font-size: 20px;
   }

   .bonust-sticky-h .bonus-title {
      font-size: 18px;
   }

   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: #ff0000;
   margin-bottom: 20px;
}

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

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

.bonus-block {
   background-color: #ff0000;
   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: #000000;
   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;
   }
}