/*!
Theme Name: UNDERSCORES
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: underscores
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

UNDERSCORES is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/* =========================================
   KRIKYA CASINO STYLES
   Theme: Sports Betting & Casino Premium
   Colors: Green (#00A86B) + Orange (#FF6600)
   Version: 1.0
   Target: Bangladesh Market
   ========================================= */

/* === 1. COLOR VARIABLES === */
:root {
  /* Primary Green Colors */
  --primary-green: #00A86B;
  --bright-green: #2ECC71;
  --dark-green: #008A57;
  --light-green: #3BD47D;
  
  /* Accent Orange Colors */
  --primary-orange: #FF6600;
  --bright-orange: #FF5722;
  --dark-orange: #E64A19;
  
  /* Background Colors */
  --bg-dark: #1A1A1A;
  --bg-darker: #0D0D0D;
  --bg-card: #2C2C2C;
  --bg-overlay: rgba(26, 26, 26, 0.95);
  
  /* Text Colors */
  --text-white: #FFFFFF;
  --text-light: #F5F5F5;
  --text-gray: #B0BEC5;
  
  /* Button Text Colors */
  --btn-text-white: #FFFFFF;
  --btn-text-dark: #1A1A1A;
  
  /* Effects & Shadows */
  --shadow-green: 0 4px 20px rgba(0, 168, 107, 0.4);
  --shadow-orange: 0 4px 20px rgba(255, 102, 0, 0.4);
  --shadow-dark: 0 8px 30px rgba(0, 0, 0, 0.8);
  --glow-green: 0 0 20px rgba(0, 168, 107, 0.6);
  --glow-orange: 0 0 20px rgba(255, 102, 0, 0.6);
  
  /* Gradients */
  --gradient-green: linear-gradient(135deg, #00A86B 0%, #2ECC71 50%, #3BD47D 100%);
  --gradient-orange: linear-gradient(135deg, #FF6600 0%, #FF5722 50%, #FF8A65 100%);
  --gradient-dark: linear-gradient(135deg, #0D0D0D 0%, #1A1A1A 50%, #2C2C2C 100%);
  
  /* Transitions */
  --transition-fast: 0.3s ease;
  --transition-medium: 0.5s ease;
}

/* === 2. СКРЫТИЕ WORDPRESS ХЕДЕРА === */
header.site-header,
.site-header,
.main-header,
header#masthead,
.header,
nav.navbar,
.top-bar,
.navigation-top,
#site-navigation,
.primary-navigation {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* === 3. СТИЛИЗАЦИЯ БОКОВОГО МЕНЮ (#secondary) === */
#secondary.sidebar.widget-area,
.sidebar,
.widget-area {
  background: var(--gradient-dark) !important;
  border: 3px solid var(--primary-green) !important;
  border-radius: 20px !important;
  padding: 30px 20px !important;
  box-shadow: var(--shadow-dark), 0 0 25px rgba(0, 168, 107, 0.3) !important;
  position: relative !important;
  overflow: hidden !important;
}

#secondary::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(0, 168, 107, 0.05) 0%, transparent 70%);
  animation: rotateBackground 20s linear infinite;
  pointer-events: none;
}

/* Заголовки в сайдбаре */
#secondary h1,
#secondary h2,
#secondary h3,
#secondary h4,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4 {
  color: var(--bright-green) !important;
  text-shadow: 0 2px 15px rgba(0, 168, 107, 0.6) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Текст и ссылки в сайдбаре */
#secondary p,
#secondary a,
#secondary li,
.sidebar p,
.sidebar a,
.sidebar li {
  color: var(--text-light) !important;
}

#secondary a,
.sidebar a {
  transition: all var(--transition-fast) !important;
  text-decoration: none !important;
}

#secondary a:hover,
.sidebar a:hover {
  color: var(--primary-green) !important;
  text-shadow: 0 0 15px rgba(0, 168, 107, 0.8) !important;
  transform: translateX(5px) !important;
}

/* Кнопки в сайдбаре */
#secondary .button,
#secondary a[href*="login"],
#secondary a[href*="registration"],
#secondary a[href*="reg"],
#secondary a[href*="sign"],
.sidebar .button {
  background: var(--gradient-green) !important;
  color: var(--btn-text-white) !important;
  border: 2px solid var(--bright-green) !important;
  padding: 12px 30px !important;
  border-radius: 30px !important;
  box-shadow: var(--shadow-green) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all var(--transition-fast) !important;
  display: inline-block !important;
  text-align: center !important;
  margin: 10px 0 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

#secondary .button:hover,
#secondary a[href*="login"]:hover,
#secondary a[href*="registration"]:hover,
.sidebar .button:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 8px 30px rgba(0, 168, 107, 0.6) !important;
  color: var(--text-white) !important;
}

/* FIX: Скрыть белый блок языкового селектора */
.pll-parent-menu-item,
.menu-item-language,
.wpml-ls-menu-item,
.lang-item,
select[name*="lang"],
.language-switcher,
.polylang-switcher {
  background: transparent !important;
}

.pll-parent-menu-item .sub-menu,
.menu-item-language .sub-menu,
.wpml-ls-sub-menu,
.lang-item ul,
.language-switcher ul {
  background: var(--bg-card) !important;
  border: 2px solid var(--primary-green) !important;
  border-radius: 10px !important;
  padding: 10px !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.8) !important;
}

.pll-parent-menu-item .sub-menu li,
.menu-item-language .sub-menu li,
.wpml-ls-item,
.lang-item li {
  background: transparent !important;
  padding: 8px 15px !important;
  margin: 5px 0 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.pll-parent-menu-item .sub-menu li:hover,
.menu-item-language .sub-menu li:hover,
.wpml-ls-item:hover,
.lang-item li:hover {
  background: rgba(0, 168, 107, 0.2) !important;
  transform: translateX(5px) !important;
}

.pll-parent-menu-item a,
.menu-item-language a,
.wpml-ls-link,
.lang-item a {
  color: var(--text-light) !important;
  text-decoration: none !important;
  display: block !important;
}

.pll-parent-menu-item a:hover,
.menu-item-language a:hover,
.wpml-ls-link:hover,
.lang-item a:hover {
  color: var(--primary-green) !important;
}

/* === 4. GLOBAL STYLES === */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Arial', 'Helvetica Neue', 'Roboto', sans-serif;
  background: var(--bg-dark) !important;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(0, 168, 107, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(255, 102, 0, 0.05) 0%, transparent 50%) !important;
  color: var(--text-light);
  line-height: 1.6;
  overflow-x: hidden;
}

/* Убрать белый фон у контейнеров WordPress */
#page,
#content,
.site-content,
#primary,
.content-area,
main,
article,
.entry-content,
.post-content {
  background: transparent !important;
  background-color: transparent !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Растянуть контент на всю ширину */
.site-content,
#primary,
.content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* Main Content Container */
.krikya-content,
article {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  animation: fadeInUp 0.8s ease-out;
}

/* === 5. STICKY HEADER === */
#stickyHeader,
.sticky-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--bg-overlay);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-bottom: 3px solid var(--primary-green);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 168, 107, 0.3);
  transition: all var(--transition-fast);
}

#stickyHeader.scrolled,
.sticky-header.scrolled {
  background: rgba(13, 13, 13, 0.98);
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.9), 0 0 30px rgba(0, 168, 107, 0.4);
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 30px;
}

