/* https://uzsienio-kazino.net/wp-content/themes/generatepress/style.css */
/*
Theme Name: GeneratePress
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Version: 3.6.1
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

GeneratePress, Copyright 2014-2025 EDGE22 Studios LTD.
GeneratePress is distributed under the terms of the GNU GPL

GeneratePress is based on Underscores http://underscores.me/, (C) 2012-2025 Automattic, Inc.

Actual CSS can be found in /assets/css/ folder.
*/

/* https://uzsienio-kazino.net/wp-content/themes/generatepress-child/style.css */
/**
 * Theme Name:     GeneratePress Child
 * Author:         Tom Usborne
 * Template:       generatepress
 * Text Domain:       generatepress-child
 * Description:    GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
 */

/*--------------------- Global STYLES ---------------------*/
* {
  box-sizing: border-box;
}

body {
  background-color: #000;
}

.elementor-nav-menu .elementor-item,
p,
h1,
h2,
h3,
h4,
a,
span,
div {
  font-family: "Poppins", sans-serif;
}

.main-content h1,
.main-content h1 span {
  font-size: clamp(28px, 4vw + 1rem, 41px) !important;
  font-weight: 700;
  line-height: clamp(36px, 5vw + 1rem, 53px) !important;
  color: #fff;
}

.main-content h2 {
  font-size: clamp(24px, 3vw + 0.5rem, 31px) !important;
  font-weight: 600;
  line-height: clamp(30px, 3.5vw + 0.5rem, 36px) !important;
  color: #fff;
}

.main-content h3 {
  font-size: clamp(20px, 2.5vw + 0.5rem, 24px) !important;
  font-weight: 600;
  line-height: clamp(26px, 2.5vw + 0.5rem, 24px) !important;
  color: #fff;
}

.main-content h4 {
  font-size: clamp(18px, 2vw + 0.5rem, 20px) !important;
  font-weight: 500;
  line-height: clamp(22px, 2.5vw + 0.5rem, 24px) !important;
  color: #fff;
}

.main-content h5 {
  font-size: clamp(16px, 2vw + 0.5rem, 16px) !important;
  font-weight: 400;
  line-height: clamp(22px, 2.5vw + 0.5rem, 24px) !important;
  color: #fff;
}

.main-content p,
.main-content li,
.main-content span,
.main-content td {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 24px !important;
  color: #fff;
}



a.a-style-1:hover {
  /* color: #2d2d2c !important; */
  text-decoration: none !important;
}

.a-style-1 a:hover {
  /* color: #2d2d2c !important; */
  text-decoration: none !important;
}


a.a-style-2:hover {
  /* color: #fff !important; */
  text-decoration: none !important;
}

.a-style-2 a:hover {
  /* color: #fff !important; */
  text-decoration: none !important;
}

.btn-style {
  border-radius: 8px;
}

.btn-style-2 {
  border-radius: 50px;
}

.btn-style:hover,
.btn-style-2:hover {
  background: linear-gradient(180deg, #f94fb5 0%, #c045d8 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(211, 47, 47, 0.4) !important;
}

/* -----------------------HEADER CSS------------------- */
.speles:before {
  content: "";
  /* empty, just a box */
  display: inline-block;
  width: 22px;
  /* set width */
  height: 22px;
  /* set height */
  margin-right: 8px;
  background-image: url("https://uzsienio-kazino.net/wp-content/uploads/2026/01/Tips-Tricks.svg");
  background-size: contain;
  /* or cover */
  background-repeat: no-repeat;
  vertical-align: middle;
}

.kazino:before {
  content: "";
  /* empty, just a box */
  display: inline-block;
  width: 22px;
  /* set width */
  height: 22px;
  /* set height */
  margin-right: 8px;
  background-image: url("https://uzsienio-kazino.net/wp-content/uploads/2026/01/Casino-1.svg");
  background-size: contain;
  /* or cover */
  background-repeat: no-repeat;
  vertical-align: middle;
}

.prognozes:before {
  content: "";
  /* empty, just a box */
  display: inline-block;
  width: 22px;
  /* set width */
  height: 22px;
  /* set height */
  margin-right: 8px;
  background-image: url("https://uzsienio-kazino.net/wp-content/uploads/2026/01/Slot-Machine.svg");
  background-size: contain;
  /* or cover */
  background-repeat: no-repeat;
  vertical-align: middle;
}

.blogs:before {
  content: "";
  /* empty, just a box */
  display: inline-block;
  width: 22px;
  /* set width */
  height: 22px;
  /* set height */
  margin-right: 8px;
  background-image: url("https://uzsienio-kazino.net/wp-content/uploads/2026/01/reading.webp");
  background-size: contain;
  /* or cover */
  background-repeat: no-repeat;
  vertical-align: middle;
}

.speles,
.blogs,
.prognozes,
.kazino {
  align-items: center;
  margin-left: 0px !important;
}

.menu-item>a.elementor-item {
  padding-left: 0px !important;
}

.e-search-input-wrapper::after {
  content: "";
  /* empty, just a box */
  display: inline-block;
  width: 22px;
  /* set width */
  height: 22px;
  /* set height */
  /* margin-right: 8px; */
  background-image: url("https://uzsienio-kazino.net/wp-content/uploads/2026/01/icon-2.svg");
  background-size: contain;
  /* or cover */
  background-repeat: no-repeat;
  vertical-align: middle;
}

.e-search-input-wrapper {
  flex-direction: row !important;
}

.e-search-input-wrapper input {
  width: 100%;
  max-width: 190px;
  color: #fff !important;
}

div.search-icon {
  cursor: pointer;
}

.search-icon .elementor-icon-wrapper {
  height: 20px;
}

@media (max-width: 700px) {
  .e-search-input-wrapper input {
    width: 100%;
  }
}
/* Sticky Header CSS */
header.elementor-location-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    background: #fff !important;
}
/* Notification Tilt Animation for .poka-box-open */

