.category-the-team .wp-block-post-date {
	display: none;
}

.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
    color: #000;
}

.wp-block-search input {
	border: none;
}

.has-foreground-color a,
.wp-block-latest-posts__post-title {
	color: var(--wp--preset--color--foreground) !important;
}

@media (max-width: 767px) {
    /* 1. LAYOUT CONTROL: Allows children to wrap to a new line */
    header .container, 
    .site-header .inside-header,
    .header-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;      /* Crucial: Allows the menu button to drop down */
        align-items: center !important; 
        justify-content: space-between !important; 
        padding-left: 15px !important;  
        padding-right: 25px !important; /* Increased to pull search bar away from the right edge */
        box-sizing: border-box !important; 
    }

    /* 2. ADJUST THE LOGO SIZE AND POSITION */
    .custom-logo, 
    .site-logo img, 
    header img {
        max-width: 200px !important; /* Slightly reduced so it doesn't crush the search bar */
        height: auto !important; 
        display: inline-block !important;
        margin-top: 10px !important; 
    }

    /* 3. SHRINK AND NUDGE SEARCH BAR (Fixed width overrides) */
    .search-form,
    .wp-block-search,
    .wp-block-search__inside-wrapper,
    .search-form input[type="search"],
    header input[type="search"] {
        max-width: 130px !important;    /* Hard ceiling on width */
        width: 100% !important;          /* Removed the 200% which was causing the bleed */
        margin-right: 10px !important;  /* Safe padding from the right screen boundary */
    }

    /* 4. FORCE MENU BUTTON TO NEW LINE AND CENTER IT */
    .wp-block-navigation__responsive-container-open,
    .menu-toggle,
    .mobile-menu-toggle {
        flex-basis: 100% !important;     /* Forces it to occupy its own full line below logo/search */
        display: flex !important;
        justify-content: center !important; /* Centers the button or icon horizontally */
        margin: 15px auto 0 auto !important; /* Adds clean spacing below the logo row */
        width: auto !important;
    }
}