/* Logo Styling */
.logo {
  font-size: 32px;
  font-weight: 900;
  color: var(--bright-green);
  letter-spacing: 2px;
  font-family: 'Impact', 'Arial Black', sans-serif;
  transition: all var(--transition-fast);
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(0, 168, 107, 0.5);
}

.logo:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 0 15px rgba(0, 168, 107, 0.8));
}

/* Header Button */
.header-button {
  display: inline-block;
  padding: 12px 35px;
  background: var(--gradient-orange);
  color: var(--btn-text-white) !important;
  text-decoration: none;
  font-weight: 900;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 3px solid var(--bright-orange);
  box-shadow: var(--shadow-orange), inset 0 2px 5px rgba(255, 255, 255, 0.2);
  transition: all var(--transition-fast);
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.header-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s ease;
}

.header-button:hover::before {
  left: 100%;
}

.header-button:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 8px 30px rgba(255, 102, 0, 0.7), 0 0 30px rgba(255, 102, 0, 0.5);
  border-color: var(--dark-orange);
  color: var(--text-white) !important;
}

.header-button:active {
  transform: translateY(-1px) scale(1.02);
}

/* === 6. BUTTONS & CTA === */
.button,
a[href*="/reg"],
a[href*="join"],
a[href*="play"],
a[href*="sign"],
.wp-block-button__link,
.cta-button {
  display: inline-block;
  padding: 16px 45px;
  background: var(--gradient-green);
  color: var(--btn-text-white) !important;
  text-decoration: none;
  font-weight: 900;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 3px solid var(--bright-green);
  box-shadow: var(--shadow-green), inset 0 2px 5px rgba(255, 255, 255, 0.2);
  transition: all var(--transition-fast);
  letter-spacing: 1.5px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: 15px 5px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.button::after,
a[href*="/reg"]::after {
  content: '→';
  margin-left: 10px;
  transition: margin-left var(--transition-fast);
}

.button:hover::after,
a[href*="/reg"]:hover::after {
  margin-left: 15px;
}

.button:hover,
a[href*="/reg"]:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 10px 40px rgba(0, 168, 107, 0.8), 0 0 40px rgba(0, 168, 107, 0.6);
  border-color: var(--dark-green);
  animation: pulseGreen 1.5s infinite;
  color: var(--text-white) !important;
}

