/* Совместимость с Яндекс.Браузером */

/* Fallback для современных CSS свойств */
@supports not (display: grid) {
  .grid {
    display: block;
  }
  
  .grid-cols-1 > * {
    width: 100%;
    margin-bottom: 1rem;
  }
  
  .grid-cols-2 > * {
    width: 50%;
    float: left;
    margin-bottom: 1rem;
  }
  
  .grid-cols-3 > * {
    width: 33.333333%;
    float: left;
    margin-bottom: 1rem;
  }
  
  .grid-cols-4 > * {
    width: 25%;
    float: left;
    margin-bottom: 1rem;
  }
  
  .grid-cols-5 > * {
    width: 20%;
    float: left;
    margin-bottom: 1rem;
  }
  
  .grid-cols-6 > * {
    width: 16.666667%;
    float: left;
    margin-bottom: 1rem;
  }
  
  .grid-cols-12 > * {
    width: 8.333333%;
    float: left;
    margin-bottom: 1rem;
  }
}

/* Fallback для backdrop-filter */
@supports not (backdrop-filter: blur(10px)) {
  .backdrop-blur-sm {
    background: rgba(255, 255, 255, 0.8);
  }
  
  .backdrop-blur-md {
    background: rgba(255, 255, 255, 0.9);
  }
  
  .backdrop-blur-lg {
    background: rgba(255, 255, 255, 0.95);
  }
}

/* Fallback для CSS Grid */
@supports not (grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))) {
  .grid-cols-auto-fit {
    display: block;
  }
  
  .grid-cols-auto-fit > * {
    width: 100%;
    margin-bottom: 1rem;
  }
}

/* Fallback для flexbox */
@supports not (display: flex) {
  .flex {
    display: block;
  }
  
  .flex-col {
    display: block;
  }
  
  .flex-row {
    display: block;
  }
  
  .items-center {
    text-align: center;
  }
  
  .justify-center {
    text-align: center;
  }
  
  .justify-between {
    text-align: justify;
  }
  
  .space-x-2 > * + * {
    margin-left: 0.5rem;
  }
  
  .space-x-4 > * + * {
    margin-left: 1rem;
  }
  
  .space-x-8 > * + * {
    margin-left: 2rem;
  }
  
  .space-y-2 > * + * {
    margin-top: 0.5rem;
  }
  
  .space-y-4 > * + * {
    margin-top: 1rem;
  }
  
  .space-y-8 > * + * {
    margin-top: 2rem;
  }
}

/* Fallback для CSS переменных */
@supports not (--custom-property: value) {
  :root {
    --primary: #7B9A7E;
    --primary-50: #F0F9F0;
    --primary-100: #E0F2E0;
    --primary-600: #5A7A5D;
    --secondary: #A8B5A3;
    --secondary-100: #F0F2F0;
    --secondary-200: #E5E7E5;
    --text-primary: #2D3E2F;
    --text-secondary: #5A6B5C;
    --surface: #FFFFFF;
    --background: #FAFBFA;
    --accent: #F59E0B;
    --accent-600: #D97706;
    --success: #10B981;
    --warning: #F59E0B;
    --error: #EF4444;
  }
}

/* Улучшенная поддержка мобильных устройств */
@media (max-width: 768px) {
  /* Отключаем сложные анимации на мобильных */
  .animate-fade-in-up,
  .animate-float,
  .animate-pulse-slow {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  
  /* Упрощаем hover эффекты */
  .hover\\:shadow-medium:hover,
  .hover\\:shadow-lg:hover {
    box-shadow: none !important;
  }
  
  .hover\\:translate-y-\\-5px:hover,
  .hover\\:translate-y-\\-8px:hover {
    transform: none !important;
  }
  
  /* Упрощаем градиенты */
  .gradient-text {
    background: var(--primary, #7B9A7E) !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    color: var(--primary, #7B9A7E) !important;
  }
  
  /* Упрощаем backdrop-filter */
  .glass-effect {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: none !important;
  }
}

/* Специальные исправления для Яндекс.Браузера */
@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) {
  /* Яндекс.Браузер на Android */
  .sticky {
    position: relative;
  }
  
  .backdrop-blur-md {
    background: rgba(255, 255, 255, 0.9);
  }
  
  /* Упрощаем сложные CSS свойства */
  .shadow-soft {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .shadow-medium {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .shadow-lg {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  }
}

/* Fallback для современных селекторов */
@supports not (selector(:has(*))) {
  .group:hover .group-hover\\:animate-pulse-slow {
    animation: none;
  }
  
  .group:hover .group-hover\\:w-full {
    width: 100%;
  }
}

/* Улучшенная поддержка touch устройств */
@media (hover: none) and (pointer: coarse) {
  .hover\\:shadow-medium:hover,
  .hover\\:shadow-lg:hover,
  .hover\\:translate-y-\\-5px:hover,
  .hover\\:translate-y-\\-8px:hover {
    transform: none !important;
    box-shadow: none !important;
  }
  
  /* Увеличиваем размеры touch элементов */
  button, a, input, select, textarea {
    min-height: 44px;
    min-width: 44px;
  }
  
  /* Упрощаем hover состояния */
  .hover\\:bg-primary-50:hover,
  .hover\\:bg-secondary-200:hover {
    background-color: transparent !important;
  }
}