/*
Theme Name: WM 2026 Child
Template: wm2026
Theme URI: wm2026
Author: WM 2026
Description: Child theme for WM 2026.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wm2026-child
*/

/* 
    Color palette: https://coolors.co/006847-ce1126-ffffff-f9a620-040404
*/

:root {
    --color-mexico-green: #006847;
    --color-mexico-red: #CE1126;
    --color-wm-yellow: #f9a620;
    --color-text: #FFFFFF;
    --color-text-dark: #040404;

    --color-primary-blue: var(--color-mexico-green);
    --color-header-blue: var(--color-mexico-green);
    --color-dark-blue: var(--color-mexico-green);
    --color-light-blue: var(--color-mexico-green);
    --color-gradient-blue: var(--color-mexico-green);
    --color-accent-blue: var(--color-mexico-green);
    --color-bright-blue: var(--color-mexico-green);
    --color-cyan: var(--color-mexico-green);
    --color-jump-blue: var(--color-mexico-green);
    --color-secondary-blue: var(--color-mexico-green);
    --color-faq-blue: var(--color-mexico-green);
    --color-cta-blue: var(--color-mexico-green);
    --color-medium-blue: var(--color-mexico-green);
    --color-blue-alt: var(--color-mexico-green);

    --color-wm-primary: #1a1a1a;
    --color-wm-secondary: var(--color-mexico-green);
    --color-wm-tertiary: var(--color-mexico-red);
    --color-wm-quarternary: var(--color-wm-yellow);
}

table.tablepress {
    --head-text-color: var(--color-text);
    --head-bg-color: var(--color-wm-secondary);
    --odd-text-color: var(--color-text);
    --odd-bg-color: var(--color-mexico-green);
    --even-text-color: var(--color-text);
    --even-bg-color: transparent;
    --hover-text-color: var(--color-text);
    --hover-bg-color: var(--color-wm-secondary);
    --border-color: #ddd;
    --padding: .7rem 1.2rem;
}

/* General styles
============================== */
body,
.container--main,
.container--dark {
    background-color: var(--color-wm-primary);
    color: var(--color-text);
}

a,
a>strong {
    color: var(--color-wm-tertiary);
}

.teams-roundup a>h3,
strong {
    color: inherit;
}

.container--body {
    max-width: 100%;

    header.entry-header {
        background: none;
        padding: 0;
        margin-bottom: 48px;

        h1 {
            padding: 0;
        }
    }
}

.container--main {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 24px;

    main {
        grid-column: span 9 / span 9;
    }

    aside {
        grid-column: span 3 / span 3;
        grid-column-start: 10;
    }

    p,
    table {
        margin: 10px 0 0;
    }

    h2,
    h3,
    h4,
    h5,
    h6,
    strong {
        margin-top: 30px;
    }

    h2,
    h3 {
        margin-bottom: 18px;
    }

    .u-p12 {
        padding: 24px;
    }

    div[class*="container--"]> :first-child {
        margin-top: 0;
    }

    .container--light,
    .widget.widget_block,
    .white-container {
        background-color: #00000030;
        border: 2px solid #ffffff75;
        color: var(--color-text);
    }

    .container--light {
        background-image: url(/wp-content/themes/wm2026-child/images/branding-wm2026-t.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

p.has-background {
    border-radius: 12px;
    padding: 10px;
    color: var(--color-text);
    background-color: var(--color-wm-secondary) !important;
}

a.main-logo-wrapper {
    color: white;
    font-size: 32px;
    font-weight: 700;
}

.btn--light {
    color: var(--color-text);
    background-color: var(--color-wm-secondary);
    border: 1px solid var(--color-wm-secondary);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;

    &:hover {
        background-color: transparent;
        color: var(--color-text);
    }
}

table {
    border-radius: 12px;
    overflow: hidden;
}

/* SITE Header / HERO
============================= */
.main-nav-inner-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.container--body.u-rel.navigation-wrapper {
    overflow: visible;
}

.mobile-nav {
    display: none;
}

div#main-nav.is-sticky,
.mobile-nav {
    /* background: linear-gradient(90deg,rgba(0, 104, 71, 1) 76%, rgba(206, 17, 38, 1) 100%); */
    background: linear-gradient(135deg, rgba(26, 26, 26, 1) 75%, rgba(0, 104, 71, 1) 100%);
}

.site-header {
    background-image: url(./images/Estadio_Azteca_Octubre_de_2021_r.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 84px 84px;

    img.custom-logo {
        max-width: 300px;
        height: auto;
    }

    h1,
    .header_subheading,
    .header__subarea {
        padding-left: 0;
        padding-right: 0;
    }
}

.header-overlay {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-wm-primary);
    opacity: 0.7;
}

#primary-menu {
    .menu-item {
        font-weight: 700;
        font-size: 20px;

        &:last-child {
            margin-right: 0;
        }
    }
}

ul.sub-menu {
    >li:hover {
        background-color: var(--color-wm-secondary);
    }
}

.hero-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.hero-content {
    flex-basis: 60%;
}

.hero-logo-wrap {
    flex-basis: 35%;
}

.hero-logo img {
    max-width: 300px;
    margin: 0 auto;
}

.header__subarea {
    display: none;
}

.hero-footer-wrap {
    margin-top: 32px;
    flex: 1 0 100%;
    color: var(--color-text);
    max-width: 100%;
}

.hero-footer-inner-wrap {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.info-box {
    border: 1px solid white;
    border-radius: 12px;
    padding: 12px 20px;
    background-color: rgb(0 0 0 / 20%);
}

p.info-title {
    font-size: 28px;
    font-weight: 700;
}

p.info-value {
    font-size: 34px;
    font-weight: 700;
}

p.info-subtitle {
    font-size: .8rem;
}

.hero-countdown-header {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 30px;
}

div#countdown-container {
    border: 1px solid white;
    border-radius: 12px;
    padding: 12px 20px;
    background-color: rgb(0 0 0 / 20%);
}

#countdown-container>div {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
}

/* #countdown-container > div:first-child {
    flex: 1 0 100%;
    max-width: 100%;
}

#countdown-container #days {
    font-size: 86px;
    line-height: 1;
} */



/* Breadcrumbs
===================== */
.breadcrumbs-home-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiPjwvZz48ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvZz48ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAwTDAgNlY4SDFWMTVINFYxMEg3VjE1SDE1VjhIMTZWNkwxNCA0LjVWMUgxMVYyLjI1TDggMFpNOSAxMEgxMlYxM0g5VjEwWiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPiA8L2c+PC9zdmc+");
    height: 15px;
}

