/*
Theme Name: UAE City Tours
Theme URI: https://hmdigitech.com/uae-city-tour/
Author: UAE City Tours
Description: Standalone classic WordPress theme with assignable UAE City Tours and Dubai City Tours page templates.
Version: 1.0.0
Requires at least: 5.0
Requires PHP: 7.4
Text Domain: uae-city-tours
*/

html { scroll-behavior: smooth; }
body { margin: 0; font-family: system-ui, sans-serif; color: #222; }
.site-content { min-height: 60vh; padding: 2rem max(1.25rem, calc((100vw - 72rem) / 2)); }
.site-header, .site-footer { padding: 1.25rem max(1.25rem, calc((100vw - 72rem) / 2)); background: #111827; color: #f8f5ee; }
.site-header a, .site-footer a { color: inherit; }

/* Keep destination attraction photography consistent when a host WordPress theme
 * applies its own img { height: auto; } or image-block sizing rules. */
body.uaetours-canvas-page main.abu-dhabi-page #attractions article,
body.uaetours-canvas-page main.sharjah-page #attractions article,
body.uaetours-canvas-page main.rak-page #attractions article {
	display: flex !important;
	height: 100% !important;
	flex-direction: column !important;
}

body.uaetours-canvas-page main.abu-dhabi-page #attractions article > div:first-child,
body.uaetours-canvas-page main.sharjah-page #attractions article > div:first-child,
body.uaetours-canvas-page main.rak-page #attractions article > div:first-child {
	height: 15rem !important;
	min-height: 15rem !important;
	max-height: 15rem !important;
	flex: 0 0 15rem !important;
	overflow: hidden;
}

body.uaetours-canvas-page main.abu-dhabi-page #attractions article > div:first-child > img,
body.uaetours-canvas-page main.sharjah-page #attractions article > div:first-child > img,
body.uaetours-canvas-page main.rak-page #attractions article > div:first-child > img {
	display: block !important;
	max-width: none !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* Keep all fleet photos the same size across the five page templates. */
body.uaetours-canvas-page main #fleet img {
	display: block !important;
	width: 100% !important;
	height: 16rem !important;
	min-height: 16rem !important;
	max-height: 16rem !important;
	object-fit: cover !important;
}

/* The homepage destination tiles have a stretched page link beneath their
 * content. Keep the booking and heading links clickable above that link. */
body.uaetours-canvas-page #tours article .pointer-events-none {
	pointer-events: none !important;
}

body.uaetours-canvas-page #tours article .pointer-events-auto {
	pointer-events: auto !important;
}