/* ==========================================================================
   KISURE FE1028 - CLUB HERO TRUE ROW BALANCE

   Actual problem:
   Left column has 3 natural rows:
     1 = kicker
     2 = club name
     3 = competition/season

   Right column has 2 visual blocks:
     stats
     actions

   Putting stats only in row 1 makes row 1 as tall as the stat cards, creating
   the big blank gap between the kicker and club name.
   Putting actions only in row 2 leaves row 3 empty on the right.

   Correct contract:
     stats   span left rows 1 + 2
     actions align with left row 3
   ========================================================================== */

@media (min-width:821px){

    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]{
        min-height:0 !important;
        padding-top:18px !important;
        padding-bottom:18px !important;
    }

    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]
    .football-club-hero__content{
        min-height:0 !important;
        grid-template-columns:minmax(0,.78fr) minmax(0,1.52fr) !important;
        grid-template-rows:auto auto auto !important;
        grid-auto-rows:min-content !important;
        row-gap:5px !important;
        column-gap:22px !important;
        align-items:center !important;
    }

    /* Preserve the left identity sequence as three compact natural rows. */
    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]
    .football-club-hero__content > .site-kicker{
        grid-column:1 !important;
        grid-row:1 !important;
        align-self:end !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]
    .football-club-hero__content > h1{
        grid-column:1 !important;
        grid-row:2 !important;
        align-self:center !important;
        min-width:0 !important;
        max-width:none !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
        line-height:1.02 !important;
        white-space:normal !important;
    }

    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]
    .football-club-hero__content > p{
        grid-column:1 !important;
        grid-row:3 !important;
        align-self:start !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    /*
     * Key fix:
     * Stats span the kicker + title rows instead of making the kicker row tall.
     */
    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]
    .football-club-hero__quick{
        grid-column:2 !important;
        grid-row:1 / span 2 !important;
        align-self:center !important;
        margin:0 !important;
        transform:none !important;
    }

    /*
     * Actions share the third row with competition/season text.
     * This removes the large empty rectangle below the buttons.
     */
    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]
    .football-hero__actions{
        grid-column:2 !important;
        grid-row:3 !important;
        align-self:start !important;
        margin:0 !important;
        transform:none !important;
        gap:10px !important;
    }

    /* Any optional live indicator remains with the left identity area. */
    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]
    .football-page-live-indicator{
        grid-column:1 !important;
    }
}

@media (max-width:820px){
    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]
    .football-club-hero__quick,
    html[data-kisure-design="865"] body
    [data-kisure-solid-hero="club"][data-kisure-profile-layout="compact-v901"]
    .football-hero__actions{
        margin:0 !important;
        transform:none !important;
    }
}