.bread-crumb-wrapper ol a {
    color: var(--color-wm-tertiary);
}

/* Upcoming matches
============================ */
section.container--dark:has(.upcoming__header) {
    padding: 48px 84px 0;
}

#items_upcoming {
    gap: 20px;
}

.upcoming__match {
    background-color: rgb(0 0 0 / 20%);
    min-width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 20px;
    margin: 0;

    .upcoming-match-teams {
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--color-text);

        span {
            opacity: 1;
            color: var(--color-text);
            font-weight: 700;
            line-height: 1;

            &.fixture-label {
                opacity: 0.6;
            }
        }
    }

    .fixture-team-info {
        display: flex;
        align-items: center;
    }

    strong.flag {
        margin: 0;
    }

    >span {
        background-color: #ffffff17;
        border-radius: 12px;
        padding: 7px 15px;
        opacity: 0.8;
        line-height: 1;
    }
}

/* Stadium slider
========================= */
.stadiums__header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;

    h2 {
        margin: 0;
    }

    svg {
        top: 0;
    }
}

.stadium-post-card {
    background-color: #00000036;
    border: 0;
    aspect-ratio: 3/4;
    position: relative;
    background-size: 458px;

    &:hover {
        box-shadow: #ce112659 0px 5px 15px;
    }

    a {
        text-decoration: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .stadiums__info {
        height: fit-content;
        background-color: #006847d9;
        border-radius: 24px;
        padding: 12px;
        width: 100%;
        margin: 0 5px 5px;

        strong {
            margin-top: 0;
        }

        small,
        span,
        strong {
            color: var(--color-text);
        }
    }
}

.stadiums__info {
    height: fit-content;

    strong {
        margin-top: 0;
    }

    small,
    span,
    strong {
        color: var(--color-text);
    }
}

.wm2026_list--wichtig div {
    background-color: var(--color-wm-secondary);
}

/* News list
========================= */
.wm2026_list--nachrichten {
    >li {
        height: auto;
        background: var(--color-wm-secondary);
        border-radius: 12px;
        overflow: hidden;

        >a:last-child {
            display: block;
            position: relative;
            padding: 0 15px 15px;
            color: var(--color-text);
        }
    }
}

.news_article_grid_item {
    background-color: var(--color-wm-secondary);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 12px;
    overflow: hidden;

    a {
        color: var(--color-text);
    }
}

/* Icons 
================ */
.time_cat--1 {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjMDAwMDAwIj48ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCI+PC9nPjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9nPjxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYwLDRINDhjMC0yLjIxNS0xLjc4OS00LTQtNEgyMGMtMi4yMTEsMC00LDEuNzg1LTQsNEg0QzEuNzg5LDQsMCw1Ljc4NSwwLDh2OGMwLDguODM2LDcuMTY0LDE2LDE2LDE2IGMwLjE4OCwwLDAuMzYzLTAuMDUxLDAuNTQ3LTAuMDU5QzE3Ljk4NCwzNy41NywyMi4zNzksNDEuOTczLDI4LDQzLjQzVjU2aC04Yy0yLjIxMSwwLTQsMS43ODUtNCw0djRoMzJ2LTRjMC0yLjIxNS0xLjc4OS00LTQtNGgtOCBWNDMuNDNjNS42MjEtMS40NTcsMTAuMDE2LTUuODU5LDExLjQ1My0xMS40ODhDNDcuNjM3LDMxLjk0OSw0Ny44MTIsMzIsNDgsMzJjOC44MzYsMCwxNi03LjE2NCwxNi0xNlY4QzY0LDUuNzg1LDYyLjIxMSw0LDYwLDR6IE04LDE2di00aDh2MTJDMTEuNTgyLDI0LDgsMjAuNDE0LDgsMTZ6IE01NiwxNmMwLDQuNDE0LTMuNTgyLDgtOCw4VjEyaDhWMTZ6Ij48L3BhdGg+IDwvZz48L3N2Zz4=");
}

.time_cat--2 {
    background-image: url('../wm2026/images/ico_football-light.svg')
}

.time_cat--3 {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJJY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjRkZGRkZGIj48ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCI+PC9nPjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9nPjxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30gPC9zdHlsZT4gPHBhdGggZD0iTTMwLDExSDE5LjVjLTAuNCwwLTAuNywwLjItMC45LDAuNkwxNy40LDE0aC0yLjhsMC44LTEuNmMwLjItMC4zLDAuMS0wLjcsMC0xYy0wLjItMC4zLTAuNS0wLjUtMC45LTAuNWgtNC4yIGMtNC45LDAtOC45LDMuNy05LjMsOC40Yy0wLjIsMi41LDAuNyw0LjksMi40LDYuOEM1LjEsMjgsNy41LDI5LDEwLDI5YzIuNSwwLDQuOS0xLDYuNi0yLjljMy43LTQsOC40LTYuOCwxMy43LTguMiBjMC40LTAuMSwwLjctMC41LDAuNy0xdi01QzMxLDExLjQsMzAuNiwxMSwzMCwxMXogTTEwLDI0Yy0yLjIsMC00LTEuOC00LTRzMS44LTQsNC00czQsMS44LDQsNFMxMi4yLDI0LDEwLDI0eiI+PC9wYXRoPiA8cGF0aCBkPSJNMTcsOGMwLjYsMCwxLTAuNCwxLTFWNGMwLTAuNi0wLjQtMS0xLTFzLTEsMC40LTEsMXYzQzE2LDcuNiwxNi40LDgsMTcsOHoiPjwvcGF0aD4gPHBhdGggZD0iTTEzLjUsOC45YzAuMiwwLjIsMC41LDAuMywwLjcsMC4zczAuNS0wLjEsMC43LTAuM2MwLjQtMC40LDAuNC0xLDAtMS40bC0yLjEtMi4xYy0wLjQtMC40LTEtMC40LTEuNCwwcy0wLjQsMSwwLDEuNCBMMTMuNSw4Ljl6Ij48L3BhdGg+IDxwYXRoIGQ9Ik0xOS44LDkuMmMwLjMsMCwwLjUtMC4xLDAuNy0wLjNsMi4xLTIuMWMwLjQtMC40LDAuNC0xLDAtMS40cy0xLTAuNC0xLjQsMGwtMi4xLDIuMWMtMC40LDAuNC0wLjQsMSwwLDEuNCBDMTkuMyw5LjEsMTkuNiw5LjIsMTkuOCw5LjJ6Ij48L3BhdGg+IDwvZz48L3N2Zz4=");
}

.time_cat--4 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTYgNGExIDEgMCAwIDEgMSAxdjQuMmw1LjIxMy0zLjY1YS41LjUgMCAwIDEgLjc4Ny40MXYxMi4wOGEuNS41IDAgMCAxLS43ODcuNDFMMTcgMTQuOFYxOWExIDEgMCAwIDEtMSAxSDJhMSAxIDAgMCAxLTEtMVY1YTEgMSAwIDAgMSAxLTFoMTR6TTcuNCA4LjgyOWEuNC40IDAgMCAwLS4zOTIuMzJMNyA5LjIyOHY1LjU0MmEuNC40IDAgMCAwIC41NDIuMzc0bC4wNzMtLjAzNiA0LjM1NS0yLjc3MmEuNC40IDAgMCAwIC4wNjMtLjYyNGwtLjA2My0uMDVMNy42MTUgOC44OUEuNC40IDAgMCAwIDcuNCA4LjgzeiIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIi8+PC9nPjwvc3ZnPg==");
}

