/**
 * ARIBENA - Světlé téma
 * Definice barevného schématu pro světlý režim
 */

 :root {
  /* Základní barvy - podle vašeho ThemeColors.light */
  --background: #F8FAFC;
  --surface: #FFFFFF;
  --surfaceHover: #F1F5F9;
  --surfacePressed: #E2E8F0;
  --primary: #6366F1;
  --text: #1E293B;
  --textSecondary: #64748B;
  --textDisabled: #94A3B8;
  --border: #CBD5E1;
  
  /* Funkční barvy */
  --energyBlue: #2c7af4;
  --goldYellow: #FFD700;
  --bronze: #CD7F32;
  --silver: #C0C0C0;
  --amethyst: #9400D3;
  --ruby: #E0115F;
  --error: #DC2626;
  --actionButton: #6366F1;
  --white: #FFFFFF;
  --black: #000000;
  --success: #10B981;
  --purple: #6366F1;
  
  /* Odvozené barvy */
  --cardShadow: rgba(0, 0, 0, 0.05);
  --headerShadow: rgba(0, 0, 0, 0.1);
  --buttonShadow: rgba(0, 0, 0, 0.15);
  
  /* Funkční barvy pro komponenty */
  --shield: rgba(44, 122, 244, 0.1);
  --hint: rgba(148, 163, 184, 0.1);
  --timer: rgba(16, 185, 129, 0.1);
  --multiplier: rgba(224, 17, 95, 0.1);
  --live: rgba(239, 68, 68, 0.1);
}

/* Specifické styly pro světlý režim - přepisy šablony */

/* Základní prvky */
body.light-theme {
  color: var(--text);
  background-color: var(--background);
}

.light-theme a {
  color: var(--primary);
}

.light-theme h1, 
.light-theme h2, 
.light-theme h3, 
.light-theme h4, 
.light-theme h5, 
.light-theme h6 {
  color: var(--text);
}

/* Header */
.light-theme .header {
  background-color: var(--surface);
  box-shadow: 0 2px 10px var(--headerShadow);
}

.light-theme .header.scrolled {
  background-color: var(--surface);
}

.light-theme .header-menu ul li a {
  color: var(--text);
}

.light-theme .header-menu ul li a:hover, 
.light-theme .header-menu ul li.active > a {
  color: var(--primary);
}

.light-theme .header-menu ul li ul {
  background-color: var(--surface) !important;
  box-shadow: 0 5px 20px var(--cardShadow) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid var(--border) !important;
}

.light-theme .header-menu ul li ul li a {
  color: var(--text) !important;
  background-color: var(--surface) !important;
  padding: 10px 20px !important;
  transition: all 0.2s ease !important;
  display: block !important;
}

.light-theme .header-menu ul li ul li a:hover {
  color: var(--primary) !important;
  background-color: var(--surfaceHover) !important;
}

/* Buttons */
.light-theme .btn {
  background-color: var(--primary);
  color: var(--white);
}

.light-theme .btn:hover {
  background-color: var(--actionButton);
}

.light-theme .btn.btn-outline {
  background-color: transparent;
  color: var(--primary);
  border: 2px solid var(--primary);
}

.light-theme .btn.btn-outline:hover {
  background-color: var(--primary);
  color: var(--white);
}

/* Sections */
.light-theme .section-title h2 {
  color: var(--text);
}

.light-theme .section-title p {
  color: var(--textSecondary);
}

/* Odstranění předchozího řešení */

.light-theme .bg-2 {
  background-color: var(--surfaceHover);
}

/* Features */
.light-theme .single-feature-inner {
  background-color: var(--surface);
  box-shadow: 0 5px 20px var(--cardShadow);
}

.light-theme .single-feature-inner:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px var(--cardShadow);
}

.light-theme .feature-icon {
  color: var(--primary);
}

.light-theme .feature-icon i.fas {
  color: var(--text);
}

.light-theme .center .single-feature-inner .feature-icon i.fas {
  color: var(--primary);
}

/* Counter */
.light-theme .single-counter {
  color: var(--text);
}

.light-theme .counter {
  color: var(--primary);
}

/* How to Play */
.light-theme .user-interact-inner h2 {
  color: var(--text);
}

.light-theme .user-interact-inner p {
  color: var(--textSecondary);
}

.light-theme .interact-icon {
  color: var(--primary);
}

.light-theme .interact-icon i.fas {
  color: var(--primary);
}

/* Pricing */
.light-theme .single-price-plan {
  background-color: var(--surface);
  box-shadow: 0 5px 20px var(--cardShadow);
}

.light-theme .single-price-plan.active {
  box-shadow: 0 10px 30px var(--cardShadow);
  border: 2px solid var(--primary);
}

.light-theme .single-price-top h4 {
  color: var(--text);
}

.light-theme .single-price-top span {
  color: var(--primary);
}

.light-theme .price-list ul li {
  color: var(--textSecondary);
}

.light-theme .price-list ul li span i.fa-check {
  color: var(--success);
}

.light-theme .price-list ul li span i.fa-times {
  color: var(--error);
}

.light-theme .save-info {
  color: var(--success);
}

/* Footer */
.light-theme .footer {
  background-color: var(--surfacePressed);
}

.light-theme .footerbg {
  background-color: var(--surfacePressed);
}

.light-theme .footer-widget p {
  color: var(--textSecondary);
}

.light-theme .widget-header h5 {
  color: var(--text);
}

.light-theme .footer-social-area ul li a {
  background-color: var(--surfaceHover);
  color: var(--text);
}

.light-theme .footer-social-area ul li a:hover {
  background-color: var(--primary);
  color: var(--white);
}

.light-theme .footer-links ul li a {
  color: var(--textSecondary);
}

.light-theme .footer-links ul li a:hover {
  color: var(--primary);
}

.light-theme .footer-bottom {
  border-top: 1px solid var(--border);
}

.light-theme .footer-language-select {
  background-color: var(--surfaceHover);
  color: var(--text);
  border: 1px solid var(--border);
}

/* Theme Toggle */
.light-theme .theme-toggle-btn {
  background-color: var(--surfaceHover);
  border: 1px solid var(--border);
  color: var(--text);
}

.light-theme .toggle-slider {
  background-color: var(--textDisabled);
}

.light-theme .theme-toggle-btn.active .toggle-slider {
  background-color: var(--primary);
}

/* Cookies Consent */
.light-theme .cookies-consent {
  background-color: var(--surface);
  box-shadow: 0 -2px 10px var(--headerShadow);
  border-top: 1px solid var(--border);
}

.light-theme .cookies-content p {
  color: var(--textSecondary);
}

.light-theme .cookies-content a {
  color: var(--primary);
}

/* Back to Top */
.light-theme .back-to-top {
  background-color: var(--primary);
  color: var(--white);
}

.light-theme .back-to-top:hover {
  background-color: var(--actionButton);
}