/*
 * ===========================================================
 * KC7WYD FINAL HOME LAYOUT
 *
 * Desktop:
 *
 * | NET | REPEATER | LIVE ACTIVITY |
 * | NET | REPEATER | COUNTDOWN     |
 * | WEATHER        | ABOUT CLUB    |
 * | REPEATER NETWORK - FULL WIDTH  |
 * | UPCOMING EVENTS - FULL WIDTH   |
 *
 * ===========================================================
 */


#kc7wyd-final-home {
    width: 100%;
    display: grid;

    grid-template-columns:
        minmax(220px, 0.72fr)
        minmax(245px, 0.82fr)
        minmax(520px, 2.6fr);

    grid-template-areas:
        "net repeater live"
        "net repeater countdown"
        "weather weather about"
        "network network network"
        "events events events";

    gap: 14px;

    align-items: stretch;

    padding: 14px;

    box-sizing: border-box;
}


/* ===========================================================
   GRID POSITIONS
   =========================================================== */

#kc7wyd-final-home > .kc-layout-net {
    grid-area: net;
}

#kc7wyd-final-home > .kc-layout-repeater {
    grid-area: repeater;
}

#kc7wyd-final-home > .kc-layout-live {
    grid-area: live;
}

#kc7wyd-final-home > .kc-layout-countdown {
    grid-area: countdown;
}

#kc7wyd-final-home > .kc-layout-weather {
    grid-area: weather;
}

#kc7wyd-final-home > .kc-layout-about {
    grid-area: about;
}

#kc7wyd-final-home > .kc-layout-network {
    grid-area: network;
}

#kc7wyd-final-home > .kc-layout-events {
    grid-area: events;
}


/* ===========================================================
   IMPORTANT:
   prevent old layout widths from controlling relocated cards
   =========================================================== */

#kc7wyd-final-home > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box;
}


/* ===========================================================
   MATCH EXISTING DARK KC7WYD STYLE
   =========================================================== */

#kc7wyd-final-home .kc-layout-live,
#kc7wyd-final-home .kc-layout-countdown,
#kc7wyd-final-home .kc-layout-about,
#kc7wyd-final-home .kc-layout-events,
#kc7wyd-final-home .kc-layout-network {
    min-width: 0;
}


/* ===========================================================
   LIVE ACTIVITY
   =========================================================== */

#kc7wyd-final-home .kc-layout-live {
    min-height: 365px;
}

#kc7wyd-final-home .kc-layout-live table {
    width: 100%;
}


/* ===========================================================
   COUNTDOWN
   =========================================================== */

#kc7wyd-final-home .kc-layout-countdown {
    min-height: 150px;
}


/* ===========================================================
   ABOUT THE CLUB
   =========================================================== */

#kc7wyd-final-home .kc-layout-about {
    min-height: 170px;
}


/* ===========================================================
   WEATHER
   =========================================================== */

#kc7wyd-final-home .kc-layout-weather {
    min-height: 170px;
}


/* ===========================================================
   NETWORK SECTION
   =========================================================== */

#kc7wyd-final-home .kc-layout-network {
    min-height: 210px;
}


/* ===========================================================
   UPCOMING EVENTS
   Full-width horizontal bottom block
   =========================================================== */

#kc7wyd-final-home .kc-layout-events {
    min-height: 110px;
}


/*
 * If the existing Events module contains a normal vertical
 * event list, make its immediate list horizontal on desktop.
 */

#kc7wyd-final-home .kc-layout-events .events-list,
#kc7wyd-final-home .kc-layout-events .event-list,
#kc7wyd-final-home .kc-layout-events .upcoming-events-list,
#kc7wyd-final-home .kc-layout-events [class*="events-list"] {

    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(150px, 1fr));

    gap: 0 !important;

    width: 100%;
}


/*
 * Individual event cards/rows
 */

#kc7wyd-final-home .kc-layout-events .event-item,
#kc7wyd-final-home .kc-layout-events .event-row,
#kc7wyd-final-home .kc-layout-events [class*="event-item"],
#kc7wyd-final-home .kc-layout-events [class*="event-row"] {

    border-right: 1px solid rgba(255,255,255,.14);

    border-bottom: 0 !important;

    padding: 10px 18px !important;

    min-width: 0;
}


/* ===========================================================
   REMOVE EMPTY SPACE LEFT BY OLD CONNECTIONS CARD
   =========================================================== */

.kc-layout-old-connections {
    display: none !important;
}


/* ===========================================================
   TABLE FIXES
   =========================================================== */