.time_cat--5 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjYuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkdseXBoIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNjAgNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYwIDYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cmVjdCB4PSIzNSIgeT0iMTIiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNNTAsN0gxMGMtMS42NTY4NiwwLTMsMS4zNDMxNC0zLDN2MjZjMCwxLjY1Njg2LDEuMzQzMTQsMywzLDNoNDBjMS42NTY4NiwwLDMtMS4zNDMxNCwzLTNWMTBDNTMsOC4zNDMxNCw1MS42NTY4Niw3LDUwLDd6CgkJIE0yNCwzMWMwLDIuNzU2ODQtMi4yNDMxNiw1LTUsNXMtNS0yLjI0MzE2LTUtNXYtOGMwLTIuNzU2ODQsMi4yNDMxNi01LDUtNXM1LDIuMjQzMTYsNSw1VjMxeiBNMjcsMTRjMCwxLjEwMzAzLTAuODk2OTcsMi0yLDJIMTMKCQljLTEuMTAzMDMsMC0yLTAuODk2OTctMi0ydi0yYzAtMS4xMDMwMywwLjg5Njk3LTIsMi0yaDEyYzEuMTAzMDMsMCwyLDAuODk2OTcsMiwyVjE0eiBNMzAsMzFjLTAuNTUyMzEsMC0xLTAuNDQ3NzUtMS0xCgkJYzAtMC41NTIzMSwwLjQ0NzY5LTEsMS0xczEsMC40NDc2OSwxLDFDMzEsMzAuNTUyMjUsMzAuNTUyMzEsMzEsMzAsMzF6IE0zMCwyNWMtMC41NTIzMSwwLTEtMC40NDc3NS0xLTFjMC0wLjU1MjMxLDAuNDQ3NjktMSwxLTEKCQlzMSwwLjQ0NzY5LDEsMUMzMSwyNC41NTIyNSwzMC41NTIzMSwyNSwzMCwyNXogTTQ2LDMxYzAsMi43NTY4NC0yLjI0MzE2LDUtNSw1cy01LTIuMjQzMTYtNS01YzAtMC41NTI3MywwLjQ0NzI3LTEsMS0xCgkJczEsMC40NDcyNywxLDFjMCwxLjY1NDMsMS4zNDU3LDMsMywzczMtMS4zNDU3LDMtM3MtMS4zNDU3LTMtMy0zYy0wLjU1MjczLDAtMS0wLjQ0Nzc1LTEtMXMwLjQ0NzI3LTEsMS0xYzEuNjU0MywwLDMtMS4zNDU3LDMtMwoJCXMtMS4zNDU3LTMtMy0zcy0zLDEuMzQ1Ny0zLDNjMCwwLjU1MjI1LTAuNDQ3MjcsMS0xLDFzLTEtMC40NDc3NS0xLTFjMC0yLjc1Njg0LDIuMjQzMTYtNSw1LTVzNSwyLjI0MzE2LDUsNQoJCWMwLDEuNjMzNzktMC43ODgwOSwzLjA4NjkxLTIuMDAyOTMsNEM0NS4yMTE5MSwyNy45MTMwOSw0NiwyOS4zNjYyMSw0NiwzMXogTTQ5LDE0YzAsMS4xMDMwMy0wLjg5NzQ2LDItMiwySDM1CgkJYy0xLjEwMjU0LDAtMi0wLjg5Njk3LTItMnYtMmMwLTEuMTAzMDMsMC44OTc0Ni0yLDItMmgxMmMxLjEwMjU0LDAsMiwwLjg5Njk3LDIsMlYxNHoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0xOSwyMGMtMS42NTQzLDAtMywxLjM0NTctMywzdjhjMCwxLjY1NDMsMS4zNDU3LDMsMywzczMtMS4zNDU3LDMtM3YtOEMyMiwyMS4zNDU3LDIwLjY1NDMsMjAsMTksMjB6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cmVjdCB4PSIxMyIgeT0iMTIiIHdpZHRoPSIxMi4wMDA3MyIgaGVpZ2h0PSIyIiBmaWxsPSIjRkZGRkZGIi8+Cgk8cmVjdCB4PSIyMSIgeT0iNDMiIHdpZHRoPSIxOCIgaGVpZ2h0PSI2IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNNTMsNTJjMCwwLjU0OTk5LTAuNDUwMDEsMS0xLDFIOGMtMC41NDk5OSwwLTEtMC40NTAwMS0xLTFzMC40NTAwMS0xLDEtMWg1VjQxaDZ2MTBoMjJWNDFoNnYxMGg1CgkJQzUyLjU0OTk5LDUxLDUzLDUxLjQ1MDAxLDUzLDUyeiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+Cjwvc3ZnPgo=");
}

