/*!
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
--------------------------------------------- */

/* =========================================
   KRWIN OFFICIAL CASINO STYLES
   Theme: Korean Gaming Premium Style
   Colors: Navy Blue + Orange + Gold
   Version: 1.11
   Target: Korean Market
   ========================================= */

/* === 1. COLOR VARIABLES === */
:root {
  /* Primary Navy Blue Colors */
  --primary-navy: #0A1F44;
  --dark-navy: #051229;
  --medium-navy: #1A2F5A;
  --light-navy: #2A4070;
  
  /* Accent Orange/Red Colors */
  --primary-orange: #FF6B35;
  --bright-orange: #FF8C00;
  --dark-orange: #E64A19;
  --red-accent: #FF4500;
  
  /* Gold Colors */
  --primary-gold: #FFD700;
  --bright-gold: #FFC107;
  --dark-gold: #FFA000;
  
  /* Background Colors */
  --bg-navy: #0A1F44;
  --bg-dark-navy: #051229;
  --bg-card: #1A2F5A;
  --bg-overlay: rgba(10, 31, 68, 0.95);
  
  /* Text Colors */
  --text-white: #FFFFFF;
  --text-light: #F5F5F5;
  --text-gray: #B0BEC5;
  --text-orange: #FF6B35;
  --text-gold: #FFD700;
  
  /* Button Text Colors */
  --btn-text-white: #FFFFFF;
  --btn-text-dark: #0A1F44;
  
  /* Effects & Shadows */
  --shadow-orange: 0 4px 20px rgba(255, 107, 53, 0.4);
  --shadow-blue: 0 4px 20px rgba(26, 47, 90, 0.5);
  --shadow-dark: 0 8px 30px rgba(0, 0, 0, 0.8);
  --glow-orange: 0 0 20px rgba(255, 107, 53, 0.6);
  --glow-gold: 0 0 20px rgba(255, 215, 0, 0.6);
  
  /* Gradients */
  --gradient-orange: linear-gradient(135deg, #FF6B35 0%, #FF8C00 50%, #FFA500 100%);
  --gradient-blue: linear-gradient(135deg, #0A1F44 0%, #1A2F5A 50%, #2A4070 100%);
  --gradient-gold: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #FFA000 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. GLOBAL STYLES === */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Arial', 'Helvetica Neue', 'Roboto', sans-serif;
  background: var(--bg-navy) !important;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(255, 107, 53, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(26, 47, 90, 0.08) 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;
}

/* === 4. УБРАТЬ САЙДБАР + ЦЕНТРИРОВАТЬ КОНТЕНТ === */
#secondary,
#secondary.sidebar.widget-area,
.sidebar,
.widget-area,
aside {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Растянуть контент на всю ширину без сайдбара */
.row.justify-content-between {
  justify-content: center !important;
}

.krwin-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;
}

/* Центрировать текст */
.krwin-content,
article,
.entry-content {
  text-align: justify !important;
}

/* === 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-orange);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 107, 53, 0.3);
  transition: all var(--transition-fast);
}

#stickyHeader.scrolled,
.sticky-header.scrolled {
  background: rgba(5, 18, 41, 0.98);
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.9), 0 0 30px rgba(255, 107, 53, 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;
  background: var(--gradient-gold);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 2px;
  font-family: 'Impact', 'Arial Black', sans-serif;
  transition: all var(--transition-fast);
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(255, 215, 0, 0.5);
}

.logo:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 0 15px rgba(255, 215, 0, 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, 107, 53, 0.7), 0 0 30px rgba(255, 107, 53, 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-orange);
  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-orange);
  box-shadow: var(--shadow-orange), 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(255, 107, 53, 0.8), 0 0 40px rgba(255, 107, 53, 0.6);
  border-color: var(--dark-orange);
  animation: pulseOrange 1.5s infinite;
  color: var(--text-white) !important;
}

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

/* Центрировать кнопки */
.button,
a[href*="/reg"],
a[href*="play"] {
  display: block !important;
  margin: 20px auto !important;
  text-align: center !important;
  max-width: 400px !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;
  text-align: center !important;
}

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

h1::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 5px;
  background: var(--gradient-orange);
  box-shadow: var(--glow-orange);
}

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

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

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

h4 {
  font-size: 24px;
  color: var(--text-orange);
}

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

strong, b {
  color: var(--text-gold);
  font-weight: 900;
}

/* === 8. SECTIONS === */
section {
  padding: 40px 30px;
  margin: 30px 0;
  background: var(--gradient-blue);
  border-radius: 20px;
  border: 2px solid rgba(255, 107, 53, 0.3);
  box-shadow: var(--shadow-dark), inset 0 1px 3px rgba(255, 107, 53, 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(255, 107, 53, 0.05) 0%, transparent 70%);
  animation: rotateBackground 20s linear infinite;
  pointer-events: none;
}

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

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

/* Gameplay Section */
.gameplay-section {
  background: linear-gradient(135deg, rgba(26, 47, 90, 0.3) 0%, rgba(10, 31, 68, 0.9) 100%);
  border-color: rgba(26, 47, 90, 0.5);
}

/* Bonus Section */
.bonus-section {
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, rgba(10, 31, 68, 0.9) 100%);
  border-color: rgba(255, 107, 53, 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(255, 107, 53, 0.2) 0%, rgba(26, 47, 90, 0.9) 100%);
  padding: 40px;
  border-radius: 20px;
  border: 3px solid var(--primary-orange);
  box-shadow: var(--shadow-orange), inset 0 2px 10px rgba(255, 107, 53, 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(--text-gold);
  font-size: 32px;
  text-align: center;
  margin-bottom: 30px;
  text-shadow: 0 2px 15px rgba(255, 215, 0, 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(10, 31, 68, 0.6);
  border-left: 5px solid var(--primary-orange);
  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-orange);
  text-shadow: 0 0 10px rgba(255, 107, 53, 0.8);
}

.advantages ul li:hover {
  transform: translateX(10px);
  background: rgba(255, 107, 53, 0.15);
  border-left-color: var(--bright-orange);
  box-shadow: 0 6px 25px rgba(255, 107, 53, 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, 47, 90, 0.8);
  border-left: 5px solid var(--primary-orange);
  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-orange);
  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-orange);
  border: 3px solid var(--bright-orange);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

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

ol li:hover::before {
  transform: translateY(-50%) scale(1.1) rotate(360deg);
  box-shadow: 0 0 20px rgba(255, 107, 53, 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(255, 107, 53, 0.4);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 107, 53, 0.2);
  transition: all var(--transition-medium);
}

img:hover {
  transform: scale(1.05);
  border-color: var(--primary-orange);
  box-shadow: 0 15px 60px rgba(0, 0, 0, 0.9), 0 0 40px rgba(255, 107, 53, 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, 47, 90, 0.9);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7);
}

