/* ==========================================================================
   Canoe & Kayak - Tour category pages: card click targets + simple heading
   ==========================================================================
   2026-10-07, Enderon. Enqueued from functions.php on pages 2433
   (/tours/kayak-tours-in-auckland/) and 2486 (/tours/tours-in-taupo/) only,
   versioned by filemtime so browsers pick up edits. Loaded as a real file
   rather than added to tours-cards.css because that file arrives through an
   unversioned @import with a 7 day browser cache.

   1. CARD CLICK TARGETS
   Each card has a full-size .ck-card__overlaylink (position:absolute;
   inset:0) so the whole card is clickable. That only works if the card is the
   containing block. tours-cards.css sets the card relative with a two-class
   selector, but its masonry reset sets every item static with a three-class
   selector, both !important, so the static rule won. Every overlay then
   stretched over the whole grid and the last card's link captured clicks on
   every image and button: Okura River opened Tiritiri Matangi, and so on.
   The four-class selector below outranks the reset. Keep it four classes.

   2. SIMPLE HEADING
   Client asked (Caitlin, 2026-10-06) for a plain heading instead of the
   cropped photo banner, so the tours sit higher on the screen. The page meta
   still holds the banner image; this hides it, so removing this block brings
   the banner back.
   ========================================================================== */

/* 1. Card click targets ---------------------------------------------------- */

.mkdf-tours-row.mkdf-tours-type-standard .mkdf-tours-standard-item.ck-card {
	position: relative !important;
}

/* 2. Simple heading ------------------------------------------------------- */

body.page-id-2433 .mkdf-title-holder,
body.page-id-2486 .mkdf-title-holder {
	display: block !important;
	width: 100%;
	height: auto !important;
	background-image: none !important;
	background-color: #f6f6f6 !important;
	border-bottom: 1px solid #e2e3e4;
}

body.page-id-2433 .mkdf-title-holder .mkdf-title-image,
body.page-id-2486 .mkdf-title-holder .mkdf-title-image {
	display: none !important;
}

/* The theme centres the title with an absolute wrapper and a translateY on
   phones, which only works against the old fixed banner height. */
body.page-id-2433 .mkdf-title-holder .mkdf-title-wrapper,
body.page-id-2486 .mkdf-title-holder .mkdf-title-wrapper {
	position: relative !important;
	top: auto !important;
	transform: none !important;
	display: block !important;
	width: 100%;
	height: auto !important;
	padding: 44px 0 40px !important;
}

body.page-id-2433 .mkdf-title-holder .mkdf-title-inner,
body.page-id-2486 .mkdf-title-holder .mkdf-title-inner {
	display: block !important;
}

/* Desktop header is in the flow above the title area, but the theme starts
   the title area under it (title-va-window-top), so clear it. */
@media only screen and (min-width: 1025px) {
	body.page-id-2433 .mkdf-title-holder,
	body.page-id-2486 .mkdf-title-holder {
		padding-top: 80px;
	}
}

body.page-id-2433 .mkdf-title-holder .mkdf-page-title,
body.page-id-2486 .mkdf-title-holder .mkdf-page-title {
	margin: 0;
	color: #303030 !important;
	font-size: 44px;
	line-height: 1.15;
	text-shadow: none;
}

/* Pest-free badge (Auckland): smaller, sitting on the heading's bottom edge. */
body.page-id-2433 .mkdf-title-holder .mkdf-title-wrapper {
	padding-bottom: 62px !important;
}

body.page-id-2433 .vc_custom_1521215089412 {
	padding-top: 40px !important;
}

body.page-id-2433 .pest-logo img {
	max-width: 96px !important;
	margin-top: -48px !important;
	margin-bottom: -20px !important;
}

@media only screen and (max-width: 680px) {
	body.page-id-2433 .mkdf-title-holder .mkdf-title-wrapper,
	body.page-id-2486 .mkdf-title-holder .mkdf-title-wrapper {
		padding: 28px 0 26px !important;
	}

	body.page-id-2433 .mkdf-title-holder .mkdf-title-wrapper {
		padding-bottom: 46px !important;
	}

	body.page-id-2433 .mkdf-title-holder .mkdf-page-title,
	body.page-id-2486 .mkdf-title-holder .mkdf-page-title {
		font-size: 30px;
	}

	body.page-id-2433 .pest-logo img {
		max-width: 76px !important;
		margin-top: -38px !important;
		margin-bottom: -16px !important;
	}
}