.button:active,
a[href*="/reg"]:active {
  transform: translateY(-2px) scale(1.02);
}

/* Orange Button */
.button-orange {
  background: var(--gradient-orange);
  border-color: var(--bright-orange);
}

.button-orange:hover {
  box-shadow: 0 10px 40px rgba(255, 102, 0, 0.8), 0 0 40px rgba(255, 102, 0, 0.6);
  border-color: var(--dark-orange);
  color: var(--text-white) !important;
}

/* === 7. TYPOGRAPHY === */
h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  margin: 30px 0 20px 0;
  line-height: 1.3;
  font-family: 'Impact', 'Arial Black', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

h1 {
  font-size: 48px;
  color: var(--text-white);
  text-shadow: 0 4px 20px rgba(0, 168, 107, 0.5);
  border-bottom: 5px solid var(--primary-green);
  padding-bottom: 15px;
  margin-bottom: 30px;
  position: relative;
}

h1::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100px;
  height: 5px;
  background: var(--gradient-green);
  box-shadow: var(--glow-green);
}

h2 {
  font-size: 36px;
  color: var(--bright-green);
  text-shadow: 0 2px 15px rgba(0, 168, 107, 0.6);
  border-left: 6px solid var(--primary-green);
  padding-left: 20px;
  margin-top: 40px;
  transition: all var(--transition-fast);
}

h2:hover {
  transform: translateX(10px);
  border-left-color: var(--bright-green);
  text-shadow: 0 2px 20px rgba(0, 168, 107, 0.9);
}

h3 {
  font-size: 28px;
  color: var(--primary-orange);
  border-bottom: 3px solid var(--dark-orange);
  padding-bottom: 10px;
  margin-top: 30px;
}

h4 {
  font-size: 24px;
  color: var(--bright-green);
}

p {
  font-size: 17px;
  line-height: 1.8;
  margin: 15px 0;
  color: var(--text-light);
  text-align: justify;
}

strong, b {
  color: var(--bright-green);
  font-weight: 900;
}

/* === 8. SECTIONS === */
section {
  padding: 40px 30px;
  margin: 30px 0;
  background: var(--gradient-dark);
  border-radius: 20px;
  border: 2px solid rgba(0, 168, 107, 0.3);
  box-shadow: var(--shadow-dark), inset 0 1px 3px rgba(0, 168, 107, 0.1);
  transition: all var(--transition-medium);
  position: relative;
  overflow: hidden;
}

section::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(0, 168, 107, 0.05) 0%, transparent 70%);
  animation: rotateBackground 20s linear infinite;
  pointer-events: none;
}

section:hover {
  transform: translateY(-5px);
  border-color: rgba(0, 168, 107, 0.6);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.9), 0 0 30px rgba(0, 168, 107, 0.3);
}