.time_cat--6 {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiPjwvZz48ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvZz48ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxwYXRoIGQ9Ik0yIDE0QzIgMTAuMjI4OCAyIDguMzQzMTUgMy4xNzE1NyA3LjE3MTU3QzQuMzQzMTUgNiA2LjIyODc2IDYgMTAgNkgxNEMxNy43NzEyIDYgMTkuNjU2OSA2IDIwLjgyODQgNy4xNzE1N0MyMS40ODE2IDcuODI0NzUgMjEuNzcwNiA4LjY5OTg5IDIxLjg5ODUgMTBNMjIgMTRDMjIgMTcuNzcxMiAyMiAxOS42NTY5IDIwLjgyODQgMjAuODI4NEMxOS42NTY5IDIyIDE3Ljc3MTIgMjIgMTQgMjJIMTBDNi4yMjg3OCAyMiA0LjM0MzE0IDIyIDMuMTcxNTcgMjAuODI4NEMyLjUxODM5IDIwLjE3NTIgMi4yMjkzNyAxOS4zMDAxIDIuMTAxNDkgMTgiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPiA8cGF0aCBkPSJNMTYgNkMxNiA0LjExNDM4IDE2IDMuMTcxNTcgMTUuNDE0MiAyLjU4NTc5QzE0LjgyODQgMiAxMy44ODU2IDIgMTIgMkMxMC4xMTQ0IDIgOS4xNzE1NyAyIDguNTg1NzkgMi41ODU3OUM4IDMuMTcxNTcgOCA0LjExNDM4IDggNiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSI+PC9wYXRoPiA8cGF0aCBkPSJNMTMuNSAxNEgxMC41TTEyIDEyLjVWMTUuNSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+IDxjaXJjbGUgY3g9IjEyIiBjeT0iMTQiIHI9IjQiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvY2lyY2xlPiA8L2c+PC9zdmc+");
}

.time_cat--7 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSJHbHlwaCI+PHBhdGggZD0iTTE4LjU3LDguMmExLDEsMCwwLDAtLjk1LS40MSwxLDEsMCwwLDAtLjguNjUsNS41Nyw1LjU3LDAsMCwxLS41OSwxLDEwLjI0LDEwLjI0LDAsMCwwLTYuMTQtOC4zOCwxLDEsMCwwLDAtMS40Mi44NUExMi4yNSwxMi4yNSwwLDAsMSw2LjEyLDkuMDcsOS41NSw5LjU1LDAsMCwwLDQsMTVhOCw4LDAsMCwwLDgsOCw3LjkxLDcuOTEsMCwwLDAsOC04QzIwLDEwLjMzLDE4LjcyLDguNDEsMTguNTcsOC4yWiIgZmlsbD0iI0ZGRkZGRiIvPjwvZz48L3N2Zz4=");
}

