/**
 * Element 1898 uses alignfull (100vw breakout). Single tour rows use content width.
 * Cancel Kadence full-bleed inside .entry-content on category pages.
 *
 * Content width here matches the sitewide 1100px body-content standard (see
 * site_content_width_standardization memory), not the --global-content-width
 * hero/header variable (1290px) — that var is reserved for the site header's
 * width per the standing hero/header exception. 1148px is 1100px content +
 * 2x24px border-box padding, same pattern used on blog.css/single tour pages.
 */
body.tours-template-default.tax-tour_category .entry-content.single-content .alignfull,
body.tours-template-default.tax-tour_category .entry-content.single-content .alignwide {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	left: auto !important;
	right: auto !important;
}

body.tours-template-default.tax-tour_category .entry-content.single-content > .kb-row-layout-wrap,
body.tours-template-default.tax-tour_category .entry-content.single-content > .wp-block-kadence-column {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.tours-template-default.tax-tour_category .entry-content.single-content .kb-row-layout-wrap > .kt-row-column-wrap {
	max-width: 1148px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--global-content-edge-padding, 1.5rem);
	padding-right: var(--global-content-edge-padding, 1.5rem);
}

/*
 * Page title ("Escorted Tours" etc.) — must align with --global-content-width
 * (1290px, the header's own variable), not the 1148px body standard above.
 * Per the standing hero/header rule (site_content_width_standardization
 * memory): a page's hero/title must always align with the site header's own
 * width. This element had never been given that treatment: no max-width, no
 * centering, an asymmetric 32px left / 0px right padding straight from
 * Kadence's column defaults. Measured at 1440px before fixing: H1 at x=32,
 * header logo at x=99.
 *
 * FIRST ATTEMPT (reverted) put this box model on `.kt-inside-inner-col`, the
 * H1's direct parent — wrong target. That element carries the hero PHOTO as
 * a CSS background-image, not just the heading text, so capping its width
 * cropped the photo down to the same 1290px box, leaving white bars either
 * side of the image. Confirmed via
 * getComputedStyle: `.kt-inside-inner-col` has `background-image:
 * url(...cotswold...)`, and it is the ONLY element between the H1 and the
 * page background carrying one.
 *
 * Fix: target the H1 itself, one level further in, and leave
 * `.kt-inside-inner-col` completely untouched so the photo stays full-bleed
 * at the outer alignfull column's own width. The H1 is a plain block box
 * (its parent `.kt-inside-inner-col` is `display: block`, not flex — unlike
 * the parent COLUMN one level further out, which is flex but is never
 * touched by this rule), so max-width + auto margins center it directly
 * inside the still-full-width photo container, the same way a caption
 * centers inside a full-bleed image. Only padding-left/right are set here;
 * this heading's own padding-top (a fluid ~198px at this viewport) and
 * padding-bottom are untouched.
 */
body.tours-template-default.tax-tour_category .kt-adv-heading1898_65fde1-0a {
	width: 100% !important;
	max-width: var(--global-content-width, 1290px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--global-content-edge-padding, 1.5rem) !important;
	padding-right: var(--global-content-edge-padding, 1.5rem) !important;
	box-sizing: border-box !important;
}

/*
 * `.kt-inside-inner-col` still carries its own asymmetric 32px-left / 0px-
 * right padding (Kadence's column default) UNDERNEATH the H1 rule above.
 * That's not cosmetic here — it's the H1's containing block, so the H1's
 * own auto-margin centering runs relative to that already-skewed box, not
 * the full-width photo. Measured: this shrank and offset the calculation
 * enough that the H1 landed at x=91 instead of x=99, an 8px miss.
 *
 * Zeroing it is safe for the photo: background-origin is padding-box, which
 * is the same physical rectangle as the border-box regardless of how much
 * of it padding claims — confirmed via getComputedStyle before making this
 * change. Removing the padding cannot move or resize a padding-box-origin
 * background; it only affects where a normal-flow CHILD (the H1) sits,
 * which is exactly what needed fixing.
 */
