/* ==========================================================
   WALRIX PREMIUM UI FINAL
   ========================================================== */

/* ---------- CTA ARROWS ---------- */

a svg.lucide-arrow-right,
a svg.lucide-arrow-up-right,
a svg.lucide-chevron-right,
a svg.lucide-chevrons-right,
button svg.lucide-arrow-right,
button svg.lucide-arrow-up-right,
button svg.lucide-chevron-right,
button svg.lucide-chevrons-right {
    display: none !important;
}


/* ---------- WALRIX BRAND CLICK ---------- */

img[src*="walrix-logo"],
.brand-logo,
.mobile-brand-mark img {
    cursor: pointer;
}


/* ---------- MATCH ROWS ---------- */

.wrx-premium .match-row {
    position: relative !important;
    cursor: pointer !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

@media (hover:hover) {
    .wrx-premium .match-row:hover {
        background: rgba(132,177,218,.055) !important;
    }
}

.wrx-premium .match-row:focus-visible {
    outline: 1px solid rgba(157,198,237,.34) !important;
    outline-offset: -1px !important;
}


/* ---------- TEAM CRESTS IN LISTS ---------- */

.wrx-premium .match-row .team-symbol {
    display: none !important;
}

.wrx-premium .match-row .teams {
    min-width: 0 !important;
}

.wrx-premium .match-row .teams > div {
    min-width: 0 !important;
}

.wrx-premium .match-row .teams strong.wrx-team-pair {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 5px 8px !important;

    min-width: 0 !important;
}

.wrx-team-name {
    display: inline-flex !important;
    align-items: center !important;

    gap: 7px !important;

    min-width: 0 !important;
}

.wrx-team-name-text {
    min-width: 0 !important;
}

.wrx-list-crest,
.wrx-list-crest-fallback {
    width: 28px !important;
    height: 28px !important;

    flex: 0 0 28px !important;

    object-fit: contain !important;
    object-position: center !important;
}

.wrx-list-crest-fallback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: rgba(168,198,226,.64) !important;
}

.wrx-list-crest-fallback svg {
    width: 24px !important;
    height: 24px !important;
}

.wrx-team-separator {
    color: rgba(174,195,214,.54) !important;
}


/* ---------- MATCH DETAIL ---------- */

.wrx-premium .match-heading h1.wrx-match-title {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 11px 15px !important;

    line-height: 1.12 !important;
}

.wrx-match-club {
    display: inline-flex !important;
    align-items: center !important;

    gap: 11px !important;
}

.wrx-match-crest,
.wrx-match-crest-fallback {
    width: 54px !important;
    height: 54px !important;

    flex: 0 0 54px !important;

    object-fit: contain !important;
    object-position: center !important;
}

.wrx-match-crest-fallback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: rgba(169,201,231,.68) !important;
}

.wrx-match-crest-fallback svg {
    width: 45px !important;
    height: 45px !important;
}

.wrx-match-vs {
    color: rgba(177,198,216,.58) !important;

    font-size: .52em !important;
    font-weight: 500 !important;
    letter-spacing: .05em !important;

    text-transform: uppercase !important;
}


/* ---------- MOBILE PUBLIC HEADER ---------- */

@media (max-width:767px) {

    .public-header {
        height: 76px !important;
        min-height: 76px !important;

        padding: 0 11px !important;

        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 6px !important;
    }

    .public-header .brand {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    .public-header .brand .brand-logo {
        display: block !important;

        width: 148px !important;
        max-width: 148px !important;
        height: auto !important;

        object-fit: contain !important;
        object-position: left center !important;
    }

    .public-header nav:not(.open) {
        display: none !important;
    }

    .public-header .header-actions {
        position: static !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;
        height: auto !important;
        min-height: 0 !important;

        margin-left: auto !important;

        gap: 6px !important;
    }

    .public-header .language {
        height: 32px !important;
        min-height: 32px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: inline-flex !important;
        align-items: center !important;

        gap: 3px !important;

        color: rgba(213,225,237,.78) !important;
        font-size: 11px !important;
    }

    .public-header .header-actions > a.btn[href="/app"] {
        position: static !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 32px !important;
        min-height: 32px !important;

        padding: 0 9px !important;
        margin: 0 !important;

        background:
            linear-gradient(
                180deg,
                rgba(152,190,226,.105),
                rgba(91,127,162,.045)
            ) !important;

        border: 1px solid rgba(171,205,237,.20) !important;
        border-radius: 8px !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.045),
            0 5px 16px rgba(0,0,0,.12) !important;

        color: rgba(229,238,247,.92) !important;

        font-size: 0 !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }

    .public-header .header-actions > a.btn[href="/app"]::before {
        content: "Личный кабинет";

        font-size: 10.5px !important;
        font-weight: 560 !important;
        letter-spacing: .005em !important;
    }

    .public-header .header-actions .mobile-only {
        position: static !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;

        padding: 4px !important;
        margin: 0 !important;
    }
}

