/* Robin Fox Knox — Heritage Store redesign
 * Editorial, minimal catalog layout (inspired by antique-store reference): announcement strip,
 * three-column photo banner, showcase intro with category chips, the existing product grid,
 * a "Behind the Collection" story section, and a newsletter signup — all in the site's own
 * Fraunces/Manrope/IBM Plex Mono + obsidian/ivory/bronze system, not the reference's own styling.
 */

/* ---------- Announcement bar ---------- */
.rfk-announce-bar {
	background: #101B33;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}
.rfk-announce-bar p {
	font-family: 'IBM Plex Mono', monospace !important;
	font-size: 11px !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #C99A3E !important;
	margin: 0 !important;
}

/* ---------- Three-column banner ---------- */
.rfk-banner-row { gap: 0 !important; }
.rfk-banner-col { border-radius: 0; }
.rfk-banner-col .wp-block-cover__inner-container { padding: 0 24px 28px; width: 100%; }
.rfk-banner-link a.wp-element-button {
	font-family: 'Fraunces', serif !important;
	font-style: italic;
	font-size: 22px !important;
	font-weight: 500;
	background: none !important;
	color: #F4EFE4 !important;
	padding: 0 !important;
	border-bottom: 1px solid rgba(244,239,228,0.5);
	border-radius: 0 !important;
	transition: border-color .25s ease, opacity .25s ease;
}
.rfk-banner-link a.wp-element-button:hover { border-color: #C99A3E; opacity: 0.85; }

/* ---------- Showcase intro (heading + category chips) ---------- */
.rfk-shop-hero { max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px; padding-right: 20px; text-align: center; }
.rfk-shop-eyebrow {
	font-family: 'IBM Plex Mono', monospace !important;
	font-size: 12px !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase;
	color: #A67B2E !important;
	margin-bottom: 14px !important;
}
.rfk-shop-h1 {
	font-family: 'Fraunces', serif !important;
	font-weight: 500 !important;
	font-size: clamp(32px, 4.5vw, 48px) !important;
	color: #101B33 !important;
	letter-spacing: -0.01em;
	margin-bottom: 16px !important;
}
.rfk-shop-sub {
	font-size: 16px !important;
	color: #4A3C2F !important;
	max-width: 520px;
	margin: 0 auto 32px !important;
	line-height: 1.6;
}
.rfk-cat-chips { gap: 10px !important; }
.rfk-cat-chip .wp-block-button__link {
	font-family: 'IBM Plex Mono', monospace !important;
	font-size: 11px !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 10px 18px !important;
	border-radius: 100px !important;
	border: 1px solid #E4DBC9 !important;
	color: #101B33 !important;
	background: transparent !important;
	transition: all .25s ease;
}
.rfk-cat-chip .wp-block-button__link:hover { background: #101B33 !important; border-color: #101B33 !important; color: #F4EFE4 !important; }
.rfk-chip-count { opacity: 0.55; font-size: 10px; }

/* ---------- Behind the Collection ---------- */
.rfk-about-collection { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px; padding-right: 20px; }
.rfk-about-img img { border-radius: 6px; }
.rfk-about-h2 {
	font-family: 'Fraunces', serif !important;
	font-weight: 500 !important;
	font-size: clamp(26px, 3.2vw, 36px) !important;
	color: #101B33 !important;
	margin-bottom: 16px !important;
}
.rfk-about-p { font-size: 16px !important; color: #4A3C2F !important; line-height: 1.65; margin-bottom: 24px !important; }
.rfk-btn-outline-dark a.wp-element-button {
	font-family: 'IBM Plex Mono', monospace !important;
	font-size: 12px !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	background: transparent !important;
	color: #101B33 !important;
	border: 1px solid #101B33 !important;
	border-radius: 100px !important;
	padding: 14px 26px !important;
	transition: all .25s ease;
}
.rfk-btn-outline-dark a.wp-element-button:hover { background: #101B33 !important; color: #F4EFE4 !important; }

/* ---------- Newsletter ---------- */
.rfk-newsletter { background: #F4EFE4; text-align: center; padding-left: 20px; padding-right: 20px; }
.rfk-newsletter-form-wrap .wpforms-container { margin: 0 auto; }
.rfk-newsletter-form-wrap .wpforms-form { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start; justify-content: center; }
.rfk-newsletter-form-wrap .wpforms-field { flex: 1 1 240px; padding-bottom: 0 !important; margin-bottom: 0; }
.rfk-newsletter-form-wrap .wpforms-field-label { display: none; } /* email placeholder is self-explanatory, matches the reference's compact single-line signup */
.rfk-newsletter-form-wrap input[type="email"] {
	border: 1.5px solid #101B33 !important;
	border-radius: 100px !important;
	padding: 13px 20px !important;
	font-family: 'Manrope', sans-serif !important;
}
.rfk-newsletter-form-wrap .wpforms-submit-container { margin-top: 0 !important; }
.rfk-newsletter-form-wrap .wpforms-submit {
	font-family: 'IBM Plex Mono', monospace !important;
	font-size: 11px !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	background: #101B33 !important;
	color: #F4EFE4 !important;
	border: none !important;
	border-radius: 100px !important;
	padding: 13px 26px !important;
	white-space: nowrap;
}
.rfk-newsletter-form-wrap .wpforms-submit:hover { background: #C99A3E !important; }

@media (max-width: 1024px) {
	.rfk-banner-row { flex-wrap: wrap !important; }
	.rfk-banner-row .wp-block-column { flex-basis: 50% !important; }
	.rfk-about-collection .wp-block-columns { flex-wrap: wrap !important; }
	.rfk-about-collection .wp-block-column { flex-basis: 100% !important; }
}
@media (max-width: 767px) {
	.rfk-banner-row .wp-block-column { flex-basis: 100% !important; }
	.rfk-shop-h1 { font-size: 28px !important; }
	.rfk-cat-chips { gap: 8px !important; }
	.rfk-cat-chip .wp-block-button__link { font-size: 10px !important; padding: 8px 14px !important; }
	.rfk-newsletter-form-wrap .wpforms-form { flex-direction: column; align-items: stretch; }
	.rfk-newsletter-form-wrap .wpforms-submit { width: 100%; }
}