/**
 * 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);
}

/*
 * "New Brochures Available Now" blue ribbon directly under the hero — was
 * 91px tall (Kadence's default 24px top/bottom column padding), per user
 * request 2026-07-22 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
 * the requested 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 (checked 2026-07-22 — 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 —
 * per the pink-annotated markup (category-page-new-icon-copy-mark-up.png,
 * 2026-07-22): 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 per the pink-annotated markup (category-page-new-icon-copy-mark-up.png,
 * 2026-07-22).
 */
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, per the pink-annotated
 * markup (category-page-new-icon-copy-mark-up.png, 2026-07-22): top stays
 * ~46px (matched to About Us's own eyebrow gap, within 1px of the mockup's
 * 45px — not worth chasing); bottom raised 24px→55px to match the gap the
 * markup shows 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, per the pink-annotated markup:
 * 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). Per explicit
 * user request 2026-07-22, 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 (per explicit user request 2026-07-22) 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-heading6_26ffc6-43) further down the same page, which
 * isn't category-specific and wasn't part of this request.
 */
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;
}
