/**
 * @file: custom.css
 * @description: Кастомні стилі для GOTUIMO Child Theme
 * @package: GOTUIMO
 * @author: GOTUIMO Team
 * @created: 2024-07-31
 * @updated: 2025-10-15
 * @version: 1.0.2
 * 
 * Цей файл містить всі кастомні стилі для GOTUIMO платформи.
 * Додавайте свої стилі сюди для легких оновлень батьківської теми.
 * 
 * ВАЖЛИВО: Дотримуйтесь media queries для responsive design!
 * Mobile-first підхід: https://www.w3schools.com/css/css_rwd_mediaqueries.asp
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Typography
3.0 - Header
4.0 - Navigation
5.0 - Recipe Cards (WPRM)
6.0 - Social Features (BuddyBoss)
7.0 - Gamification (GamiPress)
8.0 - Footer
9.0 - Responsive Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

/* Кастомні CSS змінні для GOTUIMO */
:root {
  /* Кольори бренду GOTUIMO */
  --gotuimo-primary: #ff6b6b; /* Головний колір */
  --gotuimo-secondary: #4ecdc4; /* Вторинний колір */
  --gotuimo-accent: #ffe66d; /* Акцентний колір */
  --gotuimo-text: #2c3e50; /* Основний текст */
  --gotuimo-bg: #f7f7f7; /* Фон */
}

/* Додайте свої кастомні стилі нижче */

/*--------------------------------------------------------------
10.0 - FIX: BuddyBoss Conditional Display Issues
--------------------------------------------------------------*/

/* 
 * ПРОБЛЕМА: BuddyBoss показує обидва слайди (logged-in + logged-out) одночасно
 * РІШЕННЯ: Приховуємо всі неактивні слайди
 */
.elementor-widget-slides
  .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(
    .swiper-slide-prev
  ) {
  display: none !important;
}

/* 
 * Альтернатива: Якщо є дублікати - показуємо тільки перший
 */
.elementor-slides-wrapper .elementor-slides > .swiper-slide:nth-child(n + 2) {
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: -1 !important;
}