/* Alternating Section Backgrounds */
section:nth-child(even) {
  background: linear-gradient(135deg, #0D0D0D 0%, #2C2C2C 100%);
}

/* Gameplay Section */
.gameplay-section {
  background: linear-gradient(135deg, rgba(0, 168, 107, 0.15) 0%, rgba(13, 13, 13, 0.9) 100%);
  border-color: rgba(0, 168, 107, 0.5);
}

/* Bonus Section */
.bonus-section {
  background: linear-gradient(135deg, rgba(255, 102, 0, 0.15) 0%, rgba(13, 13, 13, 0.9) 100%);
  border-color: rgba(255, 102, 0, 0.4);
  position: relative;
}

.bonus-section::after {
  content: '🎁';
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 60px;
  opacity: 0.2;
  animation: bounce 2s infinite;
}

/* === 9. ADVANTAGES BLOCK === */
.advantages {
  background: linear-gradient(135deg, rgba(0, 168, 107, 0.2) 0%, rgba(26, 26, 26, 0.9) 100%);
  padding: 40px;
  border-radius: 20px;
  border: 3px solid var(--primary-green);
  box-shadow: var(--shadow-green), inset 0 2px 10px rgba(0, 168, 107, 0.1);
  margin: 40px 0;
  position: relative;
  overflow: hidden;
}

.advantages::before {
  content: '⭐';
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 150px;
  opacity: 0.05;
}

.advantages h3 {
  color: var(--bright-green);
  font-size: 32px;
  text-align: center;
  margin-bottom: 30px;
  text-shadow: 0 2px 15px rgba(0, 168, 107, 0.6);
  border: none;
}

.advantages ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.advantages ul li {
  font-size: 19px;
  padding: 18px 20px 18px 60px;
  margin: 15px 0;
  background: rgba(13, 13, 13, 0.6);
  border-left: 5px solid var(--primary-green);
  border-radius: 12px;
  position: relative;
  transition: all var(--transition-fast);
  color: var(--text-light);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.advantages ul li::before {
  content: '✓';
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 900;
  color: var(--primary-green);
  text-shadow: 0 0 10px rgba(0, 168, 107, 0.8);
}

.advantages ul li:hover {
  transform: translateX(10px);
  background: rgba(0, 168, 107, 0.15);
  border-left-color: var(--bright-green);
  box-shadow: 0 6px 25px rgba(0, 168, 107, 0.3);
}

/* === 10. LISTS === */
/* Ordered Lists with Custom Numbering */
ol {
  list-style: none;
  counter-reset: custom-counter;
  padding: 0;
  margin: 20px 0;
}

ol li {
  counter-increment: custom-counter;
  padding: 20px 20px 20px 80px;
  margin: 20px 0;
  background: rgba(26, 26, 26, 0.8);
  border-left: 5px solid var(--primary-green);
  border-radius: 15px;
  position: relative;
  transition: all var(--transition-fast);
  font-size: 18px;
  line-height: 1.7;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

ol li::before {
  content: counter(custom-counter);
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: var(--gradient-green);
  color: var(--btn-text-white);
  font-size: 24px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: var(--shadow-green);
  border: 3px solid var(--bright-green);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

ol li:hover {
  transform: translateX(15px);
  background: rgba(0, 168, 107, 0.1);
  border-left-color: var(--bright-green);
  box-shadow: 0 6px 30px rgba(0, 168, 107, 0.3);
}

ol li:hover::before {
  transform: translateY(-50%) scale(1.1) rotate(360deg);
  box-shadow: 0 0 20px rgba(0, 168, 107, 0.9);
}

/* Unordered Lists */
ul {
  padding-left: 30px;
  margin: 20px 0;
}

ul li {
  padding: 10px 0;
  font-size: 17px;
  line-height: 1.7;
  position: relative;
}

/* === 11. IMAGES === */
img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 30px auto;
  border-radius: 20px;
  border: 5px solid rgba(0, 168, 107, 0.4);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 168, 107, 0.2);
  transition: all var(--transition-medium);
}

img:hover {
  transform: scale(1.05);
  border-color: var(--primary-green);
  box-shadow: 0 15px 60px rgba(0, 0, 0, 0.9), 0 0 40px rgba(0, 168, 107, 0.5);
}

/* Image with Caption */
figure {
  margin: 40px 0;
  text-align: center;
}

figcaption {
  color: var(--text-gray);
  font-style: italic;
  margin-top: 15px;
  font-size: 15px;
}

/* === 12. TABLES === */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  background: rgba(26, 26, 26, 0.9);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7);
}

