/* ==========================================================================
   Blog: archive (home/archive/index), search, 404, single post
   ========================================================================== */

/* --- Hero (Our Blog / archive / search / 404) ----------------------------- */
.ssc-blog-hero { padding: 5vw; min-height: 50vh; align-items: center; justify-content: center; }
.ssc-blog-hero .wp-block-cover__inner-container { width: 100%; }
.ssc-blog-hero__inner { max-width: 700px; margin-inline: auto; align-items: center; }
.ssc-blog-hero__inner.ssc-stack.ssc-stack > * { align-self: center; }
.ssc-blog-hero .ssc-blog-hero__title { margin: 0; font-size: 40px; line-height: 52px; text-transform: none; text-align: center; font-family: var(--wp--preset--font-family--pt-serif); }
.ssc-blog-divider { width: 65%; margin: 0; }
.ssc-blog-hero__inner.ssc-stack.ssc-stack > .ssc-blog-divider { width: 65%; align-self: center; }
.ssc-blog-hero__text { text-align: center; }
.ssc-blog-hero__inner.ssc-stack.ssc-stack > .ssc-blog-hero__dive { margin-block-start: 0; }
.ssc-blog-hero__dive { color: var(--wp--preset--color--gold); font-size: 18px; line-height: 24px; text-transform: uppercase; text-align: center; }
.ssc-blog-search { width: 100%; max-width: 460px; }
.ssc-blog-search .wp-block-search__input { background: rgba(255,255,255,.1); border: 1px solid var(--wp--preset--color--gold); border-radius: 3px; color: #fff; padding: 10px 16px; font-family: var(--wp--preset--font-family--poppins); font-size: 14px; }
.ssc-blog-search .wp-block-search__input::placeholder { color: rgba(255,255,255,.7); }
.ssc-blog-search .wp-block-search__button { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--ink); border: 1px solid var(--wp--preset--color--gold); border-radius: 3px; padding: 10px 24px; margin-left: 10px; font-family: var(--wp--preset--font-family--poppins); font-size: 14px; }
.ssc-blog-search .wp-block-search__button:hover { background: var(--wp--preset--color--gold-hover); }

