/* ============================================================
   ROCKIN' HIGH — bastianspeckle.com — Additional CSS
   ============================================================ */
/* ═══ 1. SITE-WIDE ═══ */
/* Post title scaling — all posts */
h1.entry-title {
	font-size: clamp(1.8rem, 5vw, 3.2rem) !important;
	line-height: 1.1 !important;
	text-align: center !important;
}

/* Quote block border — gold instead of Rockfield default blue */
.entry-content .wp-block-quote {
	border-left-color: #fbe6aa !important;
}

/* H6 — gold colour only, no positioning changes */
.entry-content h6 {
	color: #fbe6aa !important;
	text-transform: uppercase !important;
	letter-spacing: .12em !important;
}

/* Quote block — paragraph font, italic, muted */
.entry-content .wp-block-quote p,
.entry-content .wp-block-quote {
	font-size: 1rem !important;
	font-style: italic !important;
	color: rgba(255,255,255,0.65) !important;
	line-height: 1.8 !important;
	font-family: inherit !important;
}

/* Section labels — gold uppercase, no trailing line */
.entry-content .section-label,
.post-wrap .section-label {
	color: #fbe6aa !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	font-size: .85rem !important;
}

/* ═══ 2. CUSTOM COMPONENTS ═══ */
/* Reset Rockfield's full-width treatment on Custom HTML blocks */
.entry-content .wp-block-html {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Intro blockquote — custom class only, does NOT affect native Quote blocks */
.entry-content .intro-block,
.post-wrap .intro-block {
	display: block !important;
	font-style: italic !important;
	font-size: 1.05rem !important;
	line-height: 1.9 !important;
	color: rgba(255,255,255,0.65) !important;
	border-left: 3px solid #fbe6aa !important;
	border-right: none !important;
	border-top: none !important;
	border-bottom: none !important;
	padding: .3rem 0 .3rem 1.5rem !important;
	margin: 0 0 2rem !important;
	background: transparent !important;
}

/* Stats bar */
.entry-content .tour-stats,
.post-wrap .tour-stats {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #364043 !important;
	border: 1px solid #4a5558 !important;
	margin: 0 0 2rem !important;
	padding: 1.2rem 0 !important;
	flex-wrap: wrap !important;
}

.entry-content .tour-stat,
.post-wrap .tour-stat {
	flex: 1 !important;
	text-align: center !important;
	padding: .4rem 1rem !important;
	min-width: 80px !important;
}

.entry-content .ts-val,
.post-wrap .ts-val {
	font-size: 1.3rem !important;
	font-weight: 700 !important;
	color: #fbe6aa !important;
	letter-spacing: .04em !important;
	line-height: 1 !important;
	display: block !important;
}

.entry-content .ts-label,
.post-wrap .ts-label {
	font-size: .62rem !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: rgba(255,255,255,0.4) !important;
	margin-top: 4px !important;
	display: block !important;
}

.entry-content .ts-div,
.post-wrap .ts-div {
	width: 1px !important;
	height: 32px !important;
	background: #4a5558 !important;
	flex-shrink: 0 !important;
}

@media (max-width: 480px) {
	.entry-content .ts-div,
			  .post-wrap .ts-div {
		display: none !important;
	}
	
	.entry-content .tour-stat,
			  .post-wrap .tour-stat {
		min-width: 50% !important;
	}
}

/* Route variant cards */
.entry-content .route-variants,
.post-wrap .route-variants {
	display: flex !important;
	gap: 1rem !important;
	margin: 0 0 2rem !important;
	flex-wrap: wrap !important;
}

.entry-content .route-variant,
.post-wrap .route-variant {
	flex: 1 !important;
	min-width: 200px !important;
	border: 1px solid #4a5558 !important;
	border-top: 3px solid #fbe6aa !important;
	padding: 1.2rem 1.4rem !important;
	background: #364043 !important;
}

.entry-content .rv-label,
.post-wrap .rv-label {
	font-size: .68rem !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: rgba(255,255,255,0.3) !important;
	margin-bottom: .4rem !important;
	display: block !important;
}

.entry-content .rv-name,
.post-wrap .rv-name {
	font-size: 1.1rem !important;
	color: #ffffff !important;
	margin: 0 0 .4rem !important;
	padding: 0 !important;
	border: none !important;
	line-height: 1.2 !important;
}

.entry-content .rv-grade,
.post-wrap .rv-grade {
	font-size: .85rem !important;
	color: #9fd3e8 !important;
	font-weight: 600 !important;
	display: block !important;
	margin-bottom: .6rem !important;
}

.entry-content .route-variant p,
.post-wrap .route-variant p {
	font-size: .9rem !important;
	color: rgba(255,255,255,0.6) !important;
	margin: 0 !important;
	line-height: 1.65 !important;
}

/* Waypoint chain */
.entry-content .waypoints,
.post-wrap .waypoints {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	background: #364043 !important;
	border: 1px solid #4a5558 !important;
	padding: 1rem 1.4rem !important;
	margin: 0 0 1.5rem !important;
}

.entry-content .waypoint,
.post-wrap .waypoint {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
}

.entry-content .wp-name,
.post-wrap .wp-name {
	font-size: .85rem !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	display: block !important;
}

.entry-content .wp-alt,
.post-wrap .wp-alt {
	font-size: .75rem !important;
	color: #9fd3e8 !important;
	display: block !important;
	margin-top: 2px !important;
}

.entry-content .wp-summit .wp-name,
.post-wrap .wp-summit .wp-name {
	color: #fbe6aa !important;
}

.entry-content .wp-arrow,
.post-wrap .wp-arrow {
	color: #4a5558 !important;
	font-size: 1rem !important;
}

/* Day itinerary */
.entry-content .itinerary,
.post-wrap .itinerary {
	display: flex !important;
	flex-direction: column !important;
	margin: 0 0 2rem !important;
}

.entry-content .itin-day,
.post-wrap .itin-day {
	display: flex !important;
	gap: 1.2rem !important;
	padding: 1.2rem 0 !important;
	border-bottom: 1px solid #364043 !important;
}

.entry-content .itin-day:last-child,
.post-wrap .itin-day:last-child {
	border-bottom: none !important;
}

.entry-content .itin-dot,
.post-wrap .itin-dot {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: #fbe6aa !important;
	color: #1f2527 !important;
	font-size: .78rem !important;
	font-weight: 700 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	margin-top: 4px !important;
}

.entry-content .itin-down,
.post-wrap .itin-down {
	background: #4a5558 !important;
	color: #9fd3e8 !important;
}

.entry-content .itin-content,
.post-wrap .itin-content {
	flex: 1 !important;
}

.entry-content .itin-title,
.post-wrap .itin-title {
	font-size: 1.1rem !important;
	color: #ffffff !important;
	margin: 0 0 2px !important;
	padding: 0 !important;
	border: none !important;
	line-height: 1.25 !important;
}

.entry-content .itin-sub,
.post-wrap .itin-sub {
	font-size: .78rem !important;
	color: #9fd3e8 !important;
	display: block !important;
	margin-bottom: .5rem !important;
}

.entry-content .itin-content p,
.post-wrap .itin-content p {
	font-size: .92rem !important;
	color: rgba(255,255,255,0.6) !important;
	margin: 0 !important;
	line-height: 1.7 !important;
}

/* Testtour boxes */
.entry-content .testtour-box,
.post-wrap .testtour-box {
	border: 1px solid #4a5558 !important;
	border-left: 4px solid #fbe6aa !important;
	padding: 1.3rem 1.6rem !important;
	margin: 0 0 1rem !important;
	background: #364043 !important;
}

.entry-content .testtour-box h4,
.post-wrap .testtour-box h4 {
	font-size: 1.1rem !important;
	color: #ffffff !important;
	margin: 0 0 .6rem !important;
	padding: 0 !important;
	border: none !important;
	line-height: 1.3 !important;
}

.entry-content .testtour-box p,
.post-wrap .testtour-box p {
	font-size: .95rem !important;
	color: rgba(255,255,255,0.65) !important;
	margin: 0 !important;
	line-height: 1.75 !important;
}

.entry-content .testtour-fact,
.post-wrap .testtour-fact {
	font-size: .78rem !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	color: #9fd3e8 !important;
	margin-top: 1rem !important;
	padding-top: .9rem !important;
	border-top: 1px solid #4a5558 !important;
	text-transform: uppercase !important;
	display: block !important;
}

/* CTA button */
.entry-content .cta-wrap,
.post-wrap .cta-wrap {
	text-align: center !important;
	margin: 2rem 0 !important;
}

.entry-content .cta-btn,
.entry-content .cta-btn:visited,
.post-wrap .cta-btn,
.post-wrap .cta-btn:visited {
	display: inline-block !important;
	font-size: .78rem !important;
	font-weight: 700 !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
	color: #1f2527 !important;
	background: #fbe6aa !important;
	padding: 1rem 3rem !important;
	text-decoration: none !important;
	border: 2px solid #fbe6aa !important;
}

.entry-content .cta-btn:hover,
.post-wrap .cta-btn:hover {
	background: transparent !important;
	color: #fbe6aa !important;
}

/* Price grid */
.entry-content .price-grid,
.post-wrap .price-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 1rem !important;
	margin: 0 0 .5rem !important;
}

