﻿

@media (min-width: 20.125rem) and (max-width: 20.312rem) {
	body.kiddee-v2-new-item #page :is(
		.elementor-location-archive.elementor > .e-con:first-child,
		.elementor[data-elementor-type="archive"] > .e-con:first-child,
		.elementor[data-elementor-type="product-archive"] > .e-con:first-child
	) {
		margin-bottom: 510.5px ;
	}
}

@media (min-width: 20.313rem) and (max-width: 22.125rem) {
	body.kiddee-v2-new-item #page :is(
		.elementor-location-archive.elementor > .e-con:first-child,
		.elementor[data-elementor-type="archive"] > .e-con:first-child,
		.elementor[data-elementor-type="product-archive"] > .e-con:first-child
	) {
		margin-bottom: 462.5px ;
	}
}

@media (min-width: 22.1875rem) and (max-width: 23.999rem) {
	body.kiddee-v2-new-item #page :is(
		.elementor-location-archive.elementor > .e-con:first-child,
		.elementor[data-elementor-type="archive"] > .e-con:first-child,
		.elementor[data-elementor-type="product-archive"] > .e-con:first-child
	) {
		margin-bottom: 414.5px ;
	}
}

@media (min-width: 24rem) and (max-width: 29.9374rem) {
	body.kiddee-v2-new-item #page :is(
		.elementor-location-archive.elementor > .e-con:first-child,
		.elementor[data-elementor-type="archive"] > .e-con:first-child,
		.elementor[data-elementor-type="product-archive"] > .e-con:first-child
	) {
		margin-bottom: 366.5px ;
	}
}

@media (min-width: 29.9375rem) and (max-width: 31.562rem) {
	body.kiddee-v2-new-item #page :is(
		.elementor-location-archive.elementor > .e-con:first-child,
		.elementor[data-elementor-type="archive"] > .e-con:first-child,
		.elementor[data-elementor-type="product-archive"] > .e-con:first-child
	) {
		margin-bottom: 318.5px ;
	}
}

@media (min-width: 31.563rem) and (max-width: 42.999rem) {
	body.kiddee-v2-new-item #page :is(
		.elementor-location-archive.elementor > .e-con:first-child,
		.elementor[data-elementor-type="archive"] > .e-con:first-child,
		.elementor[data-elementor-type="product-archive"] > .e-con:first-child
	) {
		margin-bottom: 270.5px ;
	}
}

@media (min-width: 43rem) and (max-width: 47.99rem) {
	body.kiddee-v2-new-item #page :is(
		.elementor-location-archive.elementor > .e-con:first-child,
		.elementor[data-elementor-type="archive"] > .e-con:first-child,
		.elementor[data-elementor-type="product-archive"] > .e-con:first-child
	) {
		margin-bottom: 222.5px ;
	}
}

@media (max-width: 47.99rem) {
	/* Match the other archive product sections, which start without the
	 * excessive saved spacing while leaving a small breathing room above the
	 * heading on this no-catalogue template. */
	body.kiddee-v2-new-item #page > .elementor.kiddee-document-new-item-archive > .kiddee-bind-20fa035 {
		padding-top: 32px ;
	}
}

/* The saved archive documents use different top margins on the product
 * widget. Keep the catalogue-to-products gap on one shared mobile baseline. */
@media (max-width: 47.99rem) {
	:is(
		body.tax-product_cat.term-merry-go-round,
		body.tax-product_cat.term-ball-pool,
		body.tax-product_cat.term-soft-play
	) #page .elementor-widget-woocommerce-products {
		margin-top: -50px ;
	}

	body.tax-product_cat.term-spring-rider #page .elementor-widget-woocommerce-products {
		margin-top: -30px ;
	}

	:is(
		body.tax-product_cat.term-fitness-equipment,
		body.tax-product_cat.term-plastic-play,
		body.tax-product_cat.term-kid-furniture,
		body.tax-product_cat.term-sea-saw
	) #page .elementor-widget-woocommerce-products {
		margin-top: -60px ;
	}

	body.tax-product_cat.term-outdoor-playground #page .elementor-widget-woocommerce-products {
		margin-top: -70px ;
	}

	body.tax-product_cat.term-wooden-playground #page .elementor-widget-woocommerce-products {
		margin-top: -75px ;
	}
}