.time_cat--8 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjYuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkdseXBoIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNjAgNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYwIDYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNNyw0MGMwLDIuNzU2ODQsMi4yNDMxNiw1LDUsNWgzNmMyLjc1Njg0LDAsNS0yLjI0MzE2LDUtNXYtMUg3VjQweiIgZmlsbD0iI0ZGRkZGRiIgLz4KCTxwYXRoIGQ9Ik00Miw1MWgtNHYtNEgyMnY0aC00Yy0wLjU0OTk5LDAtMSwwLjQ1MDAxLTEsMXMwLjQ1MDAxLDEsMSwxaDI0YzAuNTQ5OTksMCwxLTAuNDUwMDEsMS0xUzQyLjU0OTk5LDUxLDQyLDUxeiIgZmlsbD0iI0ZGRkZGRiIgLz4KCTxwYXRoIGQ9Ik0xMywxMnYyMGgzNC4wMDE5NUw0NywxMkgxM3ogTTI1LjkyODcxLDE3LjM3MTA5YzAsMC0zLjk5NDQ1LDkuOTg2MTUtNCwxMGMtMC4zMjk0MSwwLjgyMzU1LTEuNTI4MDIsMC44MjE0MS0xLjg1NzQyLDAKCQlsLTQtMTBjLTAuMjA1MDgtMC41MTI3LDAuMDQ0OTItMS4wOTQ3MywwLjU1NzYyLTEuMjk5OGMwLjUwODc5LTAuMjA0MSwxLjA5NDczLDAuMDQyOTcsMS4yOTk4LDAuNTU3NjJMMjEsMjQuMzA3NjIKCQlsMy4wNzEyOS03LjY3ODcxYzAuMjA1MDgtMC41MTQ2NSwwLjc5MTk5LTAuNzYyNywxLjI5OTgtMC41NTc2MkMyNS44ODM3OSwxNi4yNzYzNywyNi4xMzM3OSwxNi44NTg0LDI1LjkyODcxLDE3LjM3MTA5eiBNMzUsMjcKCQljMCwwLjU1MjczLTAuNDQ3MjcsMS0xLDFzLTEtMC40NDcyNy0xLTF2LTRoLTN2NGMwLDAuNTUyNzMtMC40NDcyNywxLTEsMXMtMS0wLjQ0NzI3LTEtMXYtNy41YzAtMS45Mjk2OSwxLjU3MDMxLTMuNSwzLjUtMy41CgkJczMuNSwxLjU3MDMxLDMuNSwzLjVWMjd6IE00My44OTQ1MywyNi41NTI3M2MwLjI0NzA3LDAuNDk0MTQsMC4wNDY4OCwxLjA5NDczLTAuNDQ3MzksMS4zNDE4NgoJCWMtMC40ODg4MywwLjI0MjY4LTEuMDk2ODYsMC4wNDIzNi0xLjM0MTY3LTAuNDQ3MzNDNDIuMTA1MzUsMjcuNDQ3MDIsMzkuODgxODQsMjMsMzkuODgxODQsMjNIMzl2NGMwLDAuNTUyNzMtMC40NDcyNywxLTEsMQoJCXMtMS0wLjQ0NzI3LTEtMVYxN2MwLTAuNTUyNzMsMC40NDcyNy0xLDEtMWgyLjVjMS45Mjk2OSwwLDMuNSwxLjU3MDMxLDMuNSwzLjVjMCwxLjQwOTE4LTAuODQxODYsMi42MTkyLTIuMDQ1MSwzLjE3MzQ2CgkJTDQzLjg5NDUzLDI2LjU1MjczeiIgZmlsbD0iI0ZGRkZGRiIgLz4KCTxwYXRoIGQ9Ik00MC41LDE4SDM5djNoMS41YzAuODI3MTUsMCwxLjUtMC42NzI4NSwxLjUtMS41UzQxLjMyNzE1LDE4LDQwLjUsMTh6IiBmaWxsPSIjRkZGRkZGIiAvPgoJPHBhdGggZD0iTTMxLjUsMThjLTAuODI3MTUsMC0xLjUsMC42NzI4NS0xLjUsMS41VjIxaDN2LTEuNUMzMywxOC42NzI4NSwzMi4zMjcxNSwxOCwzMS41LDE4eiIgZmlsbD0iI0ZGRkZGRiIgLz4KCTxwYXRoIGQ9Ik00OCw3SDEyYy0yLjc1Njg0LDAtNSwyLjI0MzE2LTUsNXYyNWg0NlYxMkM1Myw5LjI0MzE2LDUwLjc1Njg0LDcsNDgsN3ogTTQ5LDMyYzAsMS4xMDI1NC0wLjg5NzQ2LDItMiwySDEzCgkJYy0xLjEwMjU0LDAtMi0wLjg5NzQ2LTItMlYxMmMwLTEuMTAyNTQsMC44OTc0Ni0yLDItMmgzNGMxLjEwMjU0LDAsMiwwLjg5NzQ2LDIsMlYzMnoiIGZpbGw9IiNGRkZGRkYiIC8+CjwvZz4KPC9zdmc+Cg==");
}

/* Widget styling
========================= */
.widget.widget_block {

    span.wp-block-heading,
    .widget-heading-3,
    .wm2026_list--football li,
    .wm2026_list--football li a,
    .wm2026_list--football li a:visited,
    .wm2026_list--newsfeed li time,
    .wm2026_list--newsfeed li span {
        color: var(--color-text);
    }

    .widget-heading-3,
    .wm2026_list--newsfeed li time {
        opacity: .7;
    }

    .wp-block-search__inside-wrapper {
        align-items: center;
        gap: 8px;
    }

    .wp-block-search__button {
        margin: 0;
    }

    .wm2026_list--football li>span.calicons {
        background-image: url('../wm2026/images/calender.svg');
        background-size: 18px;
    }

    .wm2026_list--football li>span,
    .time_cat--2 {
        background-image: url('../wm2026/images/ico_football-light.svg');
        background-size: 18px;
    }
}

