/**
 * Mobile / tablet clearance so Elementor header + logo do not overlap search banners.
 * Desktop banner padding is unchanged in page CSS files.
 */

:root {
	--pgz-mobile-banner-pad-top: 7rem;
	--pgz-mobile-banner-inner-pad-top: 7.5rem;
	--pgz-tablet-banner-inner-pad-top: 3.125rem;
	--pgz-mobile-banner-inner-pad-top-admin: calc(7.5rem + 2.875rem);
}

/* Tablet — moderate inner clearance under overlapping header */
@media (max-width: 1024px) and (min-width: 768px) {

	.page-template-template-hotels .pgz-hotel-search__inner,
	.page-template-template-hotels-php .pgz-hotel-search__inner,
	.page-template-page-flights .pgz-flights-banner__inner,
	.page-template-page-flights-php .pgz-flights-banner__inner,
	.page-template-page-insurance .pgz-insurance-banner__inner,
	.page-template-page-insurance-php .pgz-insurance-banner__inner,
	.page-template-template-trains .pgz-trains-banner__inner,
	.page-template-template-trains-php .pgz-trains-banner__inner,
	.page-template-page-trains .pgz-trains-banner__inner,
	.page-template-page-trains-php .pgz-trains-banner__inner,
	.page-template-template-tours .pgz-tours-banner__inner,
	.page-template-template-tours-php .pgz-tours-banner__inner,
	.page-template-template-cruises .pgz-tours-banner__inner,
	.page-template-template-cruises-php .pgz-tours-banner__inner {
		padding-top: var(--pgz-tablet-banner-inner-pad-top);
	}
}

@media (max-width: 767px) {

	/* Cars */
	.page-template-template-cars .pgz-car-search,
	.page-template-template-cars-php .pgz-car-search {
		padding-top: var(--pgz-mobile-banner-pad-top);
	}

	.page-template-template-cars .pgz-car-search__inner,
	.page-template-template-cars-php .pgz-car-search__inner {
		padding-top: var(--pgz-mobile-banner-inner-pad-top);
		padding-left: var(--pgz-gap-16);
		padding-right: var(--pgz-gap-16);
		padding-bottom: var(--pgz-gap-24);
	}

	/* Hotels */
	.page-template-template-hotels .pgz-hotel-search,
	.page-template-template-hotels-php .pgz-hotel-search {
		padding-top: var(--pgz-mobile-banner-pad-top);
	}

	.page-template-template-hotels .pgz-hotel-search__inner,
	.page-template-template-hotels-php .pgz-hotel-search__inner {
		padding-top: var(--pgz-mobile-banner-inner-pad-top);
	}

	/* Flights */
	.page-template-page-flights .pgz-flights-banner,
	.page-template-page-flights-php .pgz-flights-banner {
		padding-top: var(--pgz-mobile-banner-pad-top);
	}

	.page-template-page-flights .pgz-flights-banner__inner,
	.page-template-page-flights-php .pgz-flights-banner__inner {
		padding-top: var(--pgz-mobile-banner-inner-pad-top);
	}

	/* Insurance */
	.page-template-page-insurance .pgz-insurance-banner,
	.page-template-page-insurance-php .pgz-insurance-banner {
		padding-top: var(--pgz-mobile-banner-pad-top);
	}

	.page-template-page-insurance .pgz-insurance-banner__inner,
	.page-template-page-insurance-php .pgz-insurance-banner__inner {
		padding-top: var(--pgz-mobile-banner-inner-pad-top);
	}

	/* Trains (overrides trains-wp fixed desktop padding on small screens) */
	.page-template-template-trains .pgz-trains-banner,
	.page-template-template-trains-php .pgz-trains-banner,
	.page-template-page-trains .pgz-trains-banner,
	.page-template-page-trains-php .pgz-trains-banner {
		padding-top: var(--pgz-mobile-banner-pad-top);
	}

	.page-template-template-trains .pgz-trains-banner__inner,
	.page-template-template-trains-php .pgz-trains-banner__inner,
	.page-template-page-trains .pgz-trains-banner__inner,
	.page-template-page-trains-php .pgz-trains-banner__inner {
		padding-top: var(--pgz-mobile-banner-inner-pad-top);
	}

	/* Tours */
	.page-template-template-tours .pgz-tours-banner,
	.page-template-template-tours-php .pgz-tours-banner {
		padding-top: var(--pgz-mobile-banner-pad-top);
	}

	.page-template-template-tours .pgz-tours-banner__inner,
	.page-template-template-tours-php .pgz-tours-banner__inner {
		padding-top: var(--pgz-mobile-banner-inner-pad-top);
		padding-left: var(--pgz-gap-16);
		padding-right: var(--pgz-gap-16);
		padding-bottom: var(--pgz-gap-24);
	}

	/* Cruises */
	.page-template-template-cruises .pgz-tours-banner,
	.page-template-template-cruises-php .pgz-tours-banner {
		padding-top: var(--pgz-mobile-banner-pad-top);
	}

	.page-template-template-cruises .pgz-tours-banner__inner,
	.page-template-template-cruises-php .pgz-tours-banner__inner {
		padding-top: var(--pgz-mobile-banner-inner-pad-top);
		padding-left: var(--pgz-gap-16);
		padding-right: var(--pgz-gap-16);
		padding-bottom: var(--pgz-gap-24);
	}

	/* Hotel search header shortcode */
	.pgz-hotel-header__search,
	.pgz-hotel-header--home-services .pgz-hotel-header__search {
		padding-top: var(--pgz-mobile-banner-inner-pad-top);
	}

	.pgz-hotel-header--home-services .pgz-hotel-header__top {
		padding-top: var(--pgz-gap-16);
	}

	.pgz-hotel-search-page .pgz-hotel-header--home-services {
		margin-bottom: var(--pgz-home-how-works-pad-top, var(--pgz-gap-32));
	}

	.pgz-hotel-search-page .pgz-hotel-header--home-services .pgz-hotel-header__search {
		padding-bottom: var(--pgz-gap-32);
	}

	/* Popovers above page chrome */
	.page-template-template-cars .pgz-location-autocomplete__dropdown,
	.page-template-template-cars-php .pgz-location-autocomplete__dropdown,
	.page-template-template-cars .pgz-car-search__location-popover,
	.page-template-template-cars .pgz-car-search__date-popover,
	.page-template-template-hotels .pgz-hotel-search__location-popover,
	.page-template-template-hotels .pgz-hotel-search__date-popover,
	.page-template-page-flights .pgz-flights-banner__location-popover,
	.page-template-page-flights .pgz-flights-banner__date-popover,
	.page-template-page-insurance .pgz-insurance-banner__location-popover,
	.page-template-page-insurance .pgz-insurance-banner__date-popover,
	.page-template-template-trains .pgz-trains-banner__location-popover,
	.page-template-template-trains .pgz-trains-banner__date-popover,
	.page-template-template-tours .pgz-tours-banner__form,
	.page-template-template-cruises .pgz-tours-banner__form,
	.pgz-hotel-header .pgz-location-autocomplete__dropdown {
		z-index: 120;
	}
}

