/** GamiGadgets responsive header and footer architecture. */

@media (min-width: 1024px) {
	.gghf-header--sticky.gghf-sticky-desktop {
		position: sticky;
		inset-block-start: var(--gghf-sticky-offset);
	}
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.gghf-header--affiliate .gghf-header__desktop {
		display: none;
	}

	.gghf-header--affiliate .gghf-header__mobile {
		display: flex;
	}

	.gghf-header--classic .gghf-header__inner,
	.gghf-header--minimal .gghf-header__inner {
		gap: 14px;
	}

	.gghf-header--classic .gghf-menu,
	.gghf-header--minimal .gghf-menu {
		gap: 12px;
	}

	.gghf-header--classic .gghf-menu__link,
	.gghf-header--minimal .gghf-menu__link {
		font-size: min(var(--gghf-menu-size), 14px);
	}

	.gghf-header--search .gghf-menu--desktop-secondary {
		flex-wrap: wrap;
		row-gap: 0;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.gghf-header--sticky.gghf-sticky-tablet {
		position: sticky;
		inset-block-start: var(--gghf-sticky-offset);
	}

	.gghf-header__desktop {
		display: none;
	}

	.gghf-header__mobile {
		display: flex;
	}

	.gghf-footer__grid,
	.gghf-footer--ratio-brand-wide.gghf-footer--columns-4 .gghf-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.gghf-header--sticky.gghf-sticky-mobile {
		position: sticky;
		inset-block-start: var(--gghf-sticky-offset);
	}

	.gghf-header__desktop {
		display: none;
	}

	.gghf-header__mobile {
		display: flex;
	}

	.gghf-header__mobile .gghf-logo__image {
		inline-size: min(var(--gghf-logo-width), 48vw);
	}

	.gghf-footer__grid,
	.gghf-footer--ratio-brand-wide.gghf-footer--columns-4 .gghf-footer__grid,
	.gghf-footer--columns-3 .gghf-footer__grid,
	.gghf-footer--columns-2 .gghf-footer__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.gghf-footer__bottom-inner {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		padding-block: 18px;
	}
}

@media screen and (min-width: 783px) {
	body.admin-bar .gghf-header--sticky {
		inset-block-start: calc(32px + var(--gghf-sticky-offset));
	}
}

@media screen and (max-width: 782px) {
	body.admin-bar .gghf-header--sticky {
		inset-block-start: calc(46px + var(--gghf-sticky-offset));
	}

	body.admin-bar .gghf-mobile-panel,
	body.admin-bar .gghf-search-overlay {
		inset-block-start: 46px;
	}
}

@media (max-width: 374px) {
	.gghf-header__mobile {
		gap: 4px;
	}

	.gghf-header__mobile .gghf-icon-button {
		inline-size: 42px;
	}

	.gghf-header__mobile .gghf-logo__image {
		inline-size: min(var(--gghf-logo-width), 44vw);
	}
}