@media (max-width:390px) {

    .public-header {
        padding-left: 9px !important;
        padding-right: 9px !important;

        gap: 4px !important;
    }

    .public-header .brand .brand-logo {
        width: 139px !important;
        max-width: 139px !important;
    }

    .public-header .header-actions {
        gap: 4px !important;
    }

    .public-header .header-actions > a.btn[href="/app"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .public-header .header-actions > a.btn[href="/app"]::before {
        content: "Кабинет";
        font-size: 10px !important;
    }
}


/* ---------- MOBILE MATCHES ---------- */

@media (max-width:767px) {

    .wrx-list-crest,
    .wrx-list-crest-fallback {
        width: 26px !important;
        height: 26px !important;

        flex-basis: 26px !important;
    }

    .wrx-premium .match-row .teams strong.wrx-team-pair {
        gap: 5px 7px !important;
    }

    .wrx-team-name {
        gap: 6px !important;
    }

    .wrx-premium .match-heading h1.wrx-match-title {
        gap: 9px 11px !important;
    }

    .wrx-match-club {
        gap: 8px !important;
    }

    .wrx-match-crest,
    .wrx-match-crest-fallback {
        width: 40px !important;
        height: 40px !important;

        flex-basis: 40px !important;
    }

    .wrx-match-crest-fallback svg {
        width: 34px !important;
        height: 34px !important;
    }
}

/* WALRIX CREST BREATHING GLOW v6 PREMIUM: continuous slow pulse, no dead pause */
@keyframes walrixCrestBreathingListV6 {
  0%, 100% {
    filter:
      brightness(1)
      drop-shadow(0 0 4px rgba(220,244,255,.18))
      drop-shadow(0 0 10px rgba(100,185,255,.11))
      drop-shadow(0 2px 4px rgba(0,0,0,.26));
    transform: scale(1);
  }
  24%, 76% {
    filter:
      brightness(1.012)
      drop-shadow(0 0 5px rgba(230,248,255,.42))
      drop-shadow(0 0 13px rgba(106,192,255,.30))
      drop-shadow(0 0 23px rgba(78,150,248,.16))
      drop-shadow(0 2px 4px rgba(0,0,0,.23));
    transform: scale(1.008);
  }
  46%, 54% {
    filter:
      brightness(1.025)
      drop-shadow(0 0 6px rgba(238,251,255,.68))
      drop-shadow(0 0 16px rgba(112,198,255,.51))
      drop-shadow(0 0 28px rgba(82,157,250,.29))
      drop-shadow(0 0 40px rgba(68,126,235,.11))
      drop-shadow(0 2px 4px rgba(0,0,0,.21));
    transform: scale(1.016);
  }
}

@keyframes walrixCrestBreathingDetailV6 {
  0%, 100% {
    filter:
      brightness(1)
      drop-shadow(0 0 5px rgba(225,246,255,.20))
      drop-shadow(0 0 12px rgba(102,188,255,.12))
      drop-shadow(0 3px 6px rgba(0,0,0,.26));
    transform: scale(1);
  }
  24%, 76% {
    filter:
      brightness(1.014)
      drop-shadow(0 0 6px rgba(234,249,255,.46))
      drop-shadow(0 0 15px rgba(112,198,255,.33))
      drop-shadow(0 0 25px rgba(82,157,250,.18))
      drop-shadow(0 3px 6px rgba(0,0,0,.23));
    transform: scale(1.009);
  }
  46%, 54% {
    filter:
      brightness(1.030)
      drop-shadow(0 0 7px rgba(242,252,255,.74))
      drop-shadow(0 0 18px rgba(118,203,255,.56))
      drop-shadow(0 0 32px rgba(86,163,252,.32))
      drop-shadow(0 0 46px rgba(70,130,238,.13))
      drop-shadow(0 3px 6px rgba(0,0,0,.21));
    transform: scale(1.018);
  }
}

/*
  Premium pulse:
  - no long "off" plateau;
  - 5.2s full cycle;
  - peak slightly softer than V5;
  - faint halo remains between peaks.
  filter intentionally has no !important so keyframes can animate it.
*/
.wrx-list-crest {
  background: transparent !important;
  box-shadow: none !important;
  filter:
    brightness(1)
    drop-shadow(0 0 4px rgba(220,244,255,.18))
    drop-shadow(0 0 10px rgba(100,185,255,.11))
    drop-shadow(0 2px 4px rgba(0,0,0,.26));
  animation: walrixCrestBreathingListV6 5.2s ease-in-out infinite !important;
  transform-origin: center;
  will-change: filter, transform;
}

.wrx-match-crest {
  background: transparent !important;
  box-shadow: none !important;
  filter:
    brightness(1)
    drop-shadow(0 0 5px rgba(225,246,255,.20))
    drop-shadow(0 0 12px rgba(102,188,255,.12))
    drop-shadow(0 3px 6px rgba(0,0,0,.26));
  animation: walrixCrestBreathingDetailV6 5.2s ease-in-out infinite !important;
  transform-origin: center;
  will-change: filter, transform;
}

/* Public match page: internal calculation mechanics remain hidden on site. */
.wrx-evidence {
  display: none !important;
}
/* END WALRIX CREST BREATHING GLOW v6 PREMIUM */

/* WALRIX NEWS CARDS V6 PREMIUM
   Verified live DOM:
   .news-cards-wrapper > .news-card
   .news-card__meta
   .news-card__title
   .news-card__summary
   .news-card__read-more
*/
.news-cards-wrapper .news-card__summary {
  display: none !important;
}

.news-cards-wrapper .news-card {
  min-height: 220px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.news-cards-wrapper .news-card__title {
  margin-bottom: 22px !important;
  line-height: 1.42 !important;
}

.news-cards-wrapper .news-card__read-more {
  margin-top: auto !important;
}

/* END WALRIX NEWS CARDS V6 PREMIUM */