@media (max-width: 580px) {
	.entry-content .price-grid,
			  .post-wrap .price-grid {
		grid-template-columns: 1fr !important;
	}
}

.entry-content .price-card,
.post-wrap .price-card {
	border: 1px solid #4a5558 !important;
	padding: 1.3rem 1.4rem !important;
	background: #364043 !important;
}

.entry-content .pc-type,
.post-wrap .pc-type {
	font-size: .68rem !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: rgba(255,255,255,0.3) !important;
	margin-bottom: .4rem !important;
	display: block !important;
}

.entry-content .pc-route,
.post-wrap .pc-route {
	font-size: 1.1rem !important;
	color: #ffffff !important;
	margin: 0 0 .8rem !important;
	padding: 0 0 .8rem !important;
	border-bottom: 1px solid #4a5558 !important;
	line-height: 1.3 !important;
}

.entry-content .pc-price,
.post-wrap .pc-price {
	display: flex !important;
	flex-direction: column !important;
	gap: .3rem !important;
}

.entry-content .pc-price span,
.post-wrap .pc-price span {
	font-size: .88rem !important;
	color: rgba(255,255,255,0.55) !important;
	display: block !important;
}

.entry-content .pc-price strong,
.post-wrap .pc-price strong {
	color: #9fd3e8 !important;
}