/* Author box
==================== */
#author-box {
    background: linear-gradient(135deg, rgba(26, 26, 26, 1) 75%, rgba(0, 104, 71, 1) 100%);
    border: 2px solid #ffffff75;
}

/* Footer styles
============================== */

footer {
    background: #00000030;
    border: 2px solid #ffffff75;
    color: var(--color-text);
    background-image: url(/wp-content/themes/wm2026-child/images/branding-wm2026-t.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 84px;
    height: auto;
    background-size: cover;
}

.footer_column {

    p,
    a,
    a:visited,
    .u-light {
        color: var(--color-text);
    }
}

p.logo-container {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}

/* FootStats styling
=========================== */
.footstats-topplayers-wrapper,
.footstats-top5leagues-wrapper,
.footstats-table-wrapper,
.footstats-transfermarkt-wrapper {
    max-width: 100%;
    overflow-x: auto;
}

.footstats-table,
.footstats-fixtures-table {
    th {
        background-color: var(--color-wm-secondary);
        white-space: nowrap;
        text-align: center;

        &:hover {
            background-color: var(--color-wm-secondary);
            color: var(--color-text);
        }
    }

    tbody {
        tr {
            &:nth-child(even) {
                background-color: var(--color-wm-secondary);
            }

            &:hover {
                background-color: var(--color-wm-quarternary);
                color: var(--color-text-dark);
            }

            td {
                text-align: center;

                .footstats-player-info-wrap {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    max-width: 200px;
                    margin: 0 auto;
                }

                .footstats-player-photo {
                    max-width: 50px;
                }
            }
        }
    }

    .footstats-fixture-tv {
        color: inherit;
    }
}

div.fs-standings-groupped-wrapper {
    --title-background: var(--color-wm-secondary);
}

.footstats-team-cell {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footstats-single-fixture {
    background-color: var(--color-wm-primary);
    border: 1px solid #d9e6ff;
    border-radius: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 0;
    box-shadow: none;
    overflow: hidden;
}

.footstats-single-fixture .footstats-single-fixture-header {
    text-align: left;
    margin-bottom: 0;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 24px;
    background-color: var(--color-wm-secondary);
    color: #ffffff;
    border-radius: 15px 15px 0 0;
}

.footstats-single-fixture-round {
    font-size: 26px;
    font-family: 'Monument Extended';
    font-weight: 400;
    color: inherit;
    line-height: 1;
}

.footstats-single-fixture .col-a,
.footstats-single-fixture .col-c {
    flex-basis: 38.7%;
}

.footstats-single-fixture .col-b {
    flex-basis: 22.6%;
}

.footstats-single-fixture-detail-value {
    font-size: inherit;
    color: inherit;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footstats-single-fixture-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.footstats-single-fixture-detail {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.footstats-single-fixture-detail:last-child {
    justify-content: flex-end;
}

.footstats-single-fixture-teams {
    display: block;
    margin: 0;
}

.footstats-single-fixture-teams>div {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.fixture-team-names {
    background-color: var(--color-wm-secondary);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #fff;
    margin-top: 1px;
}

.fixture-team-names>*,
.fixture-score>*,
.fixture-team-form>*,
.fixture-team-channel {
    padding: 16px 0;
    text-align: center;
}

.fixture-score img {
    max-width: 100%;
    min-width: 80px;
    height: 80px;
    margin: 0 auto;
}

.fixture-score span {
    font-size: 40px;
}

.fixture-score .col-b {
    font-family: 'Monument Extended';
}

.fixture-team-form {
    border-top: 2px solid #d9e6ff;
    border-bottom: 2px solid #d9e6ff;
    font-weight: 700;
}

.fixture-team-form>* {
    flex: auto;
    text-align: center;
}

.fixture-team-form>div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.fixture-team-form>span {
    border-left: 1px solid #d9e6ff;
    border-right: 1px solid #d9e6ff;
}

.footstats-form-circle {
    display: inline-block;
    color: #fff;
    padding: 5px;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    text-align: center;
    line-height: 22px;
}

.fixture-team-channel>span {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #00e;
    text-decoration: underline;
    font-weight: 700;
}

.footstats-form-win {
    background-color: #00b499;
    border-color: #00b499;
}

.footstats-form-loss {
    background-color: #b30000;
    border-color: #b30000;
}

.footstats-form-draw {
    background-color: #a5a5ab;
    border-color: #a5a5ab;
}

.list--groups .teams-roundup {
    max-width: 100%;
    min-width: fit-content;
    height: auto;

    .footstats-team-cell {
        display: flex;
        justify-content: flex-start;

        .footstats-team-name {
            white-space: nowrap;
        }
    }
}

.btn_groups_prev,
.btn_groups_next,
.btn_stadiums_prev,
.btn_stadiums_next {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIGZpbGw9IiMwMDAwMDAiPjxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIj48L2c+PGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L2c+PGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8dGl0bGU+YXJyb3ctbGVmdC1jaXJjbGU8L3RpdGxlPiA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoIEJldGEuPC9kZXNjPiA8ZGVmcz4gPC9kZWZzPiA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gPGcgaWQ9Ikljb24tU2V0IiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTEwODcuMDAwMDAwKSIgZmlsbD0iI2ZmZmZmZiI+IDxwYXRoIGQ9Ik0yNzksMTEwMiBMMjY4LjQxNCwxMTAyIEwyNzIuNTM2LDEwOTcuODggQzI3Mi45MjYsMTA5Ny40OSAyNzIuOTI2LDEwOTYuODYgMjcyLjUzNiwxMDk2LjQ2IEMyNzIuMTQ1LDEwOTYuMDcgMjcxLjUxMiwxMDk2LjA3IDI3MS4xMjEsMTA5Ni40NiBMMjY1LjQ2NCwxMTAyLjEyIEMyNjUuMjI1LDExMDIuMzYgMjY1LjE1LDExMDIuNjkgMjY1LjIwNSwxMTAzIEMyNjUuMTUsMTEwMy4zMSAyNjUuMjI1LDExMDMuNjQgMjY1LjQ2NCwxMTAzLjg4IEwyNzEuMTIxLDExMDkuNTQgQzI3MS41MTIsMTEwOS45MyAyNzIuMTQ1LDExMDkuOTMgMjcyLjUzNiwxMTA5LjU0IEMyNzIuOTI2LDExMDkuMTUgMjcyLjkyNiwxMTA4LjUxIDI3Mi41MzYsMTEwOC4xMiBMMjY4LjQxNCwxMTA0IEwyNzksMTEwNCBDMjc5LjU1MiwxMTA0IDI4MCwxMTAzLjU1IDI4MCwxMTAzIEMyODAsMTEwMi40NSAyNzkuNTUyLDExMDIgMjc5LDExMDIgTDI3OSwxMTAyIFogTTI3MiwxMTE3IEMyNjQuMjY4LDExMTcgMjU4LDExMTAuNzMgMjU4LDExMDMgQzI1OCwxMDk1LjI3IDI2NC4yNjgsMTA4OSAyNzIsMTA4OSBDMjc5LjczMiwxMDg5IDI4NiwxMDk1LjI3IDI4NiwxMTAzIEMyODYsMTExMC43MyAyNzkuNzMyLDExMTcgMjcyLDExMTcgTDI3MiwxMTE3IFogTTI3MiwxMDg3IEMyNjMuMTY0LDEwODcgMjU2LDEwOTQuMTYgMjU2LDExMDMgQzI1NiwxMTExLjg0IDI2My4xNjQsMTExOSAyNzIsMTExOSBDMjgwLjgzNiwxMTE5IDI4OCwxMTExLjg0IDI4OCwxMTAzIEMyODgsMTA5NC4xNiAyODAuODM2LDEwODcgMjcyLDEwODcgTDI3MiwxMDg3IFoiIGlkPSJhcnJvdy1sZWZ0LWNpcmNsZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+IDwvcGF0aD4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
}

.btn_groups_next,
.btn_stadiums_next {
    transform: rotateY(180deg);
}

.footstats-fixtures-slider-wrapper,
.fs-sg-group-inner-wrapper {
    width: 972px;
    max-width: 100%;
}

@media screen and (max-width: 600px) {
    .fixture-score img {
        max-width: 100%;
        min-width: 50px;
        height: 50px;
        margin: 0 auto;
    }

    .fixture-team-form>div {
        gap: 2px;
    }

    .footstats-form-circle {
        padding: 0;
        width: 18px;
        height: 18px;
        font-size: 12px;
        line-height: 16px;
    }

    .fixture-score span {
        font-size: 28px;
    }
}

/* Responsive styling
============================== */

@media only screen and (min-width: 1380px) {

    div#main-nav,
    .hero-wrapper {
        padding-left: 84px;
        padding-right: 84px;
    }

    .site-header h1,
    .site-header .header_subheading,
    .site-header .header__subarea {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 600px) {
    div#main-nav {
        position: initial;
    }
}

@media screen and (max-width: 899px) {
    .container--body.u-rel.navigation-wrapper {
        overflow: hidden;
    }

    .mobile-nav {
        display: block;
        min-height: 100vh;
    }

    .site-header {
        padding: 30px 20px 84px;

        img.custom-logo {
            max-width: 200px;
        }

        &:has(.nav-mobile-active) {
            #burger {
                display: none;
            }
        }
    }

    header .menu-toggle,
    .single-page #main-nav .menu-toggle {
        position: relative;
        display: block;
        top: auto;
        z-index: 1;
    }

    div#main-nav.is-sticky {
        padding: 5px 20px;
    }

    #mob-nav {
        .logo-area {
            justify-content: space-between;
            align-items: center;
        }

        .menu-toggle {
            background: none;
            width: 30px;
        }

        .menu {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin: 20px auto;
            max-width: 75vw;
            position: relative;

            a {
                color: var(--color-white);
                font-weight: 700;
                font-size: 18px;
            }

            .menu-parent-item {
                &:before {
                    color: var(--color-white);
                    content: "+";
                    font-size: 22px;
                    font-weight: 700;
                    line-height: 1;
                }

                &.active {
                    &::before {
                        content: "-";
                    }
                }

                &:hover {
                    cursor: pointer;
                }
            }

            ul.sub-menu {
                display: none;
                position: relative;
                z-index: 1001;
                background-color: transparent;
                padding: 10px;
                width: max-content;
                left: auto;
                top: auto;
                border-radius: 0;
                box-shadow: none;

            }

            .menu-item-has-children.active {
                >.sub-menu {
                    display: block;
                }
            }
        }
    }

    .main-navigation {
        display: none;
    }

    .hero-content,
    .header_subheading {
        max-width: 100%;
        flex-basis: 100%;
    }

    .hero-footer-inner-wrap {
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }

    .hero-logo-wrap {
        flex-basis: 100%;

        img {
            max-width: 200px;
        }
    }

    .info-box {
        flex-basis: 100%;

        &:nth-child(2),
        &:nth-child(3) {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;

            .info-subtitle {
                flex-basis: 100%;
            }
        }
    }

    div#countdown-container {
        flex-basis: 100%;
    }

    section.container--dark:has(.upcoming__header) {
        padding: 15px 24px 0;
    }

    .wm2026_list--wichtig {
        flex-direction: column;
    }

    footer {
        padding: 20px;
    }

    .container--main {
        display: block;
    }
}