body.tours-template-default.tax-tour_category .kadence-column1898_376662-3f > .kt-inside-inner-col {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*
 * "New Brochures Available Now" blue ribbon directly under the hero — was
 * 91px tall (Kadence's default 24px top/bottom column padding), brought
 * down to 62px to match the homepage's own
 * ribbon (which uses 8px top/bottom padding around the same 43.2px-tall
 * text — this element's padding is set slightly higher, 9.4px, to land on
 * 62px exactly rather than the homepage's 59px). Scoped to
 * the shared Kadence Element (post 1898), so this single rule covers every
 * tour_category archive page uniformly.
 */
body.tours-template-default.tax-tour_category .kb-row-layout-id1898_665182-3c > .kt-row-column-wrap {
	padding-top: 9.4px !important;
	padding-bottom: 9.4px !important;
}

/*
 * Same ribbon on mobile: the text itself is an inline-styled `font-size:
 * 1.8rem` (28.8px) with no responsive reduction of its own, so at a phone
 * width it wrapped to 3 lines and the ribbon still ballooned to ~148px tall
 * even after the padding fix above (the homepage
 * doesn't have a usable reference here, since its own ribbon is hidden
 * entirely on mobile in favour of different hero copy). Brought down to
 * 16px/24px, matching this site's other ribbon component's own mobile size
 * (.te-blog-ribbon__link on the blog template) — now wraps to at most 2
 * lines and the ribbon sits close to its desktop proportions.
 */
@media (max-width: 767px) {
	body.tours-template-default.tax-tour_category .kb-row-layout-id1898_665182-3c h4 {
		font-size: 16px !important;
		line-height: 24px !important;
	}
}

/*
 * Why Choose: standalone column — match row content width (not 10rem side
 * padding). Also carries the section's own top/bottom breathing room:
 * 50px between the grey band above and this section's eyebrow,
 * and 50px between this section's closing paragraph and "Find Your Perfect
 * Tour" below. Was 32px/32px (Kadence's default column padding).
 */
body.tours-template-default.tax-tour_category .kadence-column1898_a2471f-06 > .kt-inside-inner-col {
	max-width: 1148px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--global-content-edge-padding, 1.5rem) !important;
	padding-right: var(--global-content-edge-padding, 1.5rem) !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

/*
 * Eyebrow / heading / description vertical rhythm in the "Row Layout
 * (experience)" section — originally matched to About Us's own
 * eyebrow/heading gap (10.4px and 20px). Eyebrow→H2 gap since raised to
 * 35px.
 */
body.tours-template-default.tax-tour_category .kt-adv-heading1898_29786c-f2 {
	margin-bottom: 35px !important;
}
body.tours-template-default.tax-tour_category .kt-adv-heading1898_9e42f4-a5 {
	margin-bottom: 20px !important;
}

/*
 * Top/bottom padding on the "experience" grey band: top stays
 * ~46px (matched to About Us's own eyebrow gap, within 1px of the target's
 * 45px — not worth chasing); bottom raised 24px→55px to match the gap
 * between the "Learn More" buttons and the band's bottom edge
 * (was Kadence's default 24px column padding).
 */
body.tours-template-default.tax-tour_category .kb-row-layout-id1898_708f4d-9a > .kt-row-column-wrap {
	padding-top: 46px !important;
	padding-bottom: 55px !important;
}

/*
 * Icon-row section (Designed for Travellers / Personal Service / Expert
 * Tour Guides) top/bottom breathing room:
 * 50px between the "New Brochures" ribbon and the icons, and 50px between
 * the icon text and the grey band below. Was 32px/32px (Kadence's default
 * column padding) stacking with the inner row's own 24px, producing 80px
 * on both sides — reduced this outer layer by the same 30px on each side
 * to land both gaps on the target 50px.
 */
body.tours-template-default.tax-tour_category .kadence-column1898_ec614c-fd > .kt-inside-inner-col {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

/*
 * Font-size/line-height standardization — same treatment applied to the
 * homepage (see desktop_line_height_audit_20jul21 memory). This whole
 * section ("The Travel Edition Experience" intro/3 cards, "Why Choose
 * Travel Editions?", "Find Your Perfect Tour") is ONE reusable block
 * (Custom Category Template, post 1898) embedded identically on every
 * tour category archive, so fixing these block IDs once covers every
 * category page sitewide — confirmed identical IDs on /tour-category/
 * new-tours/ and /tour-category/great-british-heritage-tours/.
 *
 * Body-copy paragraphs were a mix of 17px/16.96px/14.4px, all with the
 * loose inherited line-height ratio — brought to the sitewide 16px/21px
 * standard used everywhere else.
 */
body.tours-template-default.tax-tour_category .kt-adv-heading1898_45ca01-87.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_1f5b7b-5e.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_3a21b6-07.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_49e9c2-35.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_32e391-d4.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_3a12e0-c2.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_429ea4-b1.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_a34a03-4d.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_54eb92-a0.wp-block-kadence-advancedheading {
	font-size: 16px !important;
	line-height: 21px !important;
}

/*
 * "Art & History Tours" / "Escorted Tours" / "Great British Heritage" card
 * headings were 20px — undersized against the homepage's identical card
 * pattern under its own "The Travel Edition Experience" section, which
 * uses 28px/30.8px (1.1 ratio). Matched here for consistency.
 */
body.tours-template-default.tax-tour_category .kt-adv-heading1898_5dbb6e-50.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_f19b56-9a.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_5a7e92-55.wp-block-kadence-advancedheading {
	font-size: 28px !important;
	line-height: 30.8px !important;
}

/*
 * "The Travel Edition Experience" / "Why Choose Travel Editions ?" /
 * "Find Your Perfect Tour" — major-tier section H2s. Were 48px (matched to
 * each other but deliberately left short of the sitewide 57.6px major-H2
 * standard established in desktop_line_height_audit_20jul21. Bumped to
 * 58px/63.8px (1.1 ratio) — brings this
 * template in line with that sitewide standard. Card headings just above
 * (Art & History Tours etc.) are a deliberately separate, smaller tier
 * matching the homepage's own card pattern — not touched here.
 */
body.tours-template-default.tax-tour_category .kt-adv-heading1898_9e42f4-a5.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_2a7164-bb.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_9ea558-04.wp-block-kadence-advancedheading {
	font-size: 58px !important;
	line-height: 63.8px !important;
}

/*
 * All 6 category-page H2s reset from
 * the parent Kadence theme's sitewide default `h2{font-weight:700}` down to
 * 500 — "The Travel Edition Experience", the 3 card headings (Art & History
 * Tours / Escorted Tours / Great British Heritage), "Why Choose Travel
 * Editions ?" and "Find Your Perfect Tour". Excludes the shared newsletter
 * CTA heading (kt-adv-heading2802_e57920-52) further down the same page, which
 * isn't category-specific.
 */
body.tours-template-default.tax-tour_category .kt-adv-heading1898_9e42f4-a5.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_5dbb6e-50.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_f19b56-9a.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_5a7e92-55.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_2a7164-bb.wp-block-kadence-advancedheading,
body.tours-template-default.tax-tour_category .kt-adv-heading1898_9ea558-04.wp-block-kadence-advancedheading {
	font-weight: 500 !important;
}

/*
 * Category-page "The Travel Edition Experience" 3-card row — same
 * unequal-column-height / unanchored-button bug as the homepage's own copy
 * of this row, same fix (see global.css's matching rule for the homepage
 * columns for the full root-cause explanation): `.kt-row-column-wrap` is a
 * CSS grid that stretches each column's outer box already, but the inner
 * `.kt-inside-inner-col` needed `height: 100%` to actually fill it —
 * and, since Kadence sets `flex-direction: column` on it but never
 * `display: flex`, it was still `display: block` and the extra height did
 * nothing until `display: flex` was added too. `margin-top: auto` on the
 * button then pins it to the shared bottom edge.
 */
body.tours-template-default.tax-tour_category .kadence-column1898_26248b-ff > .kt-inside-inner-col,
body.tours-template-default.tax-tour_category .kadence-column1898_e65025-60 > .kt-inside-inner-col,
body.tours-template-default.tax-tour_category .kadence-column1898_25c8ff-c5 > .kt-inside-inner-col {
	height: 100%;
	display: flex;
}

body.tours-template-default.tax-tour_category .kb-btns1898_9d27bb-7d,
body.tours-template-default.tax-tour_category .kb-btns1898_26d235-26,
body.tours-template-default.tax-tour_category .kb-btns1898_ef8235-9b {
	margin-top: auto;
}
