/* Кастомные исправления для темы Win */

/* Исправления для header */
header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body {
  padding-top: 0 !important;
}

/* Цвет меню должен быть белый */
.text-header,
nav.text-header a,
.nav-link {
  color: rgb(255, 255, 255) !important;
}

/* Убрать фон у кнопки "..." */
#overflow-menu-btn {
  background: transparent !important;
  background-color: transparent !important;
}

/* Белый цвет для кнопок "Вход" и "Регистрация" */
.text-loginBtn,
.text-registrationBtn {
  color: rgb(255, 255, 255) !important;
}

/* Исправления для блоков в футере */
footer .grid.col-span-2 a {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  hyphens: auto;
  line-height: 1.3;
}

footer .grid.col-span-2 a div {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  line-height: 1.3;
}

/* Обеспечиваем правильные отступы между блоками в футере */
footer .grid.col-span-2 {
  gap: 0.5rem !important;
}

@media (min-width: 1024px) {
  footer .grid.col-span-2 {
    gap: 0.75rem !important;
  }
}






/* Анимированный градиент для основной кнопки 1WIN */
.main-gradient-btn {
    /* Добавлено для блика, чтобы он не вылезал за края */
    position: relative;
    overflow: hidden; 
    
    color: #ffffff !important;
    background: linear-gradient(120deg, #00a6ff, #18c8ff, #7a5cff, #16c784, #00a6ff) !important;
    background-size: 300% 300% !important;
    border: none;
    
    /* Добавляем красивую двойную тень как у партнерской кнопки */
    box-shadow: 0 8px 30px rgba(0, 166, 255, 0.35), 0 0 24px rgba(22, 199, 132, 0.20);
    
    /* Запускаем анимацию перелива и пульсации */
    animation: btnGradientAnim 5s ease infinite, btnPulseAnim 1.8s ease-in-out infinite;
}

/* ИСПРАВЛЕНИЕ: Выводим текст поверх блика и возвращаем ему правильные габариты */
.main-gradient-btn span {
    position: relative;
    z-index: 2;
    display: block; /* Возвращает тегу правильную ширину и высоту */
    line-height: inherit; /* Возвращает оригинальную высоту строки */
}

/* Тот самый бегущий блик */
.main-gradient-btn::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -120%;
    width: 70%;
    height: 180%;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.18) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: rotate(18deg);
    animation: btnShineAnim 2.8s linear infinite;
    z-index: 1;
}

.main-gradient-btn:hover {
    /* При наведении тень становится чуть ярче и шире */
    box-shadow: 0 12px 38px rgba(0, 166, 255, 0.48), 0 0 30px rgba(22, 199, 132, 0.30);
}

/* Анимация движения градиента */
@keyframes btnGradientAnim {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Анимация пульсации тени */
@keyframes btnPulseAnim {
    0%, 100% {
        box-shadow: 0 8px 30px rgba(0, 166, 255, 0.35), 0 0 24px rgba(22, 199, 132, 0.20);
    }
    50% {
        box-shadow: 0 12px 36px rgba(0, 166, 255, 0.50), 0 0 34px rgba(122, 92, 255, 0.28);
    }
}

/* Анимация бегущего блика */
@keyframes btnShineAnim {
    0%   { left: -120%; }
    100% { left: 160%; }
}