/* Кастомные исправления для темы 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;
  }
}






/* Основной вид кнопки */
a.partner-btn-sc {
    /* --- 1. ФОРМА И ТЕКСТ (КОМПАКТНАЯ, КАК ВЕРХНЯЯ КНОПКА) --- */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    padding: 12px 20px; /* Уменьшили отступы. Было 14px 36px */
    border-radius: 12px; /* Чуть более острые углы, как у верхней кнопки */
    
    font-size: 13px; /* Уменьшили шрифт. Было 15px */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: inherit;
    
    margin: 1rem auto;
    width: fit-content;
    text-decoration: none;
    color: #fff;
    cursor: pointer;

    /* --- 2. ПЕРЕЛИВЫ, ТЕНИ И ЭФФЕКТЫ --- */
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.12);
    
    /* Градиент */
    background: linear-gradient(120deg, #00a6ff, #18c8ff, #7a5cff, #16c784, #00a6ff);
    background-size: 300% 300%;
    
    /* Двойная тень (оставил как в твоем оригинале, чтобы светилась) */
    box-shadow:
        0 8px 30px rgba(0, 166, 255, 0.35),
        0 0 24px rgba(22, 199, 132, 0.20);
        
    /* Анимации фона */
    transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
    animation: partnerGradient 5s ease infinite, partnerPulse 1.8s ease-in-out infinite;
    
    isolation: isolate;
    backface-visibility: hidden;
    will-change: transform;
}

/* Текст поверх эффектов */
a.partner-btn-sc span {
    position: relative;
    z-index: 2;
}

/* Бегущий блик */
a.partner-btn-sc::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: partnerShine 2.8s linear infinite;
    z-index: 1;
}

/* Эффект при наведении */
a.partner-btn-sc:hover,
a.partner-btn-sc:focus {
    transform: scale(1.05);
    color: #fff !important;
    box-shadow:
        0 12px 38px rgba(0, 166, 255, 0.48),
        0 0 30px rgba(22, 199, 132, 0.30);
    filter: brightness(1.08);
}

/* --- АНИМАЦИИ --- */
@keyframes partnerGradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes partnerShine {
    0%   { left: -120%; }
    100% { left: 160%; }
}

@keyframes partnerPulse {
    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);
    }
}