/*
Theme Name: Combiners
Theme URI: https://combiners.studio
Author: Combiners
Author URI: https://combiners.studio
Description: Cosmic digital studio one-page theme — converted from custom HTML. Includes Spline 3D, animated typography, and a full landing experience.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: combiners
Tags: one-page, dark, custom-colors, full-width-template
*/

/* --- Header layout tweaks to avoid menu wrapping and allow wider header --- */
/* Increase header container width and center it */
.site-header .wrap,
.site-header .container,
.header-inner,
.site-header .header-inner {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding: 0 28px;
}

/* Use flex layout and prevent menu items from wrapping */
.site-header,
.site-header .header-inner,
.main-navigation {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: nowrap;
}

/* Keep logo fixed size and let navigation take remaining space */
.site-branding { flex: 0 0 auto; margin-right: 18px; }
.main-navigation { flex: 1 1 auto; min-width: 0; }

/* Prevent menu text from breaking lines; use ellipsis if it overflows */
.main-navigation a {
	white-space: nowrap;
	display: inline-block;
	padding: 8px 12px;
	font-size: 0.95rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Responsive: enable horizontal scrolling for nav on smaller screens */
@media (max-width: 1100px) {
	.site-header .container,
	.site-header .wrap { padding: 0 16px; max-width: 100%; }
	.main-navigation { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.main-navigation a { font-size: 0.88rem; padding: 6px 10px; }
}

/* Slightly larger header for English layout if needed */
html[lang^="en"] .site-header .container { max-width: 1500px; }

/* Small utility: limit header min-height to avoid very tall header impacting hero */
.site-header { min-height: 60px; }

/* End header tweaks */

/* Strong overrides targeted at the actual navigation markup (#nav) on Desktop */
@media (min-width: 1024px) {
	#nav {
		max-width: 1500px !important; /* widen the nav container */
		margin: 0 auto !important;
		left: 0; right: 0;
	}

	#nav ul { display: flex !important; gap: 12px !important; align-items: center; flex-wrap: nowrap !important; }

	#nav ul li a {
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		padding: 6px 10px !important;
		font-size: 13px !important;
	}

	/* Reduce padding of the branded logo link so nav has more room */
	#nav > a { margin-right: 10px; }

	/* If still tight, slightly shrink the call-to-action button */
	#nav .btn-grad { padding: 6px 12px !important; font-size: 12.5px !important; }
}