/* Use the same catalogue-to-products baseline on iPad/tablet widths. */
@media (min-width: 48rem) and (max-width: 74.99rem) {
	body.tax-product_cat.term-merry-go-round #page .elementor-widget-woocommerce-products {
		margin-top: -123px ;
	}

	body.tax-product_cat.term-spring-rider #page .elementor-widget-woocommerce-products {
		margin-top: -80px ;
	}

	body.tax-product_cat.term-ball-pool #page .elementor-widget-woocommerce-products {
		margin-top: -50px ;
	}

	:is(
		body.tax-product_cat.term-fitness-equipment,
		body.tax-product_cat.term-plastic-play,
		body.tax-product_cat.term-kid-furniture
	) #page .elementor-widget-woocommerce-products {
		margin-top: -60px ;
	}

	body.tax-product_cat.term-outdoor-playground #page .elementor-widget-woocommerce-products {
		margin-top: -10px ;
	}

	body.tax-product_cat.term-wooden-playground #page .elementor-widget-woocommerce-products {
		margin-top: -75px ;
	}

	body.tax-product_cat.term-sea-saw #page .elementor-widget-woocommerce-products {
		margin-top: -145px ;
	}
}

/* Keep the open iPad navigation identical to the mobile menu: the same
 * compact header, black close control, vertical list, and selected state. */