thead {
  background: var(--gradient-green);
  color: var(--btn-text-white);
}

th {
  padding: 18px 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  text-align: left;
  border-bottom: 3px solid var(--bright-green);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

td {
  padding: 18px 15px;
  border-bottom: 1px solid rgba(0, 168, 107, 0.2);
  color: var(--text-light);
  font-size: 16px;
}

/* Zebra Striping */
tbody tr:nth-child(odd) {
  background: rgba(0, 168, 107, 0.05);
}

tbody tr:nth-child(even) {
  background: rgba(13, 13, 13, 0.4);
}

tbody tr:hover {
  background: rgba(0, 168, 107, 0.15);
  transform: scale(1.02);
  box-shadow: 0 4px 20px rgba(0, 168, 107, 0.2);
  cursor: pointer;
}

/* === 13. PROMOTIONS / BONUS CARDS === */
.promotion-card,
.bonus-card {
  background: linear-gradient(135deg, rgba(0, 168, 107, 0.15) 0%, rgba(13, 13, 13, 0.9) 100%);
  border: 3px solid var(--primary-green);
  border-radius: 20px;
  padding: 30px;
  margin: 20px 0;
  box-shadow: var(--shadow-green);
  transition: all var(--transition-fast);
  position: relative;
  overflow: hidden;
}

.promotion-card::before {
  content: '🎰';
  position: absolute;
  top: -30px;
  right: -30px;
  font-size: 120px;
  opacity: 0.1;
}

.promotion-card:hover {
  transform: translateY(-10px) scale(1.02);
  border-color: var(--bright-green);
  box-shadow: 0 15px 50px rgba(0, 168, 107, 0.5);
}

.promotion-title {
  font-size: 28px;
  color: var(--bright-green);
  margin-bottom: 15px;
  font-weight: 900;
}

.promotion-description {
  font-size: 17px;
  line-height: 1.7;
  color: var(--text-light);
}

/* === 14. MOBILE RESPONSIVE === */
@media (max-width: 768px) {
  .header-content {
    flex-direction: column;
    padding: 15px 20px;
    gap: 15px;
  }
  
  .logo {
    font-size: 26px;
    text-align: center;
  }
  
  .header-button {
    width: 100%;
    text-align: center;
    padding: 14px 30px;
    font-size: 15px;
  }
  
  h1 {
    font-size: 36px;
  }
  
  h2 {
    font-size: 28px;
    padding-left: 15px;
  }
  
  h3 {
    font-size: 24px;
  }
  
  section {
    padding: 30px 20px;
    margin: 20px 0;
  }
  
  .advantages {
    padding: 30px 20px;
  }
  
  .advantages ul li {
    padding: 15px 15px 15px 55px;
    font-size: 17px;
  }
  
  ol li {
    padding: 18px 15px 18px 70px;
    font-size: 16px;
  }
  
  ol li::before {
    width: 45px;
    height: 45px;
    font-size: 20px;
    left: 10px;
  }
  
  .button,
  a[href*="/reg"] {
    width: 100%;
    padding: 14px 30px;
    font-size: 16px;
    margin: 10px 0;
  }
  
  table {
    font-size: 14px;
  }
  
  th, td {
    padding: 12px 10px;
  }
  
  #secondary.sidebar.widget-area,
  .sidebar {
    margin-top: 30px;
    padding: 25px 15px !important;
  }
}

@media (max-width: 480px) {
  .logo {
    font-size: 22px;
  }
  
  .header-button {
    padding: 12px 25px;
    font-size: 14px;
  }
  
  h1 {
    font-size: 28px;
  }
  
  h2 {
    font-size: 24px;
    padding-left: 12px;
    border-left-width: 4px;
  }
  
  h3 {
    font-size: 20px;
  }
  
  p {
    font-size: 16px;
  }
  
  section {
    padding: 25px 15px;
    margin: 15px 0;
    border-radius: 15px;
  }
  
  .advantages {
    padding: 25px 15px;
  }
  
  .advantages h3 {
    font-size: 24px;
  }
  
  .advantages ul li {
    padding: 12px 12px 12px 50px;
    font-size: 16px;
    margin: 12px 0;
  }
  
  .advantages ul li::before {
    font-size: 24px;
    left: 15px;
  }
  
  ol li {
    padding: 15px 12px 15px 65px;
    font-size: 15px;
    margin: 15px 0;
  }
  
  ol li::before {
    width: 40px;
    height: 40px;
    font-size: 18px;
    left: 8px;
  }
  
  .button,
  a[href*="/reg"] {
    padding: 12px 25px;
    font-size: 15px;
  }
  
  table {
    display: block;
    overflow-x: auto;
    font-size: 13px;
  }
  
  th, td {
    padding: 10px 8px;
  }
  
  img {
    border-width: 3px;
    border-radius: 15px;
  }
}

/* === 15. ANIMATIONS === */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulseGreen {
  0%, 100% {
    box-shadow: 0 10px 40px rgba(0, 168, 107, 0.6), 0 0 30px rgba(0, 168, 107, 0.4);
  }
  50% {
    box-shadow: 0 10px 40px rgba(0, 168, 107, 0.9), 0 0 50px rgba(0, 168, 107, 0.7);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes rotateBackground {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* Shimmer Effect */
.shimmer {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  background-size: 1000px 100%;
  animation: shimmer 3s infinite;
}

/* === 16. SCROLL ANIMATIONS === */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* === 17. CUSTOM SCROLLBAR === */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: var(--bg-dark);
  border-left: 1px solid rgba(0, 168, 107, 0.2);
}

::-webkit-scrollbar-thumb {
  background: var(--gradient-green);
  border-radius: 10px;
  border: 2px solid var(--bg-dark);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--bright-green);
  box-shadow: var(--glow-green);
}

/* === 18. SELECTION STYLING === */
::selection {
  background: var(--primary-green);
  color: var(--text-white);
}

::-moz-selection {
  background: var(--primary-green);
  color: var(--text-white);
}

/* =========================================
   END OF KRIKYA CASINO STYLES
   ========================================= */

/* =========================================
   FIX: УБРАТЬ САЙДБАР + ЦЕНТРИРОВАТЬ КОНТЕНТ
   ========================================= */

/* === 1. СКРЫТЬ БОКОВОЕ МЕНЮ === */
#secondary.sidebar.widget-area,
div#secondary,
.d-md-block.widget-area,
aside {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* === 2. РАСТЯНУТЬ КОНТЕНТ НА ВСЮ ШИРИНУ === */
.row.justify-content-between {
  justify-content: center !important;
}

.krikya-content,
article,
.entry-content,
.post-content,
main {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
  float: none !important;
}

/* === 3. ЦЕНТРИРОВАТЬ ТЕКСТ === */
.krikya-content,
article,
.entry-content {
  text-align: justify !important;
}

/* Заголовки по центру */
h1, h2, h3, h4 {
  text-align: center !important;
}

/* Кнопки по центру */
.button,
a[href*="/reg"],
a[href*="play"] {
  display: block !important;
  margin: 20px auto !important;
  text-align: center !important;
  max-width: 400px !important;
}

/* === 4. СТИЛИЗАЦИЯ ЯЗЫКОВОГО МЕНЮ === */

/* Позиция языкового меню - компактная кнопка */
li#menu-item-307.pll-parent-menu-item,
.pll-parent-menu-item {
  position: fixed !important;
  top: 28px !important;
  right: 28px !important;
  z-index: 9999 !important;
  
  /* Размер */
  width: auto !important;
  max-width: 180px !important;
  display: inline-block !important;
  
  background: rgba(0, 168, 107, 0.95) !important;
padding: 15px 35px !important;
max-width: none !important;
min-width: 140px !important;
  border: 2px solid var(--bright-green) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s ease !important;
}

/* Hover эффект ТОЛЬКО на родителе */
li#menu-item-307.pll-parent-menu-item:hover,
.pll-parent-menu-item:hover {
  background: rgba(0, 168, 107, 1) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 6px 20px rgba(0, 168, 107, 0.6) !important;
}

/* Текст языка */
.pll-parent-menu-item > a {
  color: white !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  text-decoration: none !important;
  letter-spacing: 1px !important;
  display: block !important;
  white-space: nowrap !important;
  pointer-events: none !important; /* КРИТИЧНО: отключить события на ссылке */
}

/* Скрыть стрелку/иконку если есть */
.pll-parent-menu-item > a::after {
  display: none !important;
}

/* КРИТИЧНО: Dropdown меню ВСЕГДА скрыто по умолчанию */
.pll-parent-menu-item .sub-menu {
  display: none !important;
  background: var(--bg-card) !important;
  border: 2px solid var(--primary-green) !important;
  border-radius: 10px !important;
  padding: 10px !important;
  margin-top: 10px !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.8) !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  min-width: 120px !important;
  width: auto !important;
  list-style: none !important;
  opacity: 0 !important;
  transform: translateY(-10px) !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* КРИТИЧНО: Показать меню при hover на РОДИТЕЛЕ */
.pll-parent-menu-item:hover .sub-menu {
  display: block !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Пункты меню */
.pll-parent-menu-item .sub-menu li {
  padding: 8px 15px !important;
  margin: 5px 0 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  list-style: none !important;
  background: transparent !important;
}

.pll-parent-menu-item .sub-menu li:hover {
  background: rgba(0, 168, 107, 0.2) !important;
  transform: translateX(5px) !important;
}

.pll-parent-menu-item .sub-menu a {
  color: var(--text-light) !important;
  text-decoration: none !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.pll-parent-menu-item .sub-menu a:hover {
  color: var(--primary-green) !important;
}

/* Убрать любые фоновые изображения */
.pll-parent-menu-item,
.pll-parent-menu-item * {
  background-image: none !important;
}

/* ДОПОЛНИТЕЛЬНО: Увеличить зону hover для стабильности */
.pll-parent-menu-item::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -10px !important; /* Зазор между кнопкой и меню */
  z-index: -1 !important;
}

/* КРИТИЧНО: Скрыть изображение флага */
.pll-parent-menu-item img,
.pll-parent-menu-item .nav-link img,
li#menu-item-303 img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* Убрать отступ слева у span с текстом */
.pll-parent-menu-item span,
.pll-parent-menu-item .nav-link span {
  margin-left: 0 !important;
  margin: 0 !important;
}

/* Центрировать текст внутри кнопки */
.pll-parent-menu-item > a,
.pll-parent-menu-item .nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Убрать padding у ссылки (был конфликт) */
.pll-parent-menu-item > a {
  padding: 0 !important;
}

/* В dropdown меню тоже скрыть флаги */
.pll-parent-menu-item .sub-menu img {
  display: none !important;
}

.pll-parent-menu-item .sub-menu span {
  margin-left: 0 !important;
}

/* === 5. АДАПТАЦИЯ ДЛЯ МОБИЛЬНЫХ === */
@media (max-width: 768px) {
  li#menu-item-307.pll-parent-menu-item,
  .pll-parent-menu-item {
    top: 10px !important;
    right: 10px !important;
    padding: 8px 15px !important;
    min-width: 80px !important;
    max-width: 100px !important;
    font-size: 11px !important;
  }
  
  .pll-parent-menu-item > a {
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
  }
  
  /* Сделать кнопку полупрозрачной на мобильных */
  .pll-parent-menu-item {
    background: rgba(255, 107, 53, 0.85) !important;
  }
  
  /* Уменьшить dropdown на мобильных */
  .pll-parent-menu-item .sub-menu {
    min-width: 90px !important;
    padding: 8px !important;
  }
  
  .pll-parent-menu-item .sub-menu li {
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
  
  .pll-parent-menu-item .sub-menu a {
    font-size: 11px !important;
  }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
  li#menu-item-307.pll-parent-menu-item,
  .pll-parent-menu-item {
    top: 8px !important;
    right: 8px !important;
    padding: 6px 12px !important;
    min-width: 70px !important;
    max-width: 85px !important;
    font-size: 10px !important;
    border-width: 1px !important;
  }
  
  .pll-parent-menu-item > a {
    font-size: 10px !important;
    letter-spacing: 0px !important;
  }
}