@media screen and (min-width: 599px)and (max-width: 899px) {
    .navigation-wrapper:has(.nav-mobile-active) {
        position: initial;
    }

    footer {
        flex-wrap: wrap;

        .footer_column {
            flex-basis: calc(50% - 50px);
        }
    }
}

@media screen and (max-width: 599px) {

    header button.menu-toggle,
    .single-page #main-nav button.menu-toggle {
        position: relative;
        display: block;
        top: auto;
        right: auto;
    }

    #burger.menu-toggle.changePos {
        top: auto !important;
    }

    #main-nav.is-sticky .menu-toggle {
        right: 20px;
    }

    p.hero-countdown-header {
        font-size: 24px;
        text-align: left;
    }

    div#countdown-container {
        padding: 12px 12px;
    }
}

/* TOPLIST STYLING
====================== */

.toplist-container .toplist-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    container-type: inline-size;
    margin-left: 0;
}

.toplist-wrapper .toplist-item {
    padding: 0;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, rgb(15 15 15 / 3%) 0%, rgba(255, 255, 255, 1) 100%);
    border: 2px solid var(--color-wm-secondary);
    margin: 0;
}

.toplist-item.highlighted {
    border: 2px solid var(--color-wm-tertiary);
}

.toplist-item .index-marker {
    display: flex;
    justify-content: center;
    background-color: #be2edd;
    font-size: 32px;
    color: #ffffff;
    padding: 0 10px;
    max-width: fit-content;
    align-items: center;
}

