/**
 * Premium Elite Styling
 * Элитные стили для премиум-вида сайта
 */

/* Премиальная типографика */
h1, h2, h3, h4, h5, h6 {
  font-family: "Cinzel", "Playfair Display", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #f6ecff;
}

.article__title,
.section-title,
.t20r,
.t21r,
.t22r {
  font-family: "Cinzel", "Playfair Display", serif;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #e4e7ff;
  line-height: 1.3;
}

/* Элитные заголовки с золотыми акцентами */
.article__title::first-letter,
.section-title::first-letter {
  background: linear-gradient(135deg, #f91f8f 0%, #b041ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Элитные карточки с золотыми акцентами */
.brands-item {
  position: relative;
  overflow: hidden;
}

.brands-item::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 0, 153, 0.15) 0%, transparent 70%);
  animation: nebulaGlow 8s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

@keyframes nebulaGlow {
  0%, 100% { 
    transform: translate(0, 0) scale(1);
    opacity: 0.25;
  }
  50% { 
    transform: translate(-10%, -10%) scale(1.1);
    opacity: 0.45;
  }
}

/* Премиальные кнопки */
.btn--secondary {
  position: relative;
  overflow: hidden;
}

.btn--secondary::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%);
  animation: buttonShine 3s infinite;
  pointer-events: none;
}

@keyframes buttonShine {
  0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
  100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

/* Элитные тени и эффекты глубины */
.brands-item__bonus-block {
  position: relative;
  z-index: 5;
}

/* Премиальная анимация появления */
@keyframes elegantFadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.brands-item {
  animation: elegantFadeIn 0.8s ease-out;
}

.brands-item:nth-child(1) { animation-delay: 0.1s; }
.brands-item:nth-child(2) { animation-delay: 0.2s; }
.brands-item:nth-child(3) { animation-delay: 0.3s; }
.brands-item:nth-child(4) { animation-delay: 0.4s; }
.brands-item:nth-child(5) { animation-delay: 0.5s; }
.brands-item:nth-child(6) { animation-delay: 0.6s; }

/* Элитные разделители */
.brands-item + .brands-item {
  margin-top: 8px;
}

/* Премиальные эффекты при наведении на изображения */
.brands-item__image-block img {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.brands-item:hover .brands-item__image-block img {
  transform: scale(1.05);
  filter: brightness(1.1) drop-shadow(0 8px 24px rgba(146, 111, 255, 0.35));
}

/* Мобильная оптимизация: уменьшаем интенсивность теней/свечений */
@media (max-width: 767px) {
  .brands-item:hover .brands-item__image-block img {
    transform: scale(1.03);
    filter: brightness(1.05) drop-shadow(0 6px 18px rgba(146, 111, 255, 0.28));
  }
  .btn--secondary,
  .btn--secondary:hover {
    box-shadow: 0 10px 36px rgba(255, 31, 167, 0.45), 0 6px 24px rgba(130, 16, 255, 0.4);
  }
}

/* Элитная навигация */
.nav-logo {
  transition: all 0.3s ease;
}

.nav-logo:hover {
  transform: scale(1.05);
}

/* Премиальные ссылки */
a {
  transition: all 0.3s ease;
}

/* Элитные эффекты скролла */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Премиум градиенты для текста */
.premium-text {
  background: linear-gradient(135deg, #f91f8f 0%, #b041ff 50%, #7c5dff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Общие цвета текста для светлой темы */
.t16r, .t18r, .t20r {
  color: #d5dbff;
}

.t16r strong, .t18r strong, .t20r strong {
  color: #f6ecff;
}

/* Элитные теги и бейджи */
.brands-item__tags-item {
  transition: all 0.3s ease;
  border: 1.5px solid rgba(255, 31, 167, 0.35);
}

.brands-item__tags-item:hover {
  border-color: rgba(255, 31, 167, 0.6);
  box-shadow: 0 4px 12px rgba(255, 31, 167, 0.25);
  transform: translateY(-2px);
}

/* Премиальные эффекты для изображений логотипов казино */
.brands-item__top img {
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  filter: drop-shadow(0 2px 8px rgba(3, 5, 18, 0.6));
}

.brands-item:hover .brands-item__top img {
  filter: drop-shadow(0 4px 16px rgba(146, 111, 255, 0.35)) brightness(1.05);
  transform: scale(1.02);
}

/* Элитные отступы */
.conteiner {
  padding-left: clamp(24px, 5vw, 80px);
  padding-right: clamp(24px, 5vw, 80px);
}

/* Премиальные эффекты для мобильных */
@media (max-width: 991px) {
  .brands-item {
    padding: 40px clamp(32px, 5vw, 64px);
    border-radius: 24px;
  }
}