/* Details block */
.entry-content .details-block,
.post-wrap .details-block {
	background: #364043 !important;
	border: 1px solid #4a5558 !important;
	padding: 1.6rem 1.8rem !important;
	margin: 0 0 2rem !important;
}

.entry-content .details-block dl,
.post-wrap .details-block dl {
	display: grid !important;
	grid-template-columns: 130px 1fr !important;
	gap: .7rem 1.2rem !important;
	margin: 0 !important;
}

.entry-content .details-block dt,
.post-wrap .details-block dt {
	font-size: .68rem !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: #fbe6aa !important;
	padding-top: 3px !important;
	margin: 0 !important;
}

.entry-content .details-block dd,
.post-wrap .details-block dd {
	font-size: .92rem !important;
	color: rgba(255,255,255,0.7) !important;
	margin: 0 !important;
	line-height: 1.5 !important;
}

@media (max-width: 480px) {
	.entry-content .details-block dl,
			  .post-wrap .details-block dl {
		grid-template-columns: 1fr !important;
	}
}

/* Horizontal rule */
.entry-content hr.post-divider,
.post-wrap hr.post-divider {
	border: none !important;
	border-top: 1px solid #364043 !important;
	margin: 2rem 0 !important;
}

/* ═══ 3. PER-POST — DOM (postid-3409) ═══
   Copy for each new post — update ID + content values
   ════════════════════════════════════════════════════ */