.toplist-item.highlighted .index-marker {
    background-color: var(--color-wm-tertiary);
}

.toplist-item .index-number {
    font-size: 48px;
    line-height: 1;
}

.toplist-item .ratings-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 20px 0;
}

.toplist-item .logo-wrapper {
    padding: 15px;
    background-color: var(--wp--preset--color--secondary);
    border-radius: 99px;
    line-height: 0;
    background: linear-gradient(135deg, rgba(26, 26, 26, 1) 75%, rgba(0, 104, 71, 1) 100%);
}

.toplist-item .logo-wrapper img {
    max-width: 120px;
}

.ratings-container>p {
    text-align: center;
    margin: 0;
    padding: 0;
}

.ratings-container .rating-wrapper {
    flex-direction: row;
    align-items: center;
    padding-top: 0;
    justify-content: center;
    max-width: 100%;

    .star-rating {
        display: flex;
    }
}

.toplist-item .info-block.usp-list {
    display: flex;
    align-items: center;
}

.toplist-item ul.usp {
    padding: 0 0 0 20px;
    list-style: none;
    margin: 0;
    line-height: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 1.1rem;
}

.toplist-item .usp-list li {
    padding-left: 24px;
    list-style: none;
    background-image: url('../wm2026/images/ico_football-light.svg');
    background-size: 17px;
    background-position: left 0;
    background-repeat: no-repeat;
    margin: 0;
}

.toplist-item .info-block.last {
    margin-left: auto;
    padding: 15px;
    color: #0e0e0e;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: column;
    flex: 1 0 33%;
    justify-content: center;
    max-width: 33%;
}

.bonus-line {
    font-weight: 700;
    font-size: 1.2rem;
}

.toplist-item .toplist-cta,
.load-more-btn.toplist-cta {
    border-radius: 50px;
    font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);
    font-style: normal;
    font-weight: 600;
    padding: 13px 26px;
    box-shadow: none;
    white-space: nowrap;
}

.toplist-item .toplist-cta {
    background-color: var(--color-wm-tertiary);
    color: #fff;
    text-decoration: none;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
}

.toplist-item .toplist-cta:hover,
.toplist-item .toplist-cta:focus,
.toplist-item .toplist-cta:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
    color: #fff;
}

@media screen and (max-width: 768px) {
    .toplist-item {
        flex-direction: column;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .toplist-item .index-marker {
        position: absolute;
        font-size: 28px;
        border-radius: 0;
        padding: 15px 12px;
        border-bottom-right-radius: 15px;
        border-top-left-radius: 15px;
        font-weight: 700;
    }

    .toplist-item .ratings-container {
        padding: 20px 0 0;
        align-items: center;
    }

    .toplist-item .logo-wrapper {
        max-width: fit-content;
    }

    .toplist-item ul.usp {
        font-size: 1rem;
        padding: 0 15px;
    }

    .toplist-item .info-block.usp-list {
        justify-content: center;
    }

    .toplist-item .info-block.last {
        margin: 0;
        max-width: 100%;
    }

    .toplist-item .toplist-cta,
    .load-more-btn.toplist-cta {
        border-radius: 50px;
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 600;
        padding: 13px 26px;
        box-shadow: none;
        white-space: nowrap;
        width: 100%;
        font-size: 1.2rem;
    }
}