/**
 * IQEX Theme — Base project styles
 *
 * Per-site overrides go here. Each deployment customises
 * this file for site-specific styling needs.
 *
 * The theme.json handles colours, fonts, and spacing.
 * This file handles layout resets, structural CSS,
 * and custom class utilities shared across all sites.
 */

/* ── Reset gaps for edge-to-edge sections ────────────── */

body {
	padding: 0 !important;
}

.wp-site-blocks {
	padding: 0 !important;
	gap: 0 !important;
}

.wp-site-blocks > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

main.wp-block-group {
	padding: 0 !important;
	margin: 0;
	gap: 0 !important;
}

main.wp-block-group > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wp-block-post-content {
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wp-block-post-content > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wp-block-group.alignfull,
.wp-block-cover.alignfull {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* ── Header nav links ────────────────────────────────── */

header .wp-block-navigation a {
	color: #ffffff !important;
	text-decoration: none;
}

header .wp-block-navigation a:hover {
	opacity: 0.8;
}

header .wp-block-site-title a {
	color: #ffffff !important;
	text-decoration: none;
}

/* ── Dark section utility ────────────────────────────── */

.iqex-dark-section {
	background-color: var(--wp--preset--color--dark);
	color: #ffffff;
	padding: 80px 30px;
}

.iqex-dark-section h1,
.iqex-dark-section h2,
.iqex-dark-section h3,
.iqex-dark-section h4,
.iqex-dark-section p,
.iqex-dark-section li {
	color: #ffffff;
}

.iqex-dark-section a {
	color: var(--wp--preset--color--accent);
}

.iqex-dark-section a:hover {
	color: #ffffff;
}

/* ── Footer links ────────────────────────────────────── */

ul.is-style-no-bullets {
	list-style: none;
	padding-left: 0;
}

ul.is-style-no-bullets li {
	margin-bottom: 8px;
}

.wp-block-group.has-background ul.is-style-no-bullets a {
	color: #d1d5db;
	text-decoration: none;
	transition: color 0.2s ease;
}

.wp-block-group.has-background ul.is-style-no-bullets a:hover {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
}

/* ── Mobile menu ─────────────────────────────────────── */

.wp-block-navigation__responsive-container-open {
	background-color: var(--wp--preset--color--primary) !important;
	border-radius: 4px;
	padding: 6px;
}

.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-open svg path {
	fill: #ffffff !important;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open a {
	color: #ffffff !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close svg,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close svg path {
	fill: #ffffff !important;
}

/* ── Responsive ──────────────────────────────────────── */

@media (max-width: 768px) {
	.iqex-dark-section {
		padding: 50px 20px;
	}
}