thead {
  background: var(--gradient-orange);
  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-orange);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

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

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

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

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

/* === 13. PROMOTIONS / BONUS CARDS === */
.promotion-card,
.bonus-card {
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, rgba(10, 31, 68, 0.9) 100%);
  border: 3px solid var(--primary-orange);
  border-radius: 20px;
  padding: 30px;
  margin: 20px 0;
  box-shadow: var(--shadow-orange);
  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-orange);
  box-shadow: 0 15px 50px rgba(255, 107, 53, 0.5);
}

.promotion-title {
  font-size: 28px;
  color: var(--text-gold);
  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;
  }
  
  .krwin-content,
  article,
  .entry-content {
    max-width: 100% !important;
    padding: 30px 15px !important;
  }
  
  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;
  }
}

@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 pulseOrange {
  0%, 100% {
    box-shadow: 0 10px 40px rgba(255, 107, 53, 0.6), 0 0 30px rgba(255, 107, 53, 0.4);
  }
  50% {
    box-shadow: 0 10px 40px rgba(255, 107, 53, 0.9), 0 0 50px rgba(255, 107, 53, 0.7);
  }
}

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

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

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

::-webkit-scrollbar-track {
  background: var(--bg-navy);
  border-left: 1px solid rgba(255, 107, 53, 0.2);
}

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

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

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

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

/* =========================================
   END OF KRWIN OFFICIAL CASINO STYLES
   ========================================= */

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

/* Позиция языкового меню - компактная кнопка */
li#menu-item-307.pll-parent-menu-item,
.pll-parent-menu-item {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 9999 !important;
  
  /* Размер */
  width: auto !important;
  display: inline-block !important;
  
  background: rgba(255, 107, 53, 0.95) !important;
  padding: 15px 35px !important;
  max-width: none !important;
  min-width: 140px !important;
  border-radius: 30px !important;
  border: 2px solid var(--bright-orange) !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(255, 107, 53, 1) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 6px 20px rgba(255, 107, 53, 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-orange) !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(255, 107, 53, 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-orange) !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;
}

/* Мобильная адаптация языкового меню */
/* Мобильная адаптация языкового меню */
@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;
  }
}