#kc7wyd-final-home table {
    max-width: 100%;
}

#kc7wyd-final-home td,
#kc7wyd-final-home th {
    box-sizing: border-box;
}


/* ===========================================================
   TABLET
   =========================================================== */

@media (max-width: 1180px) {

    #kc7wyd-final-home {

        grid-template-columns:
            minmax(220px, .8fr)
            minmax(240px, .9fr)
            minmax(420px, 2fr);

        gap: 12px;
    }


    #kc7wyd-final-home .kc-layout-events .events-list,
    #kc7wyd-final-home .kc-layout-events .event-list,
    #kc7wyd-final-home .kc-layout-events .upcoming-events-list,
    #kc7wyd-final-home .kc-layout-events [class*="events-list"] {

        grid-template-columns:
            repeat(3, minmax(180px, 1fr));
    }

}


/* ===========================================================
   SMALL TABLET
   =========================================================== */

@media (max-width: 950px) {

    #kc7wyd-final-home {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-areas:
            "net repeater"
            "live live"
            "countdown countdown"
            "weather weather"
            "about about"
            "network network"
            "events events";
    }

}


/* ===========================================================
   MOBILE
   =========================================================== */

@media (max-width: 650px) {

    #kc7wyd-final-home {

        display: flex;

        flex-direction: column;

        padding: 8px;

        gap: 10px;
    }


    #kc7wyd-final-home .kc-layout-net {
        order: 1;
    }

    #kc7wyd-final-home .kc-layout-repeater {
        order: 2;
    }

    #kc7wyd-final-home .kc-layout-live {
        order: 3;
    }

    #kc7wyd-final-home .kc-layout-countdown {
        order: 4;
    }

    #kc7wyd-final-home .kc-layout-weather {
        order: 5;
    }

    #kc7wyd-final-home .kc-layout-about {
        order: 6;
    }

    #kc7wyd-final-home .kc-layout-network {
        order: 7;
    }

    #kc7wyd-final-home .kc-layout-events {
        order: 8;
    }


    #kc7wyd-final-home .kc-layout-events .events-list,
    #kc7wyd-final-home .kc-layout-events .event-list,
    #kc7wyd-final-home .kc-layout-events .upcoming-events-list,
    #kc7wyd-final-home .kc-layout-events [class*="events-list"] {

        display: block !important;
    }


    #kc7wyd-final-home .kc-layout-events .event-item,
    #kc7wyd-final-home .kc-layout-events .event-row,
    #kc7wyd-final-home .kc-layout-events [class*="event-item"],
    #kc7wyd-final-home .kc-layout-events [class*="event-row"] {

        border-right: 0;

        border-bottom:
            1px solid rgba(255,255,255,.12) !important;
    }

}



/* ===========================================================
   KC7WYD EVENTS POSITION FIX
   2026-08-22
   =========================================================== */

#kc7wyd-final-home {

    grid-template-areas:
        "net repeater live"
        "net repeater countdown"
        "events events about"
        "weather weather weather"
        "network network network" !important;

}


/* UPCOMING EVENTS — MARKED AREA */

#kc7wyd-final-home > .kc-layout-events {

    grid-area: events !important;

    width: 100% !important;

    min-height: 245px;

    align-self: stretch;

}


/* ABOUT THE CLUB */

#kc7wyd-final-home > .kc-layout-about {

    grid-area: about !important;

    min-height: 245px;

    align-self: stretch;

}


/* WEATHER — BELOW EVENTS IF PRESENT */

#kc7wyd-final-home > .kc-layout-weather {

    grid-area: weather !important;

    width: 100% !important;

}


/* REPEATER NETWORK REMAINS FULL WIDTH */

#kc7wyd-final-home > .kc-layout-network {

    grid-area: network !important;

    width: 100% !important;

}


/* ===========================================================
   EVENTS CONTENT
   Make the event entries use the available horizontal space.
   =========================================================== */

#kc7wyd-final-home .kc-layout-events .events-list,
#kc7wyd-final-home .kc-layout-events .event-list,
#kc7wyd-final-home .kc-layout-events .upcoming-events-list,
#kc7wyd-final-home .kc-layout-events [class*="events-list"] {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    width: 100% !important;

    gap: 0 18px !important;

}


#kc7wyd-final-home .kc-layout-events .event-item,
#kc7wyd-final-home .kc-layout-events .event-row,
#kc7wyd-final-home .kc-layout-events [class*="event-item"],
#kc7wyd-final-home .kc-layout-events [class*="event-row"] {

    width: 100% !important;

    padding: 10px 8px !important;

    border-right: 0 !important;

    border-bottom:
        1px solid rgba(255,255,255,.10) !important;

}


