/* Dark Theme CSS for domendomen.com */



/* Основные цвета темной темы */

:root {

  --dark-bg-primary: #1a1a1a;

  --dark-bg-secondary: #2d2d2d;

  --dark-bg-tertiary: #3a3a3a;

  --dark-text-primary: #ffffff;

  --dark-text-secondary: #cccccc;

  --dark-text-muted: #999999;

  --dark-accent: #6ec1e4;

  --dark-accent-hover: #5ab3d1;

  --dark-border: #444444;

  --dark-shadow: rgba(0, 0, 0, 0.5);

}





/* Глобальные стили для темной темы */

body {

  background-color: var(--dark-bg-primary) !important;

  color: var(--dark-text-primary) !important;

  outline: none !important;



}



/* Заголовки */

h1, h2, h3, h4, h5, h6 {

  color: var(--dark-text-primary) !important;

}



/* Ссылки */

a {

  color: var(--dark-accent) !important;

}



a:hover {

  color: var(--dark-accent-hover) !important;

}



/* Навигационное меню */

.site-header {

  background-color: none !important;

  border-bottom: 1px solid var(--dark-border) !important;

}



.main-header-menu a {

  color: var(--dark-text-primary) !important;

}



.main-header-menu a:hover {

  color: var(--dark-accent) !important;

}



/* Основной контент */

.site-content {

  background-color: var(--dark-bg-primary) !important;

}



.ast-container {

  background-color: var(--dark-bg-primary) !important;

}



/* Элементы Elementor */

.elementor-section {

  background-color: var(--dark-bg-primary) !important;

}



.elementor-container {

  background-color: var(--dark-bg-primary) !important;

}



.elementor-widget-container {

  background-color: transparent !important;

}



/* Кнопки */

.elementor-button {

  background-color: var(--dark-accent) !important;

  color: var(--dark-text-primary) !important;

  border: 1px solid var(--dark-accent) !important;

}



.elementor-button:hover {

  background-color: var(--dark-accent-hover) !important;

  border-color: var(--dark-accent-hover) !important;

}



/* Формы */

input[type="text"], 

input[type="email"], 

textarea {

  background-color: none !important;

  color: black !important;

  border: 1px solid var(--dark-border) !important;

}



input[type="text"]:focus, 

input[type="email"]:focus, 

textarea:focus {

  border-color: var(--dark-accent) !important;

  outline: none !important;

}



/* Подвал */

.site-footer {

  background-color: none !important;

  color: var(--dark-text-secondary) !important;

  border-top: 1px solid var(--dark-border) !important;

}



/* Карточки и блоки */

.elementor-testimonial-wrapper {

  background-color: none !important;

  border: 1px solid var(--dark-border) !important;

}



.elementor-icon-box-wrapper {

  background-color: none !important;

}



/* Аккордеон */

.elementor-accordion-item {

  background-color: var(--dark-bg-secondary) !important;

  border: 1px solid var(--dark-border) !important;

  margin-bottom: 10px !important;

  border-radius: 8px !important;

  overflow: hidden !important;

}



.elementor-tab-title {

  background-color: var(--dark-bg-secondary) !important;

  color: var(--dark-text-primary) !important;

  padding: 15px 20px !important;

  cursor: pointer !important;

  transition: all 0.3s ease !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  border: none !important;

  width: 100% !important;

  text-align: left !important;

}



.elementor-tab-title:hover {

  background-color: var(--dark-bg-tertiary) !important;

}



.elementor-accordion-title {

  flex: 1 !important;

  margin: 0 !important;

  font-weight: 500 !important;

  text-decoration: none !important;

  color: var(--dark-text-primary) !important;

}



.elementor-accordion-icon {

  margin-left: 15px !important;

  transition: transform 0.3s ease !important;

  flex-shrink: 0 !important;

}



.elementor-accordion-icon-closed,

.elementor-accordion-icon-opened {

  display: inline-block !important;

  font-size: 14px !important;

  color: var(--dark-accent) !important;

}



.elementor-tab-content {

  background-color: var(--dark-bg-tertiary) !important;

  color: var(--dark-text-primary) !important;

  padding: 20px !important;

  border-top: 1px solid var(--dark-border) !important;

  display: none !important;

}



.elementor-tab-content p {

  margin: 0 !important;

  line-height: 1.6 !important;

}



/* Дополнительные стили для аккордеона */

.elementor-accordion .elementor-accordion-item {

  background-color: var(--dark-bg-secondary) !important;

}



.elementor-accordion .elementor-tab-title {

  background-color: var(--dark-bg-secondary) !important;

  color: var(--dark-text-primary) !important;

  cursor: pointer !important;

}



.elementor-accordion .elementor-tab-content {

  background-color: var(--dark-bg-tertiary) !important;

  color: var(--dark-text-primary) !important;

  display: none !important;

}



/* Убеждаемся, что иконки видны */

.elementor-accordion-icon-closed i,

.elementor-accordion-icon-opened i {

  color: var(--dark-accent) !important;

  font-size: 14px !important;

}



/* Разделители */

.elementor-divider-separator {

  border-color: var(--dark-border) !important;

}



/* Тени удалены */



/* Мобильное меню */

.ast-mobile-header-wrap {

  background-color: none !important;

}



.ast-mobile-header-content {

  background-color: none !important;

}



/* Переопределение специфичных классов */

.wp-block-heading {

  color: var(--dark-text-primary) !important;

}



.wp-block-list li {

  color: var(--dark-text-primary) !important;

}



/* Логотип и брендинг */

.site-branding {

  color: var(--dark-text-primary) !important;

}



.site-title {

  color: var(--dark-text-primary) !important;

}



/* Копирайт в футере */

.ast-footer-copyright {

  color: var(--dark-text-secondary) !important;

}



/* Специальные элементы */

.elementor-background-overlay {

  background-color: rgba(0, 0, 0, 0.3) !important;

}



/* Адаптивность */

@media (max-width: 768px) {

  .elementor-section {

    background-color: var(--dark-bg-primary) !important;

  }

  

  .ast-container {

    background-color: var(--dark-bg-primary) !important;

  }

}



.post-22696, #post-22698, .e-parent {

  background: black !important;

}



.ast-primary-header-bar{

  background: var(--dark-bg-primary);

}