/* --- Post list ------------------------------------------------------------ */
.ssc-main > .ssc-blog-list { padding: 57px 5vw; }
.ssc-blog-list > .wp-block-query { margin: 0 auto; padding: 34px; max-width: 1140px; box-sizing: border-box; }
.ssc-blog-list .ssc-blog-grid { gap: 40px 30px; margin: 0; padding: 0; }
.ssc-blog-grid.ssc-blog-grid > li { margin: 0; }
.ssc-blog-card { margin: 0; }
.ssc-blog-card.ssc-blog-card > * { margin-block: 0; }
.ssc-blog-card__thumb { overflow: hidden; margin: 0 0 20px !important; }
.ssc-blog-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ssc-blog-card .ssc-blog-card__title { font-size: 18px; line-height: 1.3; margin: 0 0 10px; }
.ssc-blog-card .ssc-blog-card__title a { color: var(--wp--preset--color--green); text-decoration: none; }
.ssc-blog-card .ssc-blog-card__title a:hover { color: var(--wp--preset--color--gold-hover); }
.ssc-blog-card .ssc-blog-card__meta { font-family: var(--wp--preset--font-family--system); font-size: 12px; line-height: 1.3; color: #adadad; margin: 0 0 13px; }
.ssc-blog-card .ssc-blog-card__excerpt { margin: 0; }
.ssc-blog-card__excerpt p { margin: 0 0 10px; font-family: var(--wp--preset--font-family--poppins); font-size: 14px; line-height: 24px; }
.ssc-blog-card__excerpt .wp-block-post-excerpt__excerpt { margin: 0 0 10px; }
.ssc-blog-card__excerpt .wp-block-post-excerpt__more-text { margin: 0; line-height: 25px; }
.ssc-blog-card__excerpt .wp-block-post-excerpt__more-link { color: var(--wp--preset--color--gold); font-family: var(--wp--preset--font-family--poppins); font-size: 14px; line-height: 20px; display: inline-block; text-decoration: none; }
.ssc-blog-card__excerpt .wp-block-post-excerpt__more-link:hover { color: var(--wp--preset--color--gold-hover); }
.ssc-blog-pagination { margin-top: 40px; gap: 10px; font-family: var(--wp--preset--font-family--poppins); font-size: 14px; }
.ssc-blog-pagination a, .ssc-blog-pagination .page-numbers { color: var(--wp--preset--color--green); text-decoration: none; padding: 0 6px; }
.ssc-blog-pagination .page-numbers.current { color: var(--wp--preset--color--gold-hover); }
.ssc-blog-pagination a:hover { color: var(--wp--preset--color--gold-hover); }

/* --- Single post ---------------------------------------------------------- */
.ssc-single-hero { padding: 0 10px; align-items: stretch; min-height: 850px; }
.ssc-single-hero .wp-block-cover__inner-container { width: 100%; display: flex; }
.ssc-single-hero__inner { width: 100%; max-width: 1140px; margin-inline: auto; gap: 20px; align-items: stretch; }
.ssc-single-hero__spacer { flex: 0 0 26.87%; }
.ssc-single-hero__text { flex: 1 1 0; min-width: 0; padding: 10px; justify-content: center; }
.ssc-single-hero__text.ssc-stack.ssc-stack > * { margin-block: 0; }
.ssc-single-hero__text.ssc-stack.ssc-stack > .ssc-single-hero__kicker { text-transform: uppercase; margin-block-end: 14.4px; }
.ssc-single-hero__text.ssc-stack.ssc-stack > .ssc-single-hero__kicker { margin-block-end: -20px; position: relative; top: 8px; }
.ssc-single-hero .ssc-single-hero__title { margin-top: -16px; font-size: 40px; line-height: 52px; text-transform: none; font-family: var(--wp--preset--font-family--pt-serif); }
.ssc-single-hero__excerpt, .ssc-single-hero__excerpt p { margin: 0; font-family: var(--wp--preset--font-family--poppins); font-size: 14px; line-height: 24px; color: #fff; }
.ssc-single-hero__excerpt p { margin: 0 0 14.4px; }
.ssc-single-hero__buttons { width: 100%; }
.ssc-single-hero__buttons .wp-block-button { width: 100%; }
.ssc-single-hero .ssc-single-hero__btn .wp-block-button__link { width: 100%; text-align: center; padding: 15px 30px; border-radius: 0; font-family: var(--wp--preset--font-family--system); font-size: 16px; line-height: 16px; background: var(--wp--preset--color--green); color: #fff; }
.ssc-single-hero .ssc-single-hero__btn .wp-block-button__link:hover { background: var(--wp--preset--color--gold-hover); color: var(--wp--preset--color--ink); }

.ssc-single-article { padding: 57px 5vw; align-items: center; scroll-margin-top: 20px; }
.ssc-single-article.ssc-stack.ssc-stack > .ssc-post-content { width: 100%; max-width: 1140px; }
.ssc-post-content { text-align: center; color: var(--wp--preset--color--grey); font-family: var(--wp--preset--font-family--poppins); font-size: 14px; line-height: 24px; }
.ssc-post-content.ssc-post-content > * { margin-block: 0; max-width: none; margin-inline: 0; }
.ssc-post-content.ssc-post-content p { margin: 0 0 14.4px; font-size: 14px; line-height: 24px; color: inherit; }
.ssc-post-content.ssc-post-content h2 { font-size: 40px; line-height: 1.3; margin: 8px 0 16px; }
.ssc-post-content.ssc-post-content h3 { font-size: 21px; line-height: 1.3; margin: 0; }
.ssc-post-content.ssc-post-content h4 { margin: 0 0 10px; }
.ssc-post-content.ssc-post-content ul, .ssc-post-content.ssc-post-content ol { display: inline-block; text-align: left; margin: 0 0 14.4px; padding-left: 1.5em; }
.ssc-post-content a { color: var(--wp--preset--color--gold); }
.ssc-post-content a:hover { color: var(--wp--preset--color--gold-hover); }
.ssc-post-content.ssc-post-content figure { margin: 0; }
.ssc-post-content.ssc-post-content > .wp-block-image { margin-bottom: 14px; }
.ssc-post-content .wp-block-image img { max-width: 100%; height: auto; }
.ssc-post-content.ssc-post-content .wp-block-columns { gap: 24px; margin: 0 0 24.5px; }
.ssc-post-content.ssc-post-content .wp-block-column > * { margin-block: 24px 0; }
.ssc-post-content.ssc-post-content .wp-block-column > :first-child { margin-block-start: 0; }
.ssc-post-content.ssc-post-content .wp-block-column > p { margin-block-end: 0; }
.ssc-post-content.ssc-post-content blockquote { border-left: 3px solid var(--wp--preset--color--gold); margin: 0 0 24px; padding: 0 0 0 20px; text-align: left; }
.ssc-single-shop { width: 30%; margin: 0; padding: 0; }
.ssc-single-shop.ssc-single-shop { margin-top: 10px; }
.ssc-single-shop .wp-block-button { width: 100%; }
.ssc-single-shop .wp-block-button__link { width: 100%; text-align: center; font-family: var(--wp--preset--font-family--system); font-size: 15px; line-height: 15px; }
.ssc-discount { padding: 0; min-height: 0; justify-content: flex-start; }
.ssc-discount .wp-block-cover__background { opacity: .84; }
.ssc-discount .wp-block-cover__inner-container { width: 100%; }
.ssc-discount.ssc-discount { padding: 4.8vw 0; }
.ssc-discount .ssc-discount__title { margin: 0 9.5vw; padding: 0; font-size: 40px; line-height: 1.3; color: #fff; text-align: center; }

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1024px) {
	.ssc-blog-hero { padding: 5vw 5vw; }
	.ssc-main > .ssc-blog-list { padding: 5vw; }
	.ssc-single-hero { padding: 5vw; }
	.ssc-single-hero__spacer { flex-basis: 20%; }
	.ssc-single-article { padding: 57px 5vw; }
	.ssc-single-shop { width: 50%; }
	.ssc-discount .ssc-discount__title { font-size: 30px; text-align: center; margin: 0 5vw; }
}
@media (max-width: 767px) {
	.ssc-blog-hero { padding: 25% 5% 10%; }
	.ssc-blog-hero__inner .ssc-blog-divider, .ssc-blog-hero__inner.ssc-stack.ssc-stack > .ssc-blog-divider { width: 100%; }
	.ssc-blog-list .ssc-blog-grid { grid-template-columns: 1fr !important; }
	.ssc-single-hero { padding: 0 10px; min-height: 0; }
	.ssc-single-hero__inner { flex-direction: column; gap: 0; }
	.ssc-single-hero__spacer { flex-basis: 380px; min-height: 380px; }
	.ssc-single-hero__text { text-align: center; }
	.ssc-single-hero__text .ssc-gold-divider--left { width: 100%; }
	.ssc-post-content .wp-block-columns { flex-direction: column; }
	.ssc-post-content h2 { font-size: 28px; }
	.ssc-single-shop { width: 100%; }
	.ssc-discount.ssc-discount { padding: 40px 20px; }
	.ssc-discount .ssc-discount__title { font-size: 28px; margin: 0; }
}

/* template-level resets */
.ssc-main.ssc-main > * { margin-block: 0; }
.ssc-main > .ssc-blog-list { padding-bottom: 58px; }
.ssc-uses .ssc-use .wp-block-image { text-align: center; }
.ssc-uses .ssc-use img { width: auto; max-width: 100%; margin-inline: auto; display: block; }