body.postid-3409 figure.post-thumbnail {
	max-width: var(--responsive--aligndefault-width, 760px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	overflow: hidden !important;
}

body.postid-3409 figure.post-thumbnail img {
	width: 100% !important;
	height: auto !important;
	max-height: 480px !important;
	object-fit: cover !important;
	display: block !important;
}

body.postid-3409 .entry-header {
	padding: 2.5rem 2rem 2rem !important;
	text-align: center !important;
}

body.postid-3409 .entry-meta {
	display: none !important;
}

body.postid-3409 h1.entry-title::before {
	content: "Mischabelgruppe · Wallis · Schweiz" !important;
	display: block !important;
	font-size: .72rem !important;
	letter-spacing: .24em !important;
	text-transform: uppercase !important;
	color: #9fd3e8 !important;
	font-weight: 600 !important;
	margin-bottom: 1rem !important;
}

body.postid-3409 h1.entry-title::after {
	content: "Höchster Berggipfel vollständig auf Schweizer Boden · 4545 m" !important;
	display: block !important;
	font-size: .72rem !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	color: #fbe6aa !important;
	font-weight: 700 !important;
	margin-top: 1rem !important;
}

/* POST — MATTERHORN_EN (postid-2871) */
body.postid-2871 figure.post-thumbnail {
	max-width: var(--responsive--aligndefault-width, 760px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	overflow: hidden !important;
}

body.postid-2871 figure.post-thumbnail img {
	width: 100% !important;
	height: auto !important;
	max-height: 480px !important;
	object-fit: cover !important;
	display: block !important;
}

body.postid-2871 .entry-header {
	padding: 2.5rem 2rem 2rem !important;
	text-align: center !important;
}

body.postid-2871 .entry-meta {
	display: none !important;
}

body.postid-2871 h1.entry-title::before {
	content: "Valais · Switzerland" !important;
	display: block !important;
	font-size: .72rem !important;
	letter-spacing: .24em !important;
	text-transform: uppercase !important;
	color: #9fd3e8 !important;
	font-weight: 600 !important;
	margin-bottom: 1rem !important;
}

body.postid-2871 h1.entry-title::after {
	content: "An iconic summit · Private guiding" !important;
	display: block !important;
	font-size: .72rem !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	color: #fbe6aa !important;
	font-weight: 700 !important;
	margin-top: 1rem !important;
}

/* ============================================================
   HARD FIX — Custom HTML block alignment (Rockfield override)
   ============================================================ */
/* 1. Force HTML block into content width */
body.single-post .entry-content .wp-block-html {
	display: block !important;
	width: 100% !important;
	max-width: var(--responsive--aligndefault-width, 760px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* 2. Kill any inherited full-width behavior */
body.single-post .entry-content .wp-block-html.alignfull,
body.single-post .entry-content .wp-block-html.alignwide {
	max-width: var(--responsive--aligndefault-width, 760px) !important;
}

/* 3. Fix INNER wrappers (this is usually the real culprit) */
body.single-post .entry-content .wp-block-html * {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* 4. Fix WordPress group/container interference */
body.single-post .entry-content .wp-block-group,
body.single-post .entry-content .wp-block-group__inner-container {
	max-width: var(--responsive--aligndefault-width, 760px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* 5. Prevent left offset issues */
body.single-post .entry-content {
	margin-left: auto !important;
	margin-right: auto !important;
}