/* KISURE FE891 — structural follow-ups.
 * Scope: lineup crest cleanup, club sidebar simplification, themed club/player
 * hero surfaces, responsive auth layout, and player honours promoted into the
 * main content stream.
 */

/* --------------------------------------------------------------------------
 * Match lineups: remove the extra square outline around team crests.
 * -------------------------------------------------------------------------- */
html[data-kisure-design="865"] body .football-lineup-card__crest,
html[data-kisure-design="865"] body .football-lineup-card__crest::before,
html[data-kisure-design="865"] body .football-lineup-card__crest::after {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
html[data-kisure-design="865"] body .football-lineup-card__crest {
    border-radius: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}
html[data-kisure-design="865"] body .football-lineup-card__crest img {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* --------------------------------------------------------------------------
 * Club sidebar competitions: remove boxed list-item outlines for a cleaner,
 * lighter list treatment in both themes.
 * -------------------------------------------------------------------------- */
html[data-kisure-design="865"] body .football-club-competitions-panel .football-link-list--compact {
    display: grid !important;
    gap: 0 !important;
}
html[data-kisure-design="865"] body .football-club-competitions-panel .football-link-list--compact > span {
    align-items: start !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    gap: .18rem !important;
    padding: .78rem 0 !important;
}
html[data-kisure-design="865"] body .football-club-competitions-panel .football-link-list--compact > span:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}
html[data-kisure-design="865"] body .football-club-competitions-panel .football-link-list--compact > span:first-child {
    padding-top: .2rem !important;
}
html[data-kisure-design="865"] body .football-club-competitions-panel .football-link-list--compact > span > strong {
    color: #10202a !important;
}
html[data-kisure-design="865"] body .football-club-competitions-panel .football-link-list--compact > span > em {
    color: #5c6d76 !important;
}
html[data-theme="dark"][data-kisure-design="865"] body .football-club-competitions-panel .football-link-list--compact > span {
    border-bottom-color: rgba(255, 255, 255, .10) !important;
}
html[data-theme="dark"][data-kisure-design="865"] body .football-club-competitions-panel .football-link-list--compact > span > strong {
    color: #f4f8f8 !important;
}
html[data-theme="dark"][data-kisure-design="865"] body .football-club-competitions-panel .football-link-list--compact > span > em {
    color: #aebfc2 !important;
}

/* --------------------------------------------------------------------------
 * Club + player heroes: use the saved club/team colour when present rather
 * than a generic neutral card.
 * -------------------------------------------------------------------------- */
html[data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 14%, transparent) 0%, transparent 38%),
        linear-gradient(135deg,
            color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 10%, #ffffff) 0%,
            #ffffff 54%,
            color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 7%, #f2fbfb) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 26%, rgba(15, 23, 42, .08)) !important;
    box-shadow: none !important;
}
html[data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) :is(.football-club-hero__badge, .football-player-hero__photo) {
    background: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 10%, rgba(255, 255, 255, .92)) !important;
    border: 1px solid color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 22%, rgba(15, 23, 42, .08)) !important;
    box-shadow: none !important;
}
html[data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) .site-kicker {
    color: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 88%, #063534) !important;
}
html[data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) :is(.football-club-hero__quick span, .football-player-hero__quick span) {
    background: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 9%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 18%, rgba(15, 23, 42, .08)) !important;
    box-shadow: none !important;
}
html[data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) :is(.football-club-hero__quick small, .football-player-hero__quick small) {
    color: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 38%, #4f5f67) !important;
}
html[data-theme="dark"][data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 22%, transparent) 0%, transparent 36%),
        linear-gradient(145deg,
            color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 18%, #111516) 0%,
            #121212 56%,
            color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 10%, #171919) 100%) !important;
    border-color: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 34%, rgba(255,255,255,.10)) !important;
}
html[data-theme="dark"][data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) :is(.football-club-hero__badge, .football-player-hero__photo) {
    background: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 14%, #151515) !important;
    border-color: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 28%, rgba(255,255,255,.08)) !important;
}
html[data-theme="dark"][data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) :is(.football-club-hero__quick span, .football-player-hero__quick span) {
    background: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 11%, #181818) !important;
    border-color: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 24%, rgba(255,255,255,.10)) !important;
}
html[data-theme="dark"][data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) :is(.football-club-hero__quick strong, .football-player-hero__quick strong) {
    color: #ffffff !important;
}
html[data-theme="dark"][data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) :is(.football-club-hero__quick small, .football-player-hero__quick small) {
    color: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 34%, #c1cdcd) !important;
}
html[data-theme="dark"][data-kisure-design="865"] body :is(.football-club-hero--v337, .football-player-hero--v335) .site-kicker {
    color: color-mix(in srgb, var(--ks-hero-accent, #0B9CA0) 72%, #8ff3ef) !important;
}

/* --------------------------------------------------------------------------
 * Player page honours now live in the main content stack. Keep the section
 * visually wide and use the sidebar for ads instead.
 * -------------------------------------------------------------------------- */
html[data-kisure-design="865"] body .football-player-main-stack .football-player-honours-panel {
    position: static !important;
}
html[data-kisure-design="865"] body .football-player-sidebar-ad {
    overflow: hidden !important;
}
html[data-kisure-design="865"] body .football-player-sidebar-ad .football-sidebar-ad-slot {
    min-height: 250px !important;
}

/* --------------------------------------------------------------------------
 * Public auth: hide the decorative intro panel on tablet/mobile so the form is
 * the only focus and fills the viewport cleanly.
 * -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    html[data-kisure-design="865"] body .ks-member-auth__intro {
        display: none !important;
    }
    html[data-kisure-design="865"] body .ks-member-auth,
    html[data-kisure-design="865"] body .ks-member-auth__shell,
    html[data-kisure-design="865"] body .ks-member-auth__panel-wrap {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    html[data-kisure-design="865"] body .ks-member-auth__panel,
    html[data-kisure-design="865"] body .ks-member-auth__panel-wrap {
        max-width: 100% !important;
        width: 100% !important;
    }
}