/* Light Theme Styles */
/* Основные цвета для светлой темы */
:root {
  --light-bg-primary: #ffffff;
  --light-bg-secondary: #f8f9fa;
  --light-bg-tertiary: #e9ecef;
  --light-text-primary: #212529;
  --light-text-secondary: #495057;
  --light-text-tertiary: #6c757d;
  --light-accent: #007bff;
  --light-accent-hover: #0056b3;
  --light-border: #dee2e6;
  --light-shadow: rgba(0, 0, 0, 0.1);
}

/* Переопределение основных цветов WordPress */
:root {
  --wp--preset--color--black: #212529 !important;
  --wp--preset--color--white: #ffffff !important;
  --wp--preset--color--cyan-bluish-gray: #6c757d !important;
}

/* Основные элементы */
body {
  background-color: var(--light-bg-primary) !important;
  color: var(--light-text-primary) !important;
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
  color: var(--light-text-primary) !important;
}

/* Параграфы и текст */
p, span, div {
  color: #262626;
}

/* Ссылки */
a {
  color: var(--light-accent) !important;
}

a:hover {
  color: var(--light-accent-hover) !important;
}

/* Формы */
input, textarea, select {
  background-color: var(--light-bg-tertiary) !important;
  color: var(--light-text-primary) !important;
  border-color: var(--light-border) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--light-accent) !important;
  box-shadow: 0 0 0 2px rgba(74, 158, 255, 0.2) !important;
}

/* Кнопки */
button, .btn, .button {
  background-color: var(--light-accent) !important;
  color: var(--light-text-primary) !important;
  border-color: var(--light-accent) !important;
}

button:hover, .btn:hover, .button:hover {
  background-color: var(--light-accent-hover) !important;
  border-color: var(--light-accent-hover) !important;
}

/* Навигация */
nav a, .navbar a, .menu a {
  color: #262626;
}

nav a:hover, .navbar a:hover, .menu a:hover {
  color: var(--light-accent) !important;
}

/* Специфичные стили для элементов сайта */
.burger {
  background: var(--light-bg-secondary) !important;
}

.zendrop-tab-title {
  background-color: var(--light-bg-tertiary) !important;
  color: #262626;
}

.slick-active .zendrop-tab-title {
  background-color: var(--light-accent) !important;
  color: var(--light-text-primary) !important;
}

/* Формы регистрации */
form#zendrop-signup-form input {
  background: var(--light-bg-tertiary) !important;
  color: var(--light-text-primary) !important;
  border-color: var(--light-border) !important;
}

form#zendrop-signup-form button#submit-email {
  background-color: var(--light-accent) !important;
  border-color: var(--light-accent) !important;
}

/* Формы оплаты */
form#zendrop-stripe-payment-form {
  background: var(--light-bg-secondary) !important;
}

form#zendrop-stripe-payment-form .frm-row label {
  color: #262626;
}

form#zendrop-stripe-payment-form-two-step .frm-row label {
  color: var(--light-text-primary) !important;
}

form#zendrop-stripe-payment-form .frm-row input,
form#zendrop-stripe-payment-form .frm-row select,
form#zendrop-stripe-payment-form-two-step .frm-row input,
form#zendrop-stripe-payment-form-two-step .frm-row select {
  background-color: var(--light-bg-tertiary) !important;
  color: var(--light-text-primary) !important;
  border-color: var(--light-border) !important;
}

form#zendrop-stripe-payment-form .frm-row #zendrop-stripe-pay-btn,
form#zendrop-stripe-payment-form .frm-row #zendrop-stripe-pay-two-step,
form#zendrop-stripe-payment-form-two-step .frm-row #zendrop-stripe-pay-btn,
form#zendrop-stripe-payment-form-two-step .frm-row #zendrop-stripe-pay-two-step {
  background: var(--light-accent) !important;
  color: var(--light-text-primary) !important;
}

form#zendrop-stripe-payment-form #card_number,
form#zendrop-stripe-payment-form-two-step #card_number {
  background-color: var(--light-bg-tertiary) !important;
  border-color: var(--light-border) !important;
}

form#zendrop-stripe-payment-form .col-50,
form#zendrop-stripe-payment-form-two-step .col-50 {
  background-color: var(--light-bg-tertiary) !important;
  border-color: var(--light-border) !important;
}

