/*
 * Maps WordPress block markup onto the Shopify component styles in holiday.css and journal.css.
 * Only structural adaptations live here; colours, type and spacing come from the ported files.
 */

/* Destination cards: the photo link sits inside an image block figure. */
.destination-visual-page .destination-card-photo > a {
	display: block;
	height: 100%;
}

/* Travel Guides index: each query loop item holds an article.journal-card, as on Shopify. */
.journal-shell .journal-grid {
	list-style: none;
	margin: 0;
	padding: 0;
}
.journal-shell .journal-grid > .wp-block-post {
	display: flex;
	min-width: 0;
	margin: 0;
}
.journal-shell .journal-grid > .wp-block-post > .journal-card {
	flex: 1;
}
.journal-card-image > a {
	display: block;
	height: 100%;
}
/* The terms block renders a div; on Shopify the meta line is a p and picks up `.stays article p`. */
.stays article .journal-card-meta {
	font-size: 13px;
	line-height: 1.7;
	color: #5e7177;
	margin: 0 0 16px;
}
.journal-card-meta a {
	color: inherit;
	text-decoration: none;
}
.journal-card-copy > .wp-block-post-excerpt {
	margin: 0 0 20px;
}
.journal-card-copy .wp-block-post-excerpt__excerpt {
	font-size: 15px;
	line-height: 1.75;
	color: #60757a;
	margin: 0;
}

/* WordPress sizes Read more links to their content; Shopify's link spans the card copy. */
.journal-card-copy > .wp-block-read-more.journal-read {
	width: auto;
}

/* Journal article deck: the excerpt block wraps the Shopify p.journal-deck in a div. */
.stays .journal-article .journal-deck {
	margin: 0 0 16px;
	color: #5e7177;
}
.stays .journal-article .journal-deck .wp-block-post-excerpt__excerpt {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

/* Journal article byline. */
.journal-byline .wp-block-post-date {
	display: inline;
	font-size: inherit;
	color: inherit;
}

/* Staging label for non-bookable preview content (not part of the Shopify design). */
.stays .preview-notice {
	margin: 0 0 16px;
	padding: 10px 14px;
	border: 1px dashed #b5d3ce;
	border-radius: 12px;
	background: #f3f8f7;
	color: #33454b;
	font-size: 12px;
	line-height: 1.6;
}

/* Paragraph standing in for an anonymous inline box from the Shopify markup: no box styling of its own. */
.stays p.inline-run {
	margin: 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
}