/*
Theme Name:   Sadiku Child Theme
Theme URI:    https://sadiku.at
Description:  GeneratePress child theme for sadiku.at – Garten & Reinigung Sadiku
Author:       Andreas Ostheimer
Author URI:   https://sadiku.at
Template:     generatepress
Version:      1.0.3
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  sadiku-child
*/

/* ─── Custom overrides below ──────────────────────────────────── */

/*
 * Header navigation (desktop): cohesive bar, equal link heights, no accidental wrap
 * to a second row for CTA/search. Parent theme uses flat color blocks + line-height
 * which reads as “unstyled” when items differ in height.
 */
@media (min-width: 1001px) {
	/* Let the pill-shaped menu list carry the bar colour, not the full nav strip */
	.main-navigation:not(.toggled),
	.main-navigation:not(.toggled) .main-nav {
		background: transparent !important;
	}

	.main-navigation .inside-navigation {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		gap: 0.75rem;
		width: 100%;
		max-width: 100%;
	}

	.main-navigation #primary-menu.main-nav {
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		justify-content: flex-end;
	}

	.main-navigation .main-nav > ul.menu {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 4px;
		margin: 0;
		padding: 5px;
		list-style: none;
		max-width: 34rem;
		width: max-content;
		background-color: rgba(31, 32, 34, 0.92);
		border-radius: 8px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	}

	.main-navigation .main-nav > ul.menu > li {
		display: flex;
		align-items: stretch;
		margin: 0;
	}

	/* Same box for every item — fixes taller “Startseite” / current item */
	.main-navigation .main-nav > ul.menu > li > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		line-height: 1.25 !important;
		padding: 0 12px !important;
		box-sizing: border-box;
		border-radius: 5px;
		background-color: transparent;
		color: var(--base-3) !important;
		text-decoration: none;
		transition: background-color 0.15s ease, color 0.15s ease;
	}

	.main-navigation .main-nav > ul.menu > li:not(.current-menu-item):not(.current_page_item) > a:hover,
	.main-navigation .main-nav > ul.menu > li:not(.current-menu-item):not(.current_page_item) > a:focus {
		background-color: rgba(255, 255, 255, 0.08);
		color: var(--base-3) !important;
	}

	.main-navigation .main-nav > ul.menu > li.current-menu-item > a,
	.main-navigation .main-nav > ul.menu > li.current_page_item > a {
		background-color: var(--accent) !important;
		color: var(--base-3) !important;
	}

	/* CTA + search: one row with the menu, vertically centred */
	.main-navigation .menu-bar-items {
		flex-direction: row;
		flex-shrink: 0;
		align-items: center;
		gap: 0.5rem;
		margin: 0;
		padding: 0;
		background: transparent;
	}

	.main-navigation .menu-bar-items > .menu-bar-item > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		min-width: 44px;
		border-radius: 5px;
	}

	/* GenerateBlocks button injected into menu bar */
	.main-navigation .menu-bar-items .gb-button-wrapper {
		margin: 0;
	}

	.main-navigation .menu-bar-items a.gb-button {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		padding: 0 16px !important;
		border-radius: 6px !important;
		margin: 0 !important;
	}
}

/* Slightly tighter nav on medium desktop widths (avoids CTA/search wrapping to a second row) */
@media (min-width: 1001px) and (max-width: 1260px) {
	.main-navigation .main-nav > ul.menu > li > a {
		padding: 0 8px !important;
		font-size: 13px;
	}
}