/*
Theme Name: TTF Child INPP
Template: twentytwentyfive
Description: Child of Twenty Twenty-Five with color and style adaptions, templates for races, template parts and patterns for boddenracer.
Author: LemonHead
Author URI: https://lemonhead.de
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.9
Text Domain: twentytwentyfive
*/


@media screen and (max-width: 768px) {  
    body {
        --wp--style--root--padding-right: var(--wp--preset--spacing--30);
        --wp--style--root--padding-left: var(--wp--preset--spacing--30);
    }
}

/******* HEADER / NAVI *******/
header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 999;
}

header .wp-block-site-logo {
	max-width: 300px;
    transition: max-width 0.3s 0s linear;
}

header.scrolled .wp-block-site-logo {
	max-width: 150px;
}

@media screen and (max-width: 768px) {  
    header .wp-block-group.alignwide {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    header .wp-block-site-logo {
        max-width: 220px;
    }
    header.scrolled .wp-block-site-logo {
        max-width: 120px;
    }
}

/** change menu toggle breakpoint from 600px default value to 1080px **/
@media ( min-width: 1080px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
    }
}
@media ( min-width: 600px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
    }
}


header .wp-block-navigation__responsive-container-close svg, 
header .wp-block-navigation__responsive-container-open svg {
    width: 44px;
    height: 44px;
}

header .wp-block-navigation {
    font-size: var(--wp--preset--font-size--medium);
    letter-spacing: 0.8px;
    column-gap: var(--wp--preset--spacing--40);
}

header .wp-block-navigation .wp-block-navigation-item a:hover {
    text-decoration: none;
    color: var(--wp--preset--color--accent-2);
}

header .wp-block-navigation .wp-block-navigation-item.current-menu-item a,
header .wp-block-navigation a:hover {
    color: var(--wp--preset--color--accent-2);
}

.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation {
    padding-top: var(--wp--preset--spacing--50);
}

header.scrolled .wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation {
    padding-top: 0;
}

/******  GRID  *******/

@media screen and (max-width: 768px) {  
    .wp-block-group.is-layout-grid {
        grid-template-columns: 1fr !important;
    }
}

/****** FOOTER *******/

footer.wp-block-template-part {
    margin-top: 0;
}

@media screen and (max-width: 768px) {  
    footer {
        text-align: center;
        justify-items: center;
        justify-content: center;
    }

    footer .wp-block-group.is-layout-flex {
        align-items: center;
        justify-content: center;
    }
}