/* ===========================================================
   TABLET
   =========================================================== */

@media (max-width: 950px) {

    #kc7wyd-final-home {

        grid-template-areas:
            "net repeater"
            "live live"
            "countdown countdown"
            "events events"
            "about about"
            "weather weather"
            "network network" !important;

    }

}


/* ===========================================================
   MOBILE
   =========================================================== */

@media (max-width: 650px) {

    #kc7wyd-final-home .kc-layout-events .events-list,
    #kc7wyd-final-home .kc-layout-events .event-list,
    #kc7wyd-final-home .kc-layout-events .upcoming-events-list,
    #kc7wyd-final-home .kc-layout-events [class*="events-list"] {

        display: block !important;

    }

}



/* ===========================================================
   KC7WYD EVENTS POSITION FIX
   2026-08-22
   =========================================================== */

#kc7wyd-final-home {

    grid-template-areas:
        "net repeater live"
        "net repeater countdown"
        "events events about"
        "weather weather weather"
        "network network network" !important;

}


/* UPCOMING EVENTS — MARKED AREA */

#kc7wyd-final-home > .kc-layout-events {

    grid-area: events !important;

    width: 100% !important;

    min-height: 245px;

    align-self: stretch;

}


/* ABOUT THE CLUB */

#kc7wyd-final-home > .kc-layout-about {

    grid-area: about !important;

    min-height: 245px;

    align-self: stretch;

}


/* WEATHER — BELOW EVENTS IF PRESENT */

#kc7wyd-final-home > .kc-layout-weather {

    grid-area: weather !important;

    width: 100% !important;

}


/* REPEATER NETWORK REMAINS FULL WIDTH */

#kc7wyd-final-home > .kc-layout-network {

    grid-area: network !important;

    width: 100% !important;

}


/* ===========================================================
   EVENTS CONTENT
   Make the event entries use the available horizontal space.
   =========================================================== */

#kc7wyd-final-home .kc-layout-events .events-list,
#kc7wyd-final-home .kc-layout-events .event-list,
#kc7wyd-final-home .kc-layout-events .upcoming-events-list,
#kc7wyd-final-home .kc-layout-events [class*="events-list"] {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    width: 100% !important;

    gap: 0 18px !important;

}


#kc7wyd-final-home .kc-layout-events .event-item,
#kc7wyd-final-home .kc-layout-events .event-row,
#kc7wyd-final-home .kc-layout-events [class*="event-item"],
#kc7wyd-final-home .kc-layout-events [class*="event-row"] {

    width: 100% !important;

    padding: 10px 8px !important;

    border-right: 0 !important;

    border-bottom:
        1px solid rgba(255,255,255,.10) !important;

}


/* ===========================================================
   TABLET
   =========================================================== */

@media (max-width: 950px) {

    #kc7wyd-final-home {

        grid-template-areas:
            "net repeater"
            "live live"
            "countdown countdown"
            "events events"
            "about about"
            "weather weather"
            "network network" !important;

    }

}


/* ===========================================================
   MOBILE
   =========================================================== */

@media (max-width: 650px) {

    #kc7wyd-final-home .kc-layout-events .events-list,
    #kc7wyd-final-home .kc-layout-events .event-list,
    #kc7wyd-final-home .kc-layout-events .upcoming-events-list,
    #kc7wyd-final-home .kc-layout-events [class*="events-list"] {

        display: block !important;

    }

}


/* ===========================================================
   KC7WYD BILINGUAL LAYOUT CORRECTION
   About is now a separate Get to Know Us page.
   =========================================================== */

#kc7wyd-final-home {
    grid-template-areas:
        "net repeater live"
        "net repeater countdown"
        "events events events"
        "weather weather weather"
        "network network network" !important;
}

#kc7wyd-final-home > .kc-layout-events {
    grid-area: events !important;
    width: 100% !important;
}

@media (max-width: 950px) {
    #kc7wyd-final-home {
        grid-template-areas:
            "net repeater"
            "live live"
            "countdown countdown"
            "events events"
            "weather weather"
            "network network" !important;
    }
}

@media (max-width: 650px) {
    #kc7wyd-final-home {
        grid-template-areas:
            "net"
            "repeater"
            "live"
            "countdown"
            "events"
            "weather"
            "network" !important;
    }
}