/*
Theme Name: Extendable Child
Theme URI: https://github.com/extendify/extendable
Description: Child Theme for Extendable.
Author: Extendify
Author URI: https://extendify.com
Template: extendable
Version: 1.0.0
Text Domain: extendable-child
*/

/*
 Add your custom CSS below.
*/

@media (max-width: 990px) {
	/* In header rows with a mobile nav button, keep item 1 left and push item 2+3 right. */
	header.wp-block-template-part .wp-block-group.alignwide.is-layout-flex:has(.wp-block-navigation__responsive-container-open),
	header.wp-block-template-part .wp-block-group.alignwide.wp-container-core-group-is-layout-cb0a7ccb:has(.wp-block-navigation__responsive-container-open) {
		justify-content: flex-start !important;
	}

    nav.ff-lang-menu
    {
        margin-left:auto;
    }
    nav.ff-main-menu
    {
        order: 3;
    }

	/* Force responsive navigation mode up to 990px. */
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}

	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
		margin-left: auto;
		align-items: center;
		justify-content: center;
	}

	/* Make hamburger icon 1.5x larger (24px -> 36px). */
	.wp-block-navigation__responsive-container-open svg {
		width: 36px;
		height: 36px;
	}

	/* Override WP non-stacked mobile columns for cards at <= 990px. */
	.wp-block-columns.ff-cards.is-not-stacked-on-mobile {
		flex-wrap: wrap !important;
		justify-content: center !important;
	}

	.wp-block-columns.ff-cards.is-not-stacked-on-mobile > .wp-block-column {
		flex: 0 0 calc(50% - (var(--wp--style--block-gap, 2rem) / 2)) !important;
		max-width: calc(50% - (var(--wp--style--block-gap, 2rem) / 2)) !important;
	}
}

@media (min-width: 991px) {
	/* Restore desktop spacing on larger viewports. */
	header.wp-block-template-part .wp-block-group.alignwide.is-layout-flex:has(.wp-block-navigation__responsive-container-open),
	header.wp-block-template-part .wp-block-group.alignwide.wp-container-core-group-is-layout-cb0a7ccb:has(.wp-block-navigation__responsive-container-open) {
		justify-content: space-between !important;
	}

	header.wp-block-template-part .wp-block-group.alignwide.is-layout-flex:has(.wp-block-navigation__responsive-container-open) > :first-child,
	header.wp-block-template-part .wp-block-group.alignwide.wp-container-core-group-is-layout-cb0a7ccb:has(.wp-block-navigation__responsive-container-open) > :first-child {
		margin-right: 0;
	}
}