/*
 * Blog, search, contact form and wishlist: the few things the template's CSS
 * does not cover. Colours and sizes come from the template.
 */

/* Post header without the view count: keep the comment count on the right, as in post.html. */
.post-top__info .post-top__comment {
	margin-left: auto;
}
@media screen and (max-width: 767px) {
	.post-top__info .post-top__comment {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

/* Post text written in the editor: space between paragraphs, lists and headings. */
.post-content > p + p,
.post-content > p + ul,
.post-content > p + ol,
.post-content > ul + p,
.post-content > ol + p {
	margin-top: 20px;
}
.post-content > ul:not(.post-list),
.post-content > ol {
	padding-left: 20px;
}
.post-content > ul:not(.post-list) li {
	list-style: disc;
}
.post-content > ol li {
	list-style: decimal;
}
.post-content > h2,
.post-content > h3,
.post-content > h4,
.post-content > h5 {
	margin-top: 52px;
	margin-bottom: 6px;
}
.post-content > p a,
.post-content li a {
	color: #d05278;
}
.post-content img {
	max-width: 100%;
	height: auto;
}
.post-content blockquote p {
	font: inherit;
	color: inherit;
}
.post-content blockquote cite {
	display: block;
	color: #d05278;
	text-transform: capitalize;
	font-size: 24px;
	line-height: 100%;
	font-family: "Tenor Sans";
	font-style: normal;
	margin-top: 23px;
}

/* Author name when the author archive is switched off (same colour as the template's link). */
.post-top__info li .vsb-post-author {
	color: #222222;
}

/* Previous/next post: each link keeps its side and arrow when the other is missing.
   The template turns the arrow of a:last-of-type, which is the previous link when it is alone. */
.post-bottom .post-bottom__nav a.vsb-post-prev i {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	margin-left: 0;
	margin-right: 32px;
}
.post-bottom .post-bottom__nav a.vsb-post-next {
	margin-left: auto;
}
.post-bottom .post-bottom__nav a.vsb-post-next i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-right: 0;
	margin-left: 32px;
}
@media screen and (max-width: 767px) {
	.post-bottom .post-bottom__nav a.vsb-post-prev i {
		margin-right: 10px;
	}
	.post-bottom .post-bottom__nav a.vsb-post-next i {
		margin-left: 10px;
	}
}

/* Comments */
.post-comment__name a {
	color: inherit;
}
.post-comment__moderation {
	color: #d05278;
	font-size: 14px;
	margin-bottom: 10px;
}
.post-comment__form #cancel-comment-reply-link {
	margin-left: 20px;
	font-family: "Lato";
	font-size: 14px;
	text-transform: uppercase;
	color: #999999;
	vertical-align: middle;
}
.post-comment__form #cancel-comment-reply-link:hover {
	color: #222222;
}
/* While replying, comment-reply.js moves the form under the comment and leaves #wp-temp-form-div
   where it was. Only then is the gap smaller; otherwise the template's spacing applies. */
.post-comment + .post-comment__form:has(~ #wp-temp-form-div) {
	margin-top: 40px;
	margin-bottom: 40px;
}

/* Empty blog, archive and search */
.vsb-blog-empty,
.vsb-search-count {
	font-size: 16px;
	line-height: 170%;
	color: #666666;
	margin-bottom: 60px;
}
.vsb-search-form + .vsb-search-count {
	margin-top: -22px;
}

/* Contact form: result message (the template's small text style) and the hidden field for bots */
.vsb-form-message,
.discount-info .vsb-form-message,
.discount-info .vsb-form-message p {
	margin: 0 0 20px;
	padding-left: 0;
	font-family: "Lato";
	font-size: 16px;
	line-height: 170%;
}
.discount-info .vsb-form-message p {
	margin: 0;
}
.vsb-form-message_success,
.discount-info .vsb-form-message_success {
	color: #12a33b;
}
.vsb-form-message_error,
.discount-info .vsb-form-message_error p {
	color: #d05278;
}
.vsb-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#contact-form {
	scroll-margin-top: 140px;
}

/* Wishlist */
.js-vsb-wishlist [hidden],
.js-vsb-viewed[hidden] {
	display: none !important;
}
/* Keep the 110px image square when a long product name fills the row. */
.js-vsb-wishlist .cart-table__img {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.wishlist-remove {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	line-height: 170%;
	text-transform: uppercase;
	color: #999999;
}
.wishlist-remove:hover {
	color: #d05278;
}
.js-vsb-wishlist .blog-item__link.loading {
	opacity: 0.5;
	pointer-events: none;
}
.vsb-wishlist-empty {
	font-size: 16px;
	line-height: 170%;
	color: #666666;
}