@keyframes notificationTilt {
  0% {
    transform: rotate(0deg);
  }

  5% {
    transform: rotate(-15deg);
  }

  10% {
    transform: rotate(15deg);
  }

  15% {
    transform: rotate(-10deg);
  }

  20% {
    transform: rotate(10deg);
  }

  25% {
    transform: rotate(-5deg);
  }

  30% {
    transform: rotate(5deg);
  }

  35% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.poka-box-open {
  animation: notificationTilt 2.5s ease-in-out infinite;
  transform-origin: center center;
  display: inline-block;
  /* Important for rotation to work properly */
}

/* Optional: Add scale effect for more impact */
@keyframes notificationTiltWithScale {
  0% {
    transform: rotate(0deg) scale(1);
  }

  3% {
    transform: rotate(0deg) scale(1.05);
  }

  6% {
    transform: rotate(-15deg) scale(1.05);
  }

  12% {
    transform: rotate(15deg) scale(1.05);
  }

  18% {
    transform: rotate(-10deg) scale(1.05);
  }

  24% {
    transform: rotate(10deg) scale(1.05);
  }

  30% {
    transform: rotate(-5deg) scale(1.05);
  }

  36% {
    transform: rotate(5deg) scale(1.05);
  }

  42% {
    transform: rotate(0deg) scale(1);
  }

  100% {
    transform: rotate(0deg) scale(1);
  }
}

/* Use this class if you want scale effect too */
.poka-box-open.with-scale {
  animation: notificationTiltWithScale 2.5s ease-in-out infinite;
  transform-origin: center center;
  display: inline-block;
}

/* Optional: Smoother version with less aggressive tilt */
@keyframes notificationTiltSmooth {
  0% {
    transform: rotate(0deg);
  }

  4% {
    transform: rotate(-10deg);
  }

  8% {
    transform: rotate(10deg);
  }

  12% {
    transform: rotate(-8deg);
  }

  16% {
    transform: rotate(8deg);
  }

  20% {
    transform: rotate(-3deg);
  }

  24% {
    transform: rotate(3deg);
  }

  28% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.poka-box-open.smooth {
  animation: notificationTiltSmooth 2.5s ease-in-out infinite;
  transform-origin: center center;
  display: inline-block;
}

/* Pause hover effect (optional) */
.poka-box-open:hover {
  animation-play-state: paused;
}
@media (max-width: 1024px) {   
 a.has-submenu {
        display: flex !important;
        justify-content: space-between;
	 	padding-right: 5px;
    }
}
/* ------------------------------HOME STYLES------------------------------------ */
.p-no-mg p {
  margin-bottom: 0;
}

.h1-shadow h1 {
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3),
    0px 2px 3px rgba(255, 255, 255, 0.3);
}

.site-content a {
  color: #0d6efd;
}

.site-content a:hover {
  color: #3274d5;
  text-decoration: underline;
}

.max-w-cont {
  max-width: 1216px !important;
}

.min-w-cont {
  min-width: 280px !important;
  max-width: 280px !important;
}

.form-btn button {
  background: linear-gradient(180deg, #c045d8 0%, #f94fb5 100%) !important;
  color: #fff !important;
  width: 100%;
  padding: 12px 16px !important;
}

.form-btn button {
  background: linear-gradient(180deg, #c045d8 0%, #f94fb5 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(211, 47, 47, 0.4) !important;
}

/* ----------------------------------Main-Template STYLES------------------------------- */
.featured-image.page-header-image.grid-container.grid-parent {
  display: none;
}

/* ul, ol {
    margin: 0;
    padding: 0;
    list-style-position: inside;
} */

/* Scrollable table without wrapper */
table {
  width: 100%;
  max-width: 100%;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
  border: 1px solid #fff;
}

thead,
tbody {
  display: table;
  width: 100%;
  min-width: 350px;
  table-layout: fixed;
}

/* thead {
  width: calc(100% - 1em);
  min-width: 600px;
} */

th,
td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  word-wrap: break-word;
}

th {
  background-color: #f9fafb;
  font-weight: 600;
  color: #242a37;
}

tr:hover {
  background-color: #f9fafb;
}

tr td:not(:last-child) {
  border-right: 1px solid #fff;
}

/* ============================================ */
/* ORIGINAL POKA REVIEWS STYLES - UNCHANGED */
/* ============================================ */

.poka-reviews-wrapper {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 20px 0 !important;
}

.poka-review-item {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 12px !important;
  padding: 25px 30px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: box-shadow 0.3s ease !important;
}

.poka-review-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.poka-review-main {
  display: flex !important;
  gap: 25px !important;
  align-items: stretch !important;
}

.poka-review-logo {
  width: 160px !important;
  min-width: 160px !important;
  height: auto !important;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
}

.poka-review-logo img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.poka-review-right-section {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.poka-review-top-section {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

.poka-review-points-cta {
  flex: 1 !important;
}

.poka-review-points ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.poka-review-points li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 14px !important;
  color: #333 !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
}

.poka-review-points li:last-child {
  margin-bottom: 0 !important;
}

.poka-review-points .checkmark-icon {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.poka-review-cta-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
}

.poka-btn {
  display: inline-block !important;
  padding: 16px 45px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}

.poka-btn-primary {
  background: #c045d8 !important;
  color: #fff !important;
  border: none !important;
}

.poka-btn-primary:hover {
  background: linear-gradient(180deg, #f94fb5 0%, #c045d8 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(211, 47, 47, 0.4) !important;
}

.poka-review-link {
  font-size: 14px !important;
  color: #333 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  white-space: nowrap !important;
}

.poka-review-link:hover {
  color: #c045d8 !important;
  text-decoration: underline !important;
}

.poka-review-bottom-section {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 30px !important;
  padding-top: 15px !important;
  border-top: 1px solid #f0f0f0 !important;
}

.poka-review-badges-section {
  flex: 1 !important;
}

.poka-review-badges {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.poka-badge {
  background: #fdd835 !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  text-align: center !important;
  min-width: 85px !important;
}

.badge-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #333 !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
  letter-spacing: 0.5px !important;
}

.badge-value {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #333 !important;
}

.poka-review-rating-deposit-section {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.poka-review-rating {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.rating-stars {
  display: flex !important;
  gap: 2px !important;
  justify-content: center !important;
  margin-bottom: 4px !important;
}

.rating-stars svg {
  width: 18px !important;
  height: 18px !important;
}

.rating-number {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #333 !important;
}

.poka-review-payments-section {
  flex: 1 !important;
  display: flex !important;
  justify-content: flex-end !important;
}

.poka-review-payments {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.poka-review-payments img {
  height: 22px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* ============================================ */
/* HOME PAGE REVIEWS - COMPLETELY NEW LAYOUT */
/* ============================================ */

/* Main Container */
.poka-home-reviews-container,
.poka-reviews-container {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 30px 0px !important;
}

/* ========== FULL REVIEW CARDS (First 10) ========== */
.poka-home-reviews-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
  margin-bottom: 50px !important;
}

/* Full Card - Horizontal Layout */
.poka-home-full-card {
  background: #fff !important;
  /*   border: 1px solid #e0e0e0 !important; */
  border-radius: 12px !important;
  /* padding: 25px 30px !important; */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: box-shadow 0.3s ease, background-color 0.4s ease !important;
  display: flex !important;
  gap: 32px !important;
  align-items: stretch !important;
}

.poka-home-full-card:hover {
  background: #ffd9f0 !important;
}

.poka-home-full-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

/* Left: Image Section */
.poka-home-full-left {
  width: 300px !important;
  min-width: 260px !important;
  height: auto !important;
  background: linear-gradient(135deg, #f94fb5 0%, #ffffff 100%) !important;
  border-radius: 8px 0 0 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
}

.poka-home-full-left img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  width: 204px;
}

/* Right: Content Section */
.poka-home-full-right {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding: 32px 40px 32px 16px;
  justify-content: space-between;
}

/* Top Section: Points + CTA */
.poka-home-full-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
}

/* Points */
.poka-home-full-points {
  flex: 1 !important;
}

.poka-home-full-points ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.poka-home-full-points li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 14px !important;
  color: #333 !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
}

.poka-home-full-points li:last-child {
  margin-bottom: 0 !important;
}

.poka-home-checkmark {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

/* CTA Section */
.poka-home-full-cta {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  width: 90%;
  margin-top: 20px;
  max-width: 620px;
}

.poka-home-btn {
  display: inline-block !important;
  padding: 16px 45px !important;
  font-size: clamp(16px, 2vw, 20px) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
  min-width: 100%;
}

.poka-home-btn-primary {
  background: linear-gradient(180deg, #c045d8 0%, #f94fb5 100%) !important;
  color: #fff !important;
  border: none !important;
}

.poka-home-btn-primary:hover {
  background: linear-gradient(180deg, #f94fb5 0%, #c045d8 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(211, 47, 47, 0.4) !important;
}

.poka-home-review-link {
  font-size: 16px !important;
  color: #333 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  white-space: nowrap !important;
}

.poka-home-review-link:hover {
  color: #c045d8 !important;
  text-decoration: underline !important;
}

/* Bottom Section: 3 Divs in One Line */
.poka-home-full-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 30px !important;
  padding-top: 15px !important;
  border-top: 1px solid #f0f0f0 !important;
}

/* Div 1: Badges (Bonus + Spins side by side) */
.poka-home-full-badges {
  flex: 1 !important;
  display: flex !important;
  gap: 12px !important;
  /* flex-wrap: wrap !important; */
}

.poka-home-badge {
  background: #fdd835 !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  text-align: center !important;
  min-width: 120px !important;
}

.poka-home-badge-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #333 !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
  letter-spacing: 0.5px !important;
}

.poka-home-badge-value {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #333 !important;
}

/* Div 2: Rating Stars */
.poka-home-full-rating {
  flex: 1 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.poka-home-rating-stars {
  display: flex !important;
  gap: 2px !important;
  justify-content: center !important;
  margin-bottom: 4px !important;
}

.poka-home-rating-stars svg {
  width: 18px !important;
  height: 18px !important;
}

.poka-home-rating-number {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffa200;
}

/* Div 3: Payment Cards */
.poka-home-full-payments {
  flex: 1 !important;
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

.poka-home-full-payments img {
  height: 100% !important;
  width: auto !important;
  object-fit: contain !important;
}

/* ========== SLIDER SECTION ========== */
.poka-home-slider-section {
  margin-top: 50px !important;
  padding: 40px 0 !important;
  /*   background: #f9f9f9 !important; */
  border-radius: 12px !important;
}

.poka-slider-heading {
  text-align: center !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin-bottom: 40px !important;
  padding: 0 20px !important;
}

.poka-home-reviews-slider {
  padding: 0 60px !important;
}

/* Slider Card - Simple Vertical Layout */
.poka-slider-card {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  padding-bottom: 16px !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

.poka-slider-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
  transform: translateY(-5px) !important;
}

/* Slider Card Image */
.poka-slider-card-image {
  width: 100% !important;
  height: 119px !important;
  background: linear-gradient(135deg,
      rgb(249, 79, 181) 0%,
      rgb(255, 255, 255) 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
}

.poka-slider-card-image img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Slider Card Title */
.poka-slider-card-title {
  padding: 12px 16px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  line-height: 24px !important;
  letter-spacing: 2% !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
}

/* Slider Card Button */
.poka-slider-btn {
  display: block !important;
  width: 100% !important;
  padding: 8px 24px 8px 24px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 32px !important;
}

.poka-slider-btn-primary {
  background: linear-gradient(180deg, #c045d8 0%, #f94fb5 100%) !important;
  color: #fff !important;
  border: none !important;
  margin-top: 5px !important;
}

.poka-slider-btn-primary:hover {
  background: linear-gradient(180deg, #f94fb5 0%, #c045d8 100%) !important;
  /* background: #b71c1c !important; */
}

/* Slick Slider Customization */

.poka-home-reviews-slider .slick-list {
  margin: 0 -10px !important;
}

.poka-home-reviews-slider .slick-track {
  display: flex !important;
  align-items: stretch !important;
  gap: 16px !important;
}

/* Slider Arrows */
.poka-home-reviews-slider .slick-prev,
.poka-home-reviews-slider .slick-next {
  width: 45px !important;
  height: 45px !important;
  background: #c045d8 !important;
  border-radius: 50% !important;
  z-index: 10 !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

.poka-home-reviews-slider .slick-prev:hover,
.poka-home-reviews-slider .slick-next:hover,
.poka-home-reviews-slider .slick-prev:focus,
.poka-home-reviews-slider .slick-next:focus {
  background: linear-gradient(180deg, #f94fb5 0%, #c045d8 100%) !important;
}



/* Hide Dots */
.poka-home-reviews-slider .slick-dots {
  display: none !important;
}

/* ---------------------Poka Variation----------------- */
.poka-variation .poka-review-main {
  flex-direction: column !important;
}

.poka-variation .poka-review-logo {
  width: 100% !important;
  max-width: 200px !important;
  margin: 0 auto !important;
}

.poka-variation .poka-review-bottom-section {
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.poka-variation .poka-review-badges-section,
.poka-variation .poka-review-rating-deposit-section,
.poka-variation .poka-review-payments-section {
  flex: 1 1 auto !important;
  min-width: 200px !important;
}

.poka-variation .poka-home-full-card {
  flex-direction: column !important;
}

.poka-variation .poka-home-full-left {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border-radius: 8px 8px 0 0 !important;
  height: 180px !important;
}

.poka-variation .poka-home-full-bottom {
  flex-wrap: wrap !important;
  gap: 20px !important;
}

/* ========== RESPONSIVE STYLES ========== */
@media (max-width: 900px) {
  .poka-review-main {
    flex-direction: column !important;
  }

  .poka-review-logo {
    width: 100% !important;
    max-width: 200px !important;
    margin: 0 auto !important;
  }

  .poka-review-bottom-section {
    flex-wrap: wrap !important;
    gap: 20px !important;
  }

  .poka-review-badges-section,
  .poka-review-rating-deposit-section,
  .poka-review-payments-section {
    flex: 1 1 auto !important;
    min-width: 200px !important;
  }

  .poka-home-full-card {
    flex-direction: column !important;
  }

  .poka-home-full-left {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    border-radius: 8px 8px 0 0 !important;
    height: 300px !important;
  }

  .poka-home-full-bottom {
    flex-wrap: wrap !important;
    gap: 0px !important;
  }
}

@media (max-width: 600px) {
  .poka-review-item {
    padding: 20px !important;
  }

  .poka-review-top-section {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .poka-review-points li {
    justify-content: center !important;
  }

  .poka-review-bottom-section {
    flex-direction: column !important;
    gap: 20px !important;
    align-items: center !important;
  }

  .poka-review-badges-section,
  .poka-review-rating-deposit-section,
  .poka-review-payments-section {
    width: 100% !important;
    justify-content: center !important;
  }

  .poka-review-badges {
    justify-content: center !important;
  }

  .poka-review-payments {
    justify-content: center !important;
  }

  /* .poka-home-full-card {
    padding: 0px !important;
  } */

  .poka-home-full-top {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .poka-home-full-points li {
    justify-content: center !important;
  }

  .poka-home-full-bottom {
    flex-direction: column !important;
    gap: 20px !important;
    align-items: center !important;
  }

  .poka-home-full-badges,
  .poka-home-full-rating,
  .poka-home-full-payments {
    width: 100% !important;
    justify-content: center !important;
  }

  .poka-home-full-badges {
    justify-content: center !important;
  }

  .poka-slider-heading {
    font-size: 24px !important;
  }

  .poka-home-reviews-slider {
    padding: 0 30px !important;
  }

  .poka-home-reviews-slider .slick-prev {
    left: 0 !important;
  }

  .poka-home-reviews-slider .slick-next {
    right: 0 !important;
  }

  .poka-home-full-card {
    gap: 0px !important;
  }
}

@media (max-width: 600px) {
  .poka-home-full-left {
    min-width: unset !important;
    height: 130px !important;
  }

  .poka-home-badge {
    min-width: unset !important;
  }

  .poka-home-full-points {
    display: none;
  }

  .poka-home-full-right {
    padding: 8px !important;
    gap: 10px !important;
    flex-direction: column-reverse !important;
  }

  .poka-home-full-rating {
    flex-direction: row !important;
    gap: 7px;
  }

  .poka-home-rating-stars {
    margin-bottom: 0px !important;
  }

  .poka-home-full-card {
    width: 100% !important;
  }

  .poka-home-reviews-list {
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 20px !important;
  }

  .poka-home-btn {
    padding: 8px 24px !important;
    min-width: 100% !important;
  }

  .poka-home-badge {
    min-width: 80px !important;
    padding: 8px !important;
  }

  .poka-home-full-badges {
    gap: 7px !important;
  }

  .poka-home-reviews-container,
  .poka-reviews-container {
    padding: 0px 20px !important;
  }
}

@media (max-width: 480px) {
  .poka-slider-card-image {
    height: 100px !important;
    padding: 15px !important;
  }

  .poka-slider-card-title {
    font-size: 14px !important;
    padding: 12px 15px !important;
    min-height: 45px !important;
  }

  .poka-slider-btn {
    padding: 12px 15px !important;
    font-size: 14px !important;
  }
}

/*-----slider arrows---------*/
/* Remove Slick default icons completely */
.slick-prev:before,
.slick-next:before {
  content: none !important;
}

/* Custom arrow buttons */
.poka-home-reviews-slider .slick-prev,
.poka-home-reviews-slider .slick-next {
  font-size: 0;
  line-height: 0;
  border: none;
  background: linear-gradient(180deg, #c045d8 0%, #f94fb5 100%) !important;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}

/* Positioning */
.slick-prev {
  left: 14px !important;
}

.slick-next {
  right: 0px !important;
}

/* Custom white arrow shapes */
.slick-prev::after,
.slick-next::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

/* Rotate to form proper arrow directions */
.slick-prev::after {
  transform: rotate(-135deg);
}

.slick-next::after {
  transform: rotate(45deg);
}

/* Hover effect */
.slick-prev:hover,
.slick-next:hover {
  background-color: #c045d8;
}

@media (max-width: 600px) {

  .poka-home-reviews-slider .slick-prev,
  .poka-home-reviews-slider .slick-next {
    width: 35px !important;
    height: 35px !important;
  }
}

/* --------------------Casino Reviews-------------------- */
.post-excerpt h1,
.post-excerpt h2 {
  display: none;
}

.post-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-excerpt-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-excerpt p {
  text-align: left !important;
}

.post-excerpt p:empty {
  display: none !important;
}

.casino-news {
  max-width: 300px !important;
}

/* ------------------------------Blog Listing------------------------- */
.top-height {
  height: 40vw !important;
  max-height: 600px !important;
  min-height: 300px !important;
}

/*-----------------------------Reviews Listing---------------------- */
.glass-box {
  background: rgba(7, 11, 20, 0.1);
  /* transparent white */
  backdrop-filter: blur(10px);
  /* main blur effect */
  -webkit-backdrop-filter: blur(10px);
  /* for Safari */
  border-radius: 15px;
  /* rounded corners */
  border: 1px solid rgba(255, 255, 255, 0.3);
  /* subtle border */
  padding: 20px;
  color: white;
  /* text color */
  max-width: 600px;
  margin: auto;
  text-align: center;
}

/* -----------------------------Header Poka------------------------- */
.header-poka-item {
  position: relative !important;
  overflow: hidden !important;
  color: #222 !important;
  background: transparent !important;
  transition: color 0.3s ease !important;
}

.header-poka-item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, transparent 0%, #f7cccc 100%) !important;
  background-size: 200% 100% !important;
  transform: translateX(100%) !important;
  transition: transform 0.6s ease !important;
  z-index: -1 !important;
}

.header-poka-item:hover::before {
  transform: translateX(0) !important;
}

.header-poka-item:hover {
  color: #000 !important;
}

.poka-box {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  max-width: 600px;
  min-width: 300px;
}

@media (min-width: 700px) and (max-width: 1024px) {
  .poka-box {
    max-width: 500px;
  }
}

.poka-box-close,
.poka-box-open {
  cursor: pointer;
}

.poka-box.hidden-box {
  display: none;
}

/* ----------------pagination------------------- */
.page-numbers,
span.page-numbers {
  opacity: 1;
  transition: all 400ms ease;
  display: inline-block;
  min-width: 44px !important;
  padding: 0 12px !important;
  line-height: 44px !important;
  background: linear-gradient(180deg, #c045d8 0%, #f94fb5 100%) !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 4px !important;
  /* opacity: 0.4; */
  color: #fff !important;
}

.page-numbers:hover,
.page-numbers.current {
  opacity: 0.4 !important;
}

.slick-initialized .slick-slide {
  border: none !important;
}

/* ----------------------Mobile Header-------------------------- */
/* Reset - Keep main nav normal */
@media (max-width: 1024px) {
  .elementor-nav-menu__container:not(.elementor-nav-menu--dropdown) {
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    padding: 0 !important;
  }

  /* Full Screen Menu Styles - Only for dropdown */
  nav.elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 0 !important;
    left: -100% !important;
    width: 100%;
    height: 100vh !important;
    z-index: 9999;
    transition: left 0.4s ease !important;
    overflow-y: auto;
    background: #fff;
    padding: 20px 40px 40px;
    transform: none !important;
  }

  .elementor-nav-menu--dropdown[aria-hidden="false"] {
    left: 0 !important;
  }

  /* Show close button */
  .elementor-menu-toggle {
    /* position: fixed !important;
  top: 20px;
  right: 20px; */
    z-index: 10000;
    /* display: block !important; */
  }

  /* Force vertical menu layout */
  .elementor-nav-menu--dropdown .elementor-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    margin-top: 60px;
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu>li {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu>li>a {
    display: block;
    padding: 10px 0;
    font-size: 18px;
  }

  /* Submenu styles */
  .elementor-nav-menu--dropdown .sub-menu {
    position: static !important;
    padding-left: 20px;
    margin-top: 10px;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .elementor-nav-menu--dropdown .sub-menu li {
    padding: 8px 0;
    border: none;
  }

  .elementor-nav-menu--dropdown .sub-menu a {
    font-size: 16px;
  }

  .menu-ham {
    position: relative;
    z-index: 10000;
    cursor: pointer;
  }

  svg.elementor-menu-toggle__icon--close.e-font-icon-svg.e-eicon-close {
    /*     color: black !important; */
    fill: black !important;
  }

  .menu-ham .menu-item a {
    display: flex !important;
    justify-content: space-between;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  body.no-scroll {
    overflow: hidden;
    height: 100vh;
    /* optional to prevent mobile bounce */
    touch-action: none;
    /* optional: prevent touch scrolling on some devices */
  }

  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin: unset !important;
    padding-top: 20px;
  }

  body:has(.elementor-active) {
    overflow: hidden !important;
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu>li a {
    padding-left: 40px !important;
  }

  .totalizators,
  .speles,
  .blogs,
  .prognozes,
  .kazino {
    position: relative !important;
  }

  .totalizators:before,
  .speles:before,
  .blogs:before,
  .prognozes:before,
  .kazino:before {
    position: absolute;
    top: 20px;
    left: 10px;
    z-index: 99;
  }

  .elementor-item-active .sub-arrow .e-font-icon-svg {
    fill: #fff;
  }
}

/* ------------------------Review Detail------------------------- */
ul.casino-pros-list {
  margin: 0;
  list-style: none;
}

ul.casino-cons-list {
  margin: 0;
  list-style: none;
}

ul.casino-cons-list li,
ul.casino-pros-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  line-height: 0px !important;
}

ul.casino-cons-list img,
ul.casino-pros-list img {
  background-color: #fff;
  padding: 6px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

/* ----------------------------Extra Styling------------------------ */
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
}

tr:hover {
  background-color: #000000 !important;
}

.ul.wp-block-list,
.ol.wp-block-list {
  margin: 0 0 1.5em 3em;
}

p.search-query-display {
  font-size: 41px !important;
  line-height: 54px !important;
}

/* ---------------------------Poka Reveiew New Style---------------------  */
.poka-review-item {
  padding: 20px !important;
}

.poka-review-top-section {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.poka-review-points li {
  justify-content: center !important;
}

.poka-review-bottom-section {
  flex-direction: column !important;
  gap: 20px !important;
  align-items: center !important;
}

.poka-review-badges-section,
.poka-review-rating-deposit-section,
.poka-review-payments-section {
  width: 100% !important;
  justify-content: center !important;
}

.poka-review-badges {
  justify-content: center !important;
}

.poka-review-payments {
  justify-content: center !important;
}

/* .poka-home-full-card {
    padding: 0px !important;
  } */

.poka-home-full-top {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.poka-home-full-points li {
  justify-content: center !important;
}

.poka-home-full-bottom {
  flex-direction: column !important;
  gap: 20px !important;
  align-items: center !important;
}

.poka-home-full-badges,
.poka-home-full-rating,
.poka-home-full-payments {
  width: 100% !important;
  justify-content: center !important;
}

.poka-home-full-badges {
  justify-content: center !important;
}

.poka-slider-heading {
  font-size: 24px !important;
}

.poka-home-reviews-slider {
  padding: 0 10px !important;
}

.poka-home-reviews-slider .slick-prev {
  left: 0 !important;
}

.poka-home-reviews-slider .slick-next {
  right: 0 !important;
}

.poka-home-full-card {
  gap: 0px !important;
}

.poka-home-full-left {
  min-width: unset !important;
  height: 180px !important;
  width: 100% !important;
  border-radius: 12px 12px 0 0 !important;
}

.poka-home-badge {
  min-width: unset !important;
}

.poka-home-full-points {
  display: none;
}

.poka-home-full-right {
  padding: 8px !important;
  gap: 10px !important;
  flex-direction: column-reverse !important;
  padding-bottom: 16px !important;
}

.poka-home-full-rating {
  flex-direction: row !important;
  gap: 7px;
}

.poka-home-rating-stars {
  margin-bottom: 0px !important;
}

.poka-home-full-card {
  width: 31% !important;
  display: flex;
  flex-direction: column;
  /* border-radius: 50px !important; */
  overflow: hidden;
}

.poka-home-reviews-list {
  flex-wrap: wrap !important;
  flex-direction: row !important;
  gap: 40px !important;
  justify-content: center;
}

.poka-home-btn {
  padding: 12px 24px !important;
  /* min-width: unset !important; */
}

.poka-home-badge {
  min-width: 40% !important;
  padding: 8px !important;
}

.poka-home-full-badges {
  gap: 7px !important;
  flex-wrap: wrap;
}

.poka-home-reviews-container {
  padding: 0px 20px !important;
}

.change-poka-width .poka-home-full-card {
  width: 65% !important;
}

.change-poka-width .poka-home-reviews-list {
  margin-bottom: 0px !important;
}

@media (max-width: 1024px) {
  .poka-home-full-card {
    width: 45% !important;
  }

  .poka-home-reviews-list {
    gap: 40px !important;
  }

  .change-poka-width .poka-home-full-card {
    width: 100% !important;
  }
}

@media (max-width: 600px) {
  .poka-home-full-card {
    width: 100% !important;
  }

  .poka-home-reviews-list {
    gap: 30px !important;
  }
}

.poka-card-slide img {
  max-height: 32px !important;
}

div#rank-math-toc {
  display: none !important;
}

.header-poka-item .elementor-icon-wrapper {
  display: flex;
  justify-content: center;
}

.poka-circular-rating-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.poka-circular-rating {
  position: relative;
  width: 50px;
  height: 50px;
}

.poka-rating-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.poka-rating-star {
  font-size: 16px;
  color: #ffa000;
  line-height: 1;
}

.poka-rating-percentage-text {
  font-size: 13px;
  font-weight: 700;
  color: #ffa000;
  white-space: nowrap;
}

/*-----------------------------FAQ STYLES---------------------------  */
.faq-accordion-wrapper {
  max-width: 100%;
  margin: 20px 0;
}

.faq-item {
  margin-bottom: 10px;
  border: 2px solid pink;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.faq-item .faq-toggle {
  font-size: 16px !important;
  color: #222 !important;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  cursor: pointer;
  background-image: linear-gradient(180deg, #f94fb5 0%, #c045d8 100%);
  transition: background 0.3s ease;
  user-select: none;
}

.faq-question:hover {
  background-image: linear-gradient(135deg,
      #f94fb5 0%,
      #ffffff 100%) !important;
}

.faq-question.active {
  background-image: linear-gradient(135deg,
      #f94fb5 0%,
      #ffffff 100%) !important;
}

.faq-question .faq-question-text {
  font-size: 18px;
}

.faq-question-text {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  flex: 1;
  padding-right: 15px;
}

.faq-toggle {
  font-size: 24px;
  font-weight: bold;
  color: #666;
  transition: transform 0.3s ease;
  line-height: 1;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-question.active .faq-toggle {
  transform: rotate(45deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.faq-answer.active {
  max-height: 1000px;
}

.faq-answer-content {
  padding: 20px;
  color: #555;
  line-height: 1.6;
  font-size: 15px;
  background-color: #222222;
}

.faq-answer-content p {
  margin: 0 0 10px 0;
}

.faq-answer-content p:last-child {
  margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .faq-question {
    padding: 15px;
  }

  .faq-question-text {
    font-size: 15px;
  }

  .faq-answer-content {
    padding: 15px;
    font-size: 14px;
  }
}

#rank-math-faq {
  display: none;
}

/* Search Overlay Styles */
.search-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d1810 100%);
  animation: fadeIn 0.3s ease;
}

.search-overlay.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.search-overlay-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.search-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: all 0.3s ease;
  z-index: 10000;
}

.search-close:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(90deg);
}

.search-wrapper {
  width: 100%;
  max-width: 600px;
}

.search-overlay .search-form {
  width: 100%;
}

.search-input-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  padding: 4px;
  transition: all 0.3s ease;
}

.search-input-wrapper:focus-within {
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
}

.search-overlay .search-field {
  flex: 1;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  border: none;
  background: transparent;
  color: #333;
  border-radius: 50px;
}

.search-overlay .search-field:focus {
  outline: none;
}

.search-overlay .search-field::placeholder {
  color: #666;
  font-weight: 500;
  letter-spacing: 2px;
}

.search-overlay .search-submit {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
  padding: 0 !important;
}

.search-overlay .search-submit:hover {
  background: #000;
  transform: scale(1.05);
}

.search-overlay .search-submit svg {
  width: 20px;
  height: 20px;
}

/* Responsive */
@media (max-width: 768px) {
  .search-overlay-content {
    padding: 20px;
  }

  .search-wrapper {
    max-width: 100%;
  }

  .search-close {
    top: 25px;
    right: 15px;
    width: 40px;
    height: 40px;
  }

  .search-overlay .search-field {
    font-size: 14px;
    padding: 14px 20px;
  }

  .search-overlay .search-submit {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 480px) {
  .search-input-wrapper {
    border-radius: 40px;
  }

  .search-overlay .search-field {
    padding: 12px 18px;
  }

  .search-overlay .search-submit {
    width: 40px;
    height: 40px;
  }
}

/* Load More Button Styles */
.poka-load-more-wrapper {
  text-align: center;
  margin: 30px 0;
}

.poka-load-more-btn {
  padding: 12px 30px;
  background: linear-gradient(180deg, #f94fb5 0%, #c045d8 100%) !important;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.poka-load-more-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 7px #f94fb5;
}

.poka-load-more-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* --------------------------------poka single review------------------------ */
.poka-home-full-bottom-row {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  width: 100%;
}

.poka-cards-slider .slick-track {
  display: flex;
  align-items: center;
}

.poka-card-slide {
  padding: 0 4px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 30px;
}

.poka-card-slide img {
  max-height: 28px;
  width: auto;
  object-fit: contain;
  display: block;
}

/*------------------Extra Styles------------------------------  */
.text-bold div {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}

@media (max-width: 767px) {
  .hero-box {
    background: linear-gradient(155deg, #ffffff 20%, #f94fb5 100%) !important;
  }

  .hero-box .clr-b,
  .hero-box h1 {
    color: #000 !important;
  }
}

.poka-card-item {
  background-color: unset !important;
}

.toc ol {
  margin: 0 !important;
}

.toc li {
  padding: 15px 0;
}

.toc li:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.toc .elementor-toc__body {
  height: 90vh;
}

.cons:has(.casino-cons-list:empty) {
  display: none;
}

.pros:has(.casino-pros-list:empty) {
  display: none;
}

.poka-card-slide {
  min-width: 70px !important;
}

.poka-cards-slider {
  display: flex;
  overflow-x: hidden;
  max-width: 210px !important;
}

.poka-home-full-payments {
  width: 200px;
}

/*-----------------spin wheel-----------------------  */
.wheel-content-wrapper .wheel_content_right {
  min-height: auto !important;
}

/* Black overlay */
.wplwl_lucky_wheel_content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  /* adjust opacity */
  z-index: 1;
}

/* Keep content above overlay */
.wplwl_lucky_wheel_content>* {
  position: absolute;
  z-index: 2;
}

.wheel_description {
  font-weight: 600;
}

.wplwl-cancel:before {
  font-size: 22px !important;
  margin-right: 30px;
  font-weight: 900 !important;
}

.wplwl-show-again-option {
  font-weight: 400;
  font-size: 18px;
}

/* Extra CSS */
/* Add play button before the list */
.wp-block-list {
  list-style: none;
}

.wp-block-list li {
  position: relative;
  padding-left: 24px;
}

.wp-block-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;

  width: 14px;
  height: 14px;

  background-image: url("https://uzsienio-kazino.net/wp-content/uploads/2026/01/icons8-play-50-1-1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media(max-width:900px) {
  ul.wp-block-list {
    margin: 0px !important;
  }
}

@media(max-width:336px) {
  .mob-header div {
    gap: 0px;
  }
}

/* ----------------------------------------------------- */
/* Review Details Extra CSS Template PS */
/* ----------------------------------------------------- */
.poka-home-review-title {
  font-weight: 600;
  font-size: 20px;
  color: #000000 !important;
  text-decoration: none !important;
}

@media(min-width:901px) {
  .poka-home-review-title {
    text-align: start;
    padding-left: 40px;
  }

  .change-poka-width .poka-home-full-card {
    width: 100% !important;
    flex-direction: row;
  }

  .change-poka-width .poka-home-full-left {
    width: 30% !important;
    height: 100% !important;
  }

  .change-poka-width .poka-home-full-top {
    order: 1;
    width: 100%;
    gap: 7px !important;
    flex-wrap: wrap;
  }

  .change-poka-width .poka-home-full-cta {
    width: 100% !important;
    max-width: unset !important;
    display: flex;
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 7px !important;
  }

  .change-poka-width .poka-home-full-cta a {
    min-width: 40%;
  }

  .change-poka-width .poka-home-full-bottom {
    flex-direction: row !important;
  }

  .change-poka-width .poka-home-full-badges {
    flex-wrap: nowrap !important;
    width: 60% !important;
  }


  .change-poka-width .poka-home-full-bottom-row {
    width: 40%;
  }


  .change-poka-width .poka-home-full-payments {
    display: none !important;
  }

  .change-poka-width .poka-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
  }

  .change-poka-width .poka-card-item {
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
  }
}

@media(max-width:1024px) {

  .change-poka-width .poka-home-full-bottom-row,
  .change-poka-width .poka-home-full-badges {
    width: 50%;
  }
}

@media(max-width:900px) {
  .change-poka-width .poka-cards-grid {
    display: none;
  }

  .change-poka-width  .poka-cards-slider.slick-initialized.slick-slider,
  .change-poka-width .poka-home-full-payments {
    display: block !important;
  }
}

/* ----------------------------------------------------- */
/* Review Details Extra css Ends */
/* ----------------------------------------------------- */

/* ----------------------------------------------------- */
/* Testimonials Rating CSS */
/* ----------------------------------------------------- */

.testimonial-rating {
  display: flex;
  align-items: center;
  gap: 4px;
}

.testimonial-rating .star {
  font-size: 25px !important;
  color: #ddd;
}

.testimonial-rating .star.full,
.testimonial-rating .star.half {
  color: #f5b301;
}

.testimonial-rating-image {
  margin-left: 6px;
  width: 25px;
  height: auto;
}

/* Example: style per testimonial */
.testimonial-john-doe .star {
  font-size: 20px;
}

.testimonial-jane-smith .testimonial-rating-image {
  width: 24px;
}

.uzsieno-review-summary {
  text-align: center;
  font-family: inherit;
}

.rating-label {
  color: #ffffff;
  font-size: clamp(20px, 2vw, 34px);
  font-weight: 700;
  margin-bottom: 4px;
}

.rating-stars {
  margin: 4px 0;
}

.rating-stars .star {
  font-size: 25px !important;
  color: #ddd;
}

.rating-stars .star.filled {
  color: #f5b301;
}

.rating-count {
  font-size: 16px;
  color: #ffffff;
}

.date-count {
  font-size: 14px;
  color: #ffffff;
  margin: 0px;
}


/* Start Hover CSS */
/* Star Base Style */
.testimonial-rating .star {
    display: inline-block;
    color: #f5c518; /* Gold color */
    font-size: 22px;
    cursor: pointer;

    /* Smooth animation */
    transition: 
        transform 0.25s ease,
        text-shadow 0.25s ease;

    /* Depth + Soft glow */
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.4),
        0 0 6px rgba(245, 197, 24, 0.7);
}

/* Hover Pop Effect */
.testimonial-rating .star:hover {
    transform: scale(1.25);

    text-shadow:
        0 3px 6px rgba(0, 0, 0, 0.6),
        0 0 10px rgba(245, 197, 24, 0.9),
        0 0 18px rgba(245, 197, 24, 0.6);
}

/* ----------------------------------------------------- */
/* Testimonials CSS ends */
/* ----------------------------------------------------- */


/* ---------------------------------- */
/* ToTheTop Button CSS */
/* ---------------------------------- */
#backToTop {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 80px;
    right: -60px;
    z-index: 99999;
    background-color: #383838;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: right 0.4s ease-in-out;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

#backToTop:hover {
    background-color: #555;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

#backToTop.show {
    right: 12px;
}
/* ------------------------------------- */
/* ------------------------------------- */



/* -------------------------------------- */
/* Tool Tip CSS */
/* -------------------------------------- */
/* Tooltip container */
.gift-box-tooltip {
    position: relative;
    cursor: pointer;
    overflow: visible !important;
}

/* Tooltip text - BELOW and LEFT of container */
.gift-box-tooltip::after {
    content: "🎁 Griebk savo premiją!";
    position: absolute;
    top: calc(100% + 12px);
    right: 0; /* Changed from 50% to 0 for left alignment */
    transform: translateX(0) translateY(-10px); /* No centering */
    background: linear-gradient(135deg, #c045d8 0%, #764ba2 100%);
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    z-index: 99999;
    pointer-events: none;
    width: max-content;
    max-width: 300px; /* Controlled max width */
}

/* Tooltip arrow - pointing UP and positioned on LEFT side */
.gift-box-tooltip::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 5px; /* Arrow positioned 20px from left edge */
    transform: translateX(0);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #764ba2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 99999;
    pointer-events: none;
    margin-top: 2px;
}

/* Show tooltip on hover */
.gift-box-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) translateY(0);
}

.gift-box-tooltip:hover::before {
    opacity: 1;
    visibility: visible;
}

/* Glow effect */
.gift-box-tooltip:hover::after {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3),
                0 0 20px rgba(102, 126, 234, 0.5);
}
@media(max-width:1140px) and (min-width:1024px){
    .gift-box-tooltip::before {
        left:0px;
    }
}
/* Disable tooltip completely */
.gift-box-tooltip.tooltip-disabled::before,
.gift-box-tooltip.tooltip-disabled::after {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
}

/* ------------------------------------- */
/* ------------------------------------- */

/* ----------------------------------------------------- */
/* Blogs, Post, News Navigation Button CSS */
/* ----------------------------------------------------- */
.post-navi .elementor-post-navigation__prev.elementor-post-navigation__link,
.post-navi .elementor-post-navigation__next.elementor-post-navigation__link {
  min-width: 150px !important;
  width: fit-content !important;
  border: 1px solid #F94FB5;
  border-radius: 12px !important;
  transition: all 0.3s ease;
}
.post-navi .elementor-post-navigation__prev.elementor-post-navigation__link a,
.post-navi .elementor-post-navigation__next.elementor-post-navigation__link a {
  padding: 10px 20px;
}

.post-navi
  .elementor-post-navigation__prev.elementor-post-navigation__link:hover,
.post-navi
  .elementor-post-navigation__next.elementor-post-navigation__link:hover {
  background: linear-gradient(180deg, #F94FB5 0%, #f20091 100%) !important;
  transform: translateY(-0.2px);
  box-shadow: 0 6px 16px rgba(211, 47, 47, 0.4);
}
.post-navi
  .elementor-post-navigation__prev.elementor-post-navigation__link
  a:hover,
.post-navi
  .elementor-post-navigation__next.elementor-post-navigation__link
  a:hover {
  text-decoration: none !important;
}
.post-navi .post-navigation__prev--label,
.post-navi .post-navigation__next--label {
  color: #F94FB5 !important;
}

.post-navi
  .elementor-post-navigation__prev.elementor-post-navigation__link:hover
  .post-navigation__arrow-wrapper.post-navigation__arrow-prev,
.post-navi
  .elementor-post-navigation__next.elementor-post-navigation__link:hover
  .post-navigation__arrow-wrapper.post-navigation__arrow-next {
  fill: #ffffff !important;
}
.post-navi
  .elementor-post-navigation__prev.elementor-post-navigation__link:hover
  .post-navigation__prev--label,
.post-navi
  .elementor-post-navigation__next.elementor-post-navigation__link:hover
  .post-navigation__next--label {
  color: #ffffff !important;
}

.post-navi .post-navigation__arrow-wrapper.post-navigation__arrow-prev,
.post-navi .post-navigation__arrow-wrapper.post-navigation__arrow-next {
  fill: #F94FB5 !important;
}
.post-navi .elementor-post-navigation__prev.elementor-post-navigation__link a,
.post-navi .elementor-post-navigation__next.elementor-post-navigation__link a {
  justify-content: center !important;
}
.post-navi {
  padding: 0px !important;
}
.post-navi .elementor-post-navigation {
  justify-content: space-between;
}
.post-navi
  .elementor-post-navigation__next.elementor-post-navigation__link:not(:has(a)),
.post-navi
  .elementor-post-navigation__prev.elementor-post-navigation__link:not(
    :has(a)
  ) {
  display: none !important;
}

/* ----------------------------------------------------- */
/* Blogs, Post, News Navigation Button CSS  Ends*/
/* ----------------------------------------------------- */

/* ----------------------------------------------------- */
/*  Homepage Online casinos, games and contact us card   */
/* ----------------------------------------------------- */
.home-cards a{
    text-decoration:none !important;
}
/* ----------------------------------------------------- */
/* Online casinos, games and contact us card CSS ends    */
/* ----------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/*-------------------- Newsletter Popup newsletter-popup---------------------*/
/* ------------------------------------------------------------------------- */


/* used id because custom classes not applied. Note: change id if copied the css */
#elementor-popup-modal-27766 .dialog-widget-content.dialog-lightbox-widget-content.animated {
    /* width: 60vw; */
    border-radius: 18px !important;
}

#elementor-popup-modal-27766 .dialog-message {
    width: 90vw !important;
	max-width: 1050px !important;
    border-radius: 12px !important;
}

#elementor-popup-modal-27766 svg.e-font-icon-svg.e-eicon-close.eicon-close {
    font-size: 25px !important;
}

div#error-message,
div#success-message {
    margin-bottom: 0;
    border-radius: 5px 12px 5px 5px !important;
}

.elementor-popup-modal .dialog-close-button {
    inset-inline-end: 14px !important;
    top: 14px !important;
}

/* ---------------------------------------------------- */
/* Subscription POPUP Form CSS */
/* ---------------------------------------------------- */
.subscription-popup button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
    width: 100% !important;
    background: linear-gradient(180deg, #c045d8 0%, #f94fb5 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(211, 47, 47, 0.4) !important;
    padding: 12px 16px !important;
}
/* ---------------------------------------------------- */
/* Subscription POPUP Form CSS ends */
/* ---------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/*                                newsletter-popup css ends                  */
/* ------------------------------------------------------------------------- */


/* ----------------------------------------------------- */
/* Games and Affiliates Carousel */
/* ----------------------------------------------------- */
/* Space between slides */
.slots-slider .slick-slide {
    padding: 0 5px;
}

/* Fix outer spacing */
.slots-slider .slick-list {
    margin: 0 -5px;
}

.slotsl-game.slick-slide{
    box-shadow:none;
}
.slotsl-game.slick-slide img{
    border-radius:12px;
}
.slotsl-game.slick-slide .slotsl-meta{
    padding-left:10px;
    padding-top:10px;
}
.slotsl-game.slick-slide .slotsl-title a:hover{
    color:#f94fb5 !important;
}
.slotsl-game .slotsl-title a{
  color:#ffffff !important;
}
.aff-slider-card .elementor-widget-theme-post-featured-image.elementor-widget-image{
    height: 214px !important;
    border-radius:12px;
    align-content:center;
    background: linear-gradient(135deg, #f94fb5 0%, #ffffff 100%) !important;
}
.aff-slider-card  .elementor-widget-theme-post-featured-image.elementor-widget-image img{
    width:100%;
}
.two-slider-div{
    width:fit-content !important;
}
.slots-button a, .affiliate-button a{
    min-width:150px;
    text-decoration:none !important;
}
.affiliate-button a,
.slots-button a {
    transition: background-color 0.3s ease, 
                color 0.3s ease,
                transform 0.2s ease;
}

.affiliate-button.active a,
.slots-button.active a {
    background-color: #f94fb5 !important;
    color: #ffffff !important;
}
.slotsl-game {
    background-color: transparent;
}

/* --------------------------------------------------------------------------------- */
/*                           Slots Game Archive Page CSS                             */
/* --------------------------------------------------------------------------------- */
.sl-game-attributes-header,.sl-container .slotls-header,.sl-container .sl-slots, .sl-button-solid, .sl-featured-widget .sl-featured-widget-container {
    background-color: #F94FB5 !important;
}
.sl-container .slotls-header, .sl-button-solid{
    border: 4px solid #F94FB5 !important;
}
.sl-placeholder, .sl-popup{
    z-index:10 !important;
}

/* Contact us form */
.contact-us-form button{
    width:80%;
    height:50px;
    background: linear-gradient(180deg, #c045d8 0%, #f94fb5 100%) !important;
    color: #fff !important;
    border: none !important;
}
.contact-us-footer a{
    color:#f94fb5;
}
.contact-us-footer a:hover{
    color:#c045d8;
}
.contact-us-form label{
    color:#ffffff;
}
.contact-us p a{
	color:#ffffff !important;
}
.contact-us p a:hover{
	color: #F94FB5 !important;
}

.ff-message-success {
    color: #fff;
}

/* -------------------------------- */

/* ---------------------------------------------------------- */
/*             Related Reviews                                */
/* ---------------------------------------------------------- */
.related-reviews .poka-circular-rating-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.related-reviews .poka-home-full-bottom-row {
    display: flex;
}
.related-reviews .poka-circular-rating {
  position: relative;
  width: 50px;
  height: 50px;
}

.related-reviews .poka-rating-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.related-reviews .poka-rating-star {
  font-size: 16px;
  color: #ffa000;
  line-height: 1;
}
.related-reviews span.poka-rating-percentage-text {
    color: #ffa000;
}
.related-reviews.poka-rating-percentage-text {
  font-size: 13px;
  font-weight: 700;
  color: #ffa000;
  white-space: nowrap;
}
@media(max-width:430px){
    .poka-home-full-bottom-row {
        flex-direction: column;
        gap:10px;
        align-items:center;
    }
}
div#fluentform_3_success p {
    color: #000000 !important;
}

.newsletter-popup .ff-message-success {
    color: #222;
}

/*----------------------New Styling RGB------------------  */
/* CSS for Inline Validation errors */
.rgb-email-error{
  color:#d93025;
  font-size:12px;
  font-weight:500;
  text-align:left;
}
/* -------------------table of content ------ */

[id^="elementor-toc__heading-anchor"]{
  scroll-margin-top:100px;
}

/* ------------------search btn styling  */
/* search reasult search btn styling =>RGB */

/* Search form */
form.e-search-form{
  width:50%;
  border:1px solid #fa5bb9;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* Search icon */
form.e-search-form>.e-search-label{
  width:0px!important;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

form.e-search-form>.e-search-label svg{
  width:20px;
  height:20px;
  margin-top:auto;
}

/* Input wrapper */
form.e-search-form>.e-search-input-wrapper{
  height:50px!important;
  border-radius:10px;
  overflow:hidden;
  position:relative;
}

/* Input */
form.e-search-form .e-search-input{
  min-width:90%;
  border:0;
  color:#fff!important;
  font-size:15px!important;
  background:none!important;
  padding:0px 10px 5px 45px;
}

form.e-search-form .e-search-input::placeholder{
  color:#d3d3d3!important;
}

/* Submit button */
form.e-search-form>.e-search-submit{
  width:100px;
  height:50px;
  padding:0 20px;
  background:#fa5bb9!important;
}

form.e-search-form>.e-search-submit:hover{
  background:#fa5bb9!important;
}

form.e-search-form>.e-search-submit *{
  color:#fff!important;
}

.e-search-input-wrapper::after{
  display:none;
}

/* Tablet */
@media(max-width:1024px){
  form.e-search-form{
    width:50%;
  }
}

/* Mobile */
@media(max-width:767px){
  form.e-search-form{
    width:100%;
    max-width:100%;
    margin:10px 0px;
  }

  form.e-search-form>.e-search-label{
    width:38px!important;
    height:48px;
  }

  form.e-search-form>.e-search-label svg{
    width:20px;
    height:20px;
  }

  form.e-search-form>.e-search-input-wrapper,
  form.e-search-form .e-search-input{
    height:50px;
  }

  form.e-search-form .e-search-input{
    padding:0px 10px 7px 5px;
    font-size:14px!important;
  }

  form.e-search-form>.e-search-submit{
    min-width:72px;
    padding:0 10px!important;
    font-size:12px;
  }
}

/* CSS for gift box missing inner items  */
.poka-box .e-loop-nothing-found-message {
    display: none !important;
}