/* Narrow phones — extra clearance for tall stacked headers */
@media (max-width: 430px) {
	:root {
		--pgz-mobile-banner-inner-pad-top: 8rem;
		--pgz-mobile-banner-inner-pad-top-admin: calc(8rem + 2.875rem);
	}
}

/* Logged-in WP admin bar */
@media screen and (max-width: 782px) {
	.admin-bar .page-template-template-cars .pgz-car-search__inner,
	.admin-bar .page-template-template-cars-php .pgz-car-search__inner,
	.admin-bar .page-template-template-hotels .pgz-hotel-search__inner,
	.admin-bar .page-template-template-hotels-php .pgz-hotel-search__inner,
	.admin-bar .page-template-page-flights .pgz-flights-banner__inner,
	.admin-bar .page-template-page-flights-php .pgz-flights-banner__inner,
	.admin-bar .page-template-page-insurance .pgz-insurance-banner__inner,
	.admin-bar .page-template-page-insurance-php .pgz-insurance-banner__inner,
	.admin-bar .page-template-template-trains .pgz-trains-banner__inner,
	.admin-bar .page-template-template-trains-php .pgz-trains-banner__inner,
	.admin-bar .page-template-page-trains .pgz-trains-banner__inner,
	.admin-bar .page-template-page-trains-php .pgz-trains-banner__inner,
	.admin-bar .page-template-template-tours .pgz-tours-banner__inner,
	.admin-bar .page-template-template-tours-php .pgz-tours-banner__inner,
	.admin-bar .page-template-template-cruises .pgz-tours-banner__inner,
	.admin-bar .page-template-template-cruises-php .pgz-tours-banner__inner {
		padding-top: var(--pgz-mobile-banner-inner-pad-top-admin);
	}
}