/**
 * Responsive Header Styles for 1024px and below
 * Astra Child Theme
 */

/* Tablet view (1024px and below) */
@media (max-width: 1024px) {
	/* Header adjustments */
	.site-header,
	.ast-header-wrapper {
		padding: 15px 20px;
	}

	/* Logo adjustments */
	.site-logo-img,
	.custom-logo-link img {
		max-width: 120px;
		height: auto;
	}

	/* Navigation menu */
	.main-navigation,
	.ast-main-header-nav-wrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.main-navigation ul,
	.ast-main-header-nav-wrapper ul {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.main-navigation a,
	.ast-main-header-nav-wrapper a {
		font-size: 14px;
		padding: 8px 12px;
		text-decoration: none;
	}

	/* Button styling */
	.header-button,
	.ast-button,
	.elementor-button {
		padding: 10px 20px;
		font-size: 13px;
		white-space: nowrap;
	}

	/* Header layout */
	.ast-header-nav-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		flex-wrap: wrap;
	}
}

/* Small tablet (768px and below) */
@media (max-width: 768px) {
	.site-header,
	.ast-header-wrapper {
		padding: 12px 15px;
	}

	.site-logo-img,
	.custom-logo-link img {
		max-width: 100px;
	}

	.main-navigation ul,
	.ast-main-header-nav-wrapper ul {
		gap: 10px;
	}

	.main-navigation a,
	.ast-main-header-nav-wrapper a {
		font-size: 12px;
		padding: 6px 10px;
	}

	.header-button,
	.ast-button,
	.elementor-button {
		padding: 8px 16px;
		font-size: 12px;
	}
}

/* Mobile view (480px and below) */
@media (max-width: 480px) {
	.site-header,
	.ast-header-wrapper {
		padding: 10px 12px;
	}

	.site-logo-img,
	.custom-logo-link img {
		max-width: 80px;
	}

	.main-navigation,
	.ast-main-header-nav-wrapper {
		display: none;
	}

	.header-button,
	.ast-button,
	.elementor-button {
		padding: 6px 12px;
		font-size: 11px;
	}
}