@media (min-width: 48rem) and (max-width: 74.99rem) {
	.site-header__inner {
		width: 100vw ;
		max-width: 100vw ;
		box-sizing: border-box;
		margin-inline: 0 ;
		padding-inline: 16px;
		min-height: var(--kiddee-touch-header-height, 77px);
		gap: 14px;
	}

	body.yith-request-a-quote-page .site-header__inner {
		width: 100%;
		max-width: 100%;
	}

	.site-branding,
	.site-branding .custom-logo-link {
		display: inline-flex;
		flex: 1 1 auto;
		align-items: center;
		min-width: 0;
		max-width: 100%;
	}

	.site-branding {
		max-width: calc(100% - 108px);
		overflow: hidden;
	}

	.site-branding .custom-logo {
		width: clamp(140px, 40vw, 180px) ;
		max-width: 100%;
		max-height: none;
		height: auto;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:active,
	.menu-toggle:focus-visible,
	.menu-toggle[aria-expanded="true"] {
		flex: 0 0 auto;
		display: inline-flex ;
		width: 52px;
		max-width: 100%;
		min-width: 52px;
		min-height: 48px;
		border: 1px solid var(--kv2-airbnb-ink) ;
		border-radius: 13px;
		padding: 10px 13px;
		gap: 0;
		justify-content: center;
		color: var(--kv2-airbnb-canvas) ;
		background: var(--kv2-airbnb-ink) ;
		box-shadow: 0 8px 18px rgba(34, 34, 34, 0.2);
		font-size: var(--kv2-type-body-md-size);
		font-weight: var(--kv2-type-body-md-weight);
		line-height: var(--kv2-type-body-md-line);
		white-space: nowrap;
	}

	/* Keep all three hamburger bars on the same horizontal axis on iPad. */
	.menu-toggle .menu-toggle__icon,
	.menu-toggle .menu-toggle__icon::before,
	.menu-toggle .menu-toggle__icon::after {
		width: 20px;
		height: 2px;
		margin: 0;
	}

	.menu-toggle .menu-toggle__icon {
		position: relative;
		flex: 0 0 20px;
	}

	.menu-toggle .menu-toggle__icon::before,
	.menu-toggle .menu-toggle__icon::after {
		left: 0;
		right: auto;
		transform-origin: center center;
	}

	.menu-toggle .menu-toggle__icon::before {
		top: -6px;
	}

	.menu-toggle .menu-toggle__icon::after {
		top: 6px;
	}

	.primary-navigation {
		position: fixed;
		top: calc(var(--kv2-header-height, 76px) + var(--wp-admin--admin-bar--height, 0px));
		right: 0;
		left: 0;
		width: 100vw;
		height: auto;
		box-sizing: border-box;
		max-height: calc(100vh - var(--kv2-header-height, 76px) - var(--wp-admin--admin-bar--height, 0px) - 24px);
		max-height: calc(100dvh - var(--kv2-header-height, 76px) - var(--wp-admin--admin-bar--height, 0px) - 24px);
		z-index: 99999;
		margin: 0;
		padding: 20px 28px 24px;
		border: 0;
		border-radius: 0;
		background: var(--kv2-color-surface);
		box-shadow: 0 24px 50px rgba(34, 34, 34, 0.18);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.primary-menu {
		display: flex;
		flex-direction: column;
		gap: 6px;
		max-width: 720px;
		margin: 0 auto;
		padding: 0;
	}

	.primary-menu a {
		display: flex;
		align-items: center;
		gap: 16px;
		min-height: 56px;
		padding: 16px 20px;
		border-radius: 14px;
		color: var(--kv2-color-text);
		font-size: var(--kv2-type-nav-size);
		font-weight: var(--kv2-type-nav-weight);
		line-height: var(--kv2-type-nav-line);
		white-space: normal;
		transition: background-color var(--kv2-transition), color var(--kv2-transition);
	}

	.primary-menu__icon {
		display: inline-grid;
		place-items: center;
		flex: 0 0 26px;
		width: 26px;
		height: 26px;
		color: currentColor;
	}

	.primary-menu__icon svg {
		display: block;
		width: 24px;
		height: 24px;
	}

	.primary-navigation .primary-menu > li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current-menu-parent,
		.current_page_parent,
		.current_page_ancestor
	) > a,
	.primary-navigation .primary-menu > li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current-menu-parent,
		.current_page_parent,
		.current_page_ancestor
	) > a:hover,
	.primary-navigation .primary-menu > li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current-menu-parent,
		.current_page_parent,
		.current_page_ancestor
	) > a:focus-visible,
	.primary-navigation .primary-menu > li > a:hover,
	.primary-navigation .primary-menu > li > a:focus-visible {
		color: var(--kv2-airbnb-primary-active) ;
		background: var(--kv2-airbnb-surface-soft) ;
	}

	.primary-navigation .primary-menu > li > a:is(:hover, :focus-visible) svg {
		color: var(--kv2-airbnb-primary-active) ;
		fill: currentColor ;
		stroke: currentColor;
	}

	.primary-navigation .primary-menu > li:is(
		.current-menu-item,
		.current_page_item,
		.current-menu-ancestor,
		.current-menu-parent,
		.current_page_parent,
		.current_page_ancestor
	) > a svg {
		color: var(--kv2-airbnb-primary) ;
		fill: none ;
		stroke: currentColor;
	}
}

/* Keep catalogue copy monochrome on compact archive layouts through the
 * render-time semantic catalogue owner rather than Elementor wrapper shape. */
@media (max-width: 74.99rem) {
	body.tax-product_cat #page .elementor :is(
		:where(.kiddee-catalogue-intro) > .elementor-widget-heading:first-child .elementor-heading-title,
		:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:first-child .elementor-heading-title
	),
	body.post-type-archive-product #page .elementor :is(
		:where(.kiddee-catalogue-intro) > .elementor-widget-heading:first-child .elementor-heading-title,
		:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:first-child .elementor-heading-title
	),
	body.tax-product_cat #page .elementor :is(
		:where(.kiddee-catalogue-intro) > .elementor-widget-heading:nth-child(2) .elementor-heading-title,
		:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:nth-child(2) .elementor-heading-title
	),
	body.post-type-archive-product #page .elementor :is(
		:where(.kiddee-catalogue-intro) > .elementor-widget-heading:nth-child(2) .elementor-heading-title,
		:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:nth-child(2) .elementor-heading-title
	) {
		color: var(--kv2-airbnb-ink) ;
		-webkit-text-fill-color: var(--kv2-airbnb-ink) ;
		text-shadow: none ;
	}
}