/* Чекбоксы и лейблы */
.marketing-checkbox label {
  color: var(--light-text-tertiary) !important;
}

/* Элементы Elementor */
.elementor-widget-heading .elementor-heading-title {
  color: var(--light-text-primary) !important;
}

.elementor-widget-text-editor {
  color: #262626;
}

.elementor-widget-text-editor p {
  color: #262626;
}

/* Слайдеры и карусели */
.slick-slide {
  background-color: var(--light-bg-secondary) !important;
}

/* Модальные окна */
.modal, .popup {
  background-color: var(--light-bg-secondary) !important;
  color: var(--light-text-primary) !important;
}

/* Таблицы */
table {
  background-color: var(--light-bg-secondary) !important;
  color: var(--light-text-primary) !important;
}

table th, table td {
  border-color: var(--light-border) !important;
  color: var(--light-text-primary) !important;
}

/* Списки */
ul, ol, li {
  color: #262626;
}

/* Изображения с прозрачностью для темной темы */
img {
  opacity: 0.9;
}

/* Скроллбар */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--light-bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--light-bg-tertiary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--light-accent);
}

/* Адаптивность */
@media (max-width: 768px) {
  .burger {
    background: var(--light-bg-secondary) !important;
  }
}

/* Стили для текстовых виджетов - только цвета */
.elementor-widget-text-editor {
  color: #262626;
}

.elementor-widget-text-editor p {
  color: #262626;
}

/* Стили для кнопок Elementor */
.elementor-button {
  background-color: var(--light-accent) !important;
  color: var(--light-text-primary) !important;
  border-color: var(--light-accent) !important;
}

.elementor-button:hover {
  background-color: var(--light-accent-hover) !important;
  border-color: var(--light-accent-hover) !important;
}

/* Дополнительные стили для лучшей совместимости */
.elementor-widget-container * {
  color: inherit !important;
}

/* Стили для иконок */
.elementor-icon {
  color: var(--light-accent) !important;
}

.elementor-icon svg {
  fill: var(--light-accent) !important;
}

/* Стили для разделителей */
.elementor-divider {
  border-color: var(--light-border) !important;
}

/* Стили для изображений в виджетах */
.elementor-widget-image img {
  opacity: 0.9;
  filter: brightness(0.9);
}

/* Стили для аккордеонов */
.elementor-accordion .elementor-accordion-title {
  color: var(--light-text-primary) !important;
}

.elementor-accordion .elementor-accordion-content {
  color: #262626;
}

/* Стили для табов */
.elementor-tabs .elementor-tab-title {
  color: #262626;
}

.elementor-tabs .elementor-tab-title.elementor-active {
  background-color: var(--light-accent) !important;
  color: var(--light-text-primary) !important;
}

.elementor-tabs .elementor-tab-content {
  color: #262626;
}

/* Стили для счетчиков */
.elementor-counter .elementor-counter-number {
  color: var(--light-text-primary) !important;
}

.elementor-counter .elementor-counter-title {
  color: #262626;
}

/* Стили для прогресс-баров */
.elementor-progress-bar {
  background-color: var(--light-bg-tertiary) !important;
}

.elementor-progress-bar .elementor-progress-bar-fill {
  background-color: var(--light-accent) !important;
}

/* Стили для звездных рейтингов */
.elementor-star-rating {
  color: var(--light-accent) !important;
}

/* Стили для социальных иконок */
.elementor-social-icon {
  color: var(--light-text-primary) !important;
}

.elementor-social-icon:hover {
  background-color: var(--light-accent) !important;
}

/* Стили для форм Elementor */
.elementor-form .elementor-field-group input,
.elementor-form .elementor-field-group textarea,
.elementor-form .elementor-field-group select {
  background-color: var(--light-bg-tertiary) !important;
  color: var(--light-text-primary) !important;
  border-color: var(--light-border) !important;
}

.elementor-form .elementor-field-group label {
  color: #262626;
}

/* Стили для уведомлений */
.elementor-alert {
  color: var(--light-text-primary) !important;
}

/* Стили для блоков кода */
.elementor-widget-text-editor code,
.elementor-widget-text-editor pre {
  background-color: var(--light-bg-tertiary) !important;
  color: var(--light-text-primary) !important;
  border-color: var(--light-border) !important;
}

/* Стили для цитат */
.elementor-widget-text-editor blockquote {
  border-left-color: var(--light-accent) !important;
  color: #262626;
}