/*
Theme Name: ProxyRiders Spectra One
Theme URI: https://proxyriders.com
Author: ProxyRiders
Author URI: https://proxyriders.com
Description: Spectra One adapted for ProxyRiders.
Requires at least: 6.3
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.1.11
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: proxyriders-spectra-one
Template: spectra-one
*/

/* This child theme relies on theme.json for styles. Add CSS overrides below only when necessary. */

/* Main navigation */
.wp-block-group:has(> .proxyriders-nav) {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.proxyriders-nav {
    .wp-block-navigation__container > .wp-block-navigation-item {
        > a {
            font-weight: bold;
        }
    }

    .wp-block-navigation__submenu-container {
        padding-top: 0 !important;
        max-width: 100vw !important;
        white-space: nowrap !important;
    }
}

.proxyriders-theme-light {
    .polylang-language-switcher li {
        a {
            filter: brightness(1);
        }

        &.current-lang a,
        &:hover a {
            filter: brightness(2);
        }
    }
}

.proxyriders-theme-dark {
    .polylang-language-switcher li {
        a {
            filter: brightness(2);
        }

        &.current-lang a,
        &:hover a {
            filter: brightness(1);
        }
    }
}

.has-background-background-color a:not(.wp-element-button) {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.15em;
    transition: text-decoration-thickness 0.15s ease,
    text-shadow 0.15s ease;

    &:hover {
        text-shadow: 0 0 .8em currentColor;
    }
}

/* Main navigation responsiveness */
@media (min-width: 600px) {
    .proxyriders-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex !important;
    }

    .proxyriders-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .proxyriders-nav {
        .wp-block-navigation__container > .wp-block-navigation-item {
            > a {
                font-weight: normal;
            }
        }
    }

    .wp-block-group:has(> .proxyriders-nav) {
        flex-direction: row;
        justify-content: flex-end;
    }

    .proxyriders-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .proxyriders-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}