/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1024px) {
	.nisios-header-container {
		padding: 8px 14px;
	}

	.nisios-header-right {
		gap: 15px;
	}

	.nisios-logo-img,
	.custom-logo {
		width: 160px;
	}

	#site-navigation {
		display: none;
	}

	.nisios-burger-toggle {
		display: flex;
	}

	.nisios-user-buttons .button-primary {
		display: none;
	}

	.nisios-btn-account {
		padding: 0;
		background: transparent;
		border: none;
	}

	.nisios-btn-account:hover {
		background: transparent;
		border: none;
	}

	.nisios-btn-account span {
		display: none;
	}
}

@media (max-width: 480px) {
	.nisios-logo-img,
	.custom-logo {
		width: 120px;
	}

	.nisios-header-right {
		gap: 8px;
	}

	.nisios-user-buttons .button-gray {
		padding: 6px 10px;
		font-size: 13px;
	}
}

/* Réduction du padding horizontal des sections alignfull sur mobile.
   Override les inline styles posés par WordPress (theme.json root padding). */
@media (max-width: 768px) {
	.wp-block-group.alignfull[style*="padding-left"] {
		padding-left: var(--wp--preset--spacing--20) !important;
	}

	.wp-block-group.alignfull[style*="padding-right"] {
		padding-right: var(--wp--preset--spacing--20) !important;
	}

	.howitworks-inner,
	.featured-inner,
	.cta-content,
	.stats-inner {
		padding-left: 0;
		padding-right: 0;
	}

}

@media (max-width: 768px) {
	.wp-block-column.mobile-align-left,
	.wp-block-column.mobile-align-left * {
		text-align: left !important;
	}

	.wp-block-column.mobile-align-left.is-content-justification-right,
	.wp-block-column.mobile-align-left.is-content-justification-center {
		justify-content: flex-start !important;
		align-items: flex-start !important;
	}

	.wp-block-column.mobile-align-left .wp-block-buttons {
		justify-content: flex-start !important;
	}

	.wp-block-column.mobile-align-left > * {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.wp-block-column.mobile-align-left .has-text-align-right,
	.wp-block-column.mobile-align-left .has-text-align-center {
		text-align: left !important;
	}
}