/**
 * Old Postcards — site-wide brand colors (logo palette)
 *
 * Navy     #202b5d
 * Burgundy #722431
 * Cream    #faf8f5
 */

:root {
	--op-navy: #202b5d;
	--op-burgundy: #722431;
	--op-cream: #faf8f5;
	--op-border: #e8e4de;
	--op-muted: #5a6579;
	--op-text: #2d2d2d;
	--op-navy-dark: #161e42;
	--op-burgundy-dark: #5a1c27;
	--op-radius: 6px;
}

/* ── Base ─────────────────────────────────────────────── */

body {
	background: var(--op-cream);
	color: var(--op-text);
}

#primary,
#content,
.site-content {
	background: transparent;
}

#primary .site-main,
.woocommerce-page .site-main {
	background: #fff;
	border: 1px solid var(--op-border);
	border-radius: var(--op-radius);
	padding: 1.25rem 1.5rem;
	margin-bottom: 1.5rem;
}

body.home #primary .site-main,
body.front-page #primary .site-main {
	background: transparent;
	border: none;
	padding: 0;
}

/* Links (content only — keep footer/header menu readable) */
#content a:not(.button):not(.btn):not(.lspcf-btn):not(.added_to_cart):not(.woocommerce-LoopProduct-link),
.entry-content a:not(.button),
.woocommerce-breadcrumb a,
#online-shop-breadcrumbs a {
	color: var(--op-navy);
}

#content a:not(.button):not(.btn):not(.lspcf-btn):hover,
.entry-content a:not(.button):hover,
.woocommerce-breadcrumb a:hover,
#online-shop-breadcrumbs a:hover {
	color: var(--op-burgundy);
}

/* ── Top bar ──────────────────────────────────────────── */

.top-header-wrapper {
	background: var(--op-cream);
	border-bottom-color: var(--op-border);
}

.top-header-wrapper a {
	color: var(--op-navy);
}

.top-header-wrapper a:hover {
	color: var(--op-burgundy);
}

.top-header-wrapper .icon-box,
.at-first-level-nav ul li {
	border-left-color: var(--op-border);
}

a.my-account {
	border-color: var(--op-border);
	color: var(--op-navy);
}

a.my-account:hover {
	color: var(--op-burgundy);
	border-color: var(--op-burgundy);
}

/* ── Header / navigation ─────────────────────────────── */

.header-wrapper {
	background: #fff;
}

.header-wrapper #site-navigation {
	background: #fff;
	border-top-color: var(--op-border);
	border-bottom-color: var(--op-border);
	box-shadow: 0 8px 24px rgba(32, 43, 93, 0.06);
}

.header-wrapper .menu li a {
	color: var(--op-navy);
}

.header-wrapper .menu li:hover > a,
.header-wrapper .menu > li.current-menu-item > a,
.header-wrapper .menu > li.current-menu-parent > a,
.header-wrapper .menu > li.current_page_parent > a,
.header-wrapper .menu > li.current_page_ancestor > a,
.header-wrapper .main-navigation ul ul.sub-menu li:hover > a {
	color: var(--op-burgundy);
}

.header-wrapper .main-navigation ul ul.sub-menu {
	border-color: var(--op-border);
}

.header-wrapper .main-navigation ul ul.sub-menu li a {
	color: var(--op-navy);
}

.site-title a {
	color: var(--op-navy) !important;
}

.site-title a:hover {
	color: var(--op-burgundy) !important;
}

/* Search */
.widget_search input#s,
.advance-product-search .search-field {
	border-color: var(--op-border);
}

.widget_search input#s:focus,
.advance-product-search .search-field:focus {
	border-color: var(--op-navy);
	outline: none;
}

.search-block #searchsubmit,
.widget_search #searchsubmit,
.advance-product-search .searchsubmit {
	background: var(--op-navy);
	color: #fff;
	border-color: var(--op-navy);
}

.search-block #searchsubmit:hover,
.widget_search #searchsubmit:hover,
.advance-product-search .searchsubmit:hover {
	background: var(--op-burgundy);
	border-color: var(--op-burgundy);
}

/* Cart icon area */
.wc-cart-wrapper,
.yith-wcwl-wrapper {
	color: var(--op-navy);
}

.site-header .widget_shopping_cart {
	border-top-color: var(--op-burgundy);
	border-bottom-color: var(--op-burgundy);
}

.site-header .widget_shopping_cart::before {
	border-bottom-color: var(--op-burgundy);
}

/* ── Breadcrumbs ─────────────────────────────────────── */

.breadcrumb {
	background: var(--op-navy) !important;
	color: #fff !important;
}

.breadcrumb a {
	color: rgba(255, 255, 255, 0.88) !important;
}

.breadcrumb a:hover {
	color: #fff !important;
}

.breadcrumb::after {
	border-left-color: var(--op-burgundy) !important;
}

#online-shop-breadcrumbs .woocommerce-breadcrumb {
	color: var(--op-muted);
}

#online-shop-breadcrumbs .woocommerce-breadcrumb a {
	color: var(--op-muted);
}

#online-shop-breadcrumbs .woocommerce-breadcrumb a:hover {
	color: var(--op-burgundy);
}

/* ── Page / archive titles ───────────────────────────── */

.page-header .page-title,
.at-title-action-wrapper,
.related.products > h2,
.woocommerce-tabs .tabs li a {
	color: var(--op-navy);
}

.page-header .page-title,
.at-title-action-wrapper,
.related.products > h2 {
	border-bottom-color: var(--op-burgundy) !important;
}

/* ── WooCommerce catalog ─────────────────────────────── */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title {
	color: var(--op-navy);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
	color: var(--op-burgundy);
}

.woocommerce ul.products li.product {
	border-color: var(--op-border);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	border-color: var(--op-border);
	color: var(--op-navy);
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: var(--op-navy) !important;
	border-color: var(--op-navy) !important;
	color: #fff !important;
}

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	background: var(--op-burgundy) !important;
}

/* Buttons — reinforce brand if customizer still cached old red */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.read-more,
.wpcf7-form input.wpcf7-submit {
	background: var(--op-burgundy) !important;
	border-color: var(--op-burgundy) !important;
	color: #fff !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.read-more:hover,
.wpcf7-form input.wpcf7-submit:hover {
	background: var(--op-navy) !important;
	border-color: var(--op-navy) !important;
	color: #fff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
	background: var(--op-burgundy) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--op-navy) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
	color: #fff !important;
}

.woocommerce-message {
	border-top-color: var(--op-burgundy) !important;
}

.woocommerce-message::before {
	color: var(--op-burgundy) !important;
}

/* ── Footer ──────────────────────────────────────────── */

.footer-wrapper {
	background: var(--op-navy);
	color: #fff;
}

.footer-copyright {
	background: var(--op-navy-dark);
	color: rgba(255, 255, 255, 0.72);
}

.footer-wrapper a,
.footer-copyright a {
	color: #fff;
}

.footer-wrapper a:hover,
.footer-copyright a:hover {
	color: rgba(255, 255, 255, 0.85);
	opacity: 1;
}

.footer-wrapper .widget-title {
	color: #fff;
}

.full-width-bottom-footer,
.full-width-top-footer,
#footer-top,
#footer-bottom,
.site-footer .widget_nav_menu li:not(:first-child),
.site-footer .widget_recent_entries li:not(:first-child) {
	border-color: rgba(255, 255, 255, 0.12);
}

/* ── Sidebar widgets ─────────────────────────────────── */

.secondary-sidebar .widget,
.widget {
	border-color: var(--op-border);
}

.widget .widget-title {
	color: var(--op-navy);
	border-bottom-color: var(--op-burgundy);
}

/* ── Mobile menu ─────────────────────────────────────── */

.slicknav_menu {
	background: var(--op-navy);
}

.slicknav_btn {
	border-color: var(--op-burgundy) !important;
	background: var(--op-burgundy) !important;
}

@media screen and (max-width: 992px) {
	.slicknav_nav li.current-menu-item > a,
	.slicknav_nav li.current-menu-ancestor > a {
		color: var(--op-burgundy) !important;
	}
}

/* ── Article / content blocks ────────────────────────── */

.ls_article_content table tr:first-child td {
	background: var(--op-burgundy);
}

blockquote {
	border-left-color: var(--op-navy);
}

/* ── Filter plugin alignment ─────────────────────────── */

.lspcf-toolbar,
.lspcf-drawer {
	--lspcf-navy: var(--op-navy);
	--lspcf-burgundy: var(--op-burgundy);
	--lspcf-cream: var(--op-cream);
	--lspcf-border: var(--op-border);
	--lspcf-muted: var(--op-muted);
	--lspcf-text: var(--op-text);
}

body.lspcf-catalog.no-sidebar #primary .site-main,
body.lspcf-catalog.no-sidebar .woocommerce-page .site-main {
	border: none;
	background: transparent;
	padding-left: 0;
	padding-right: 0;
}

/* ── Responsive ──────────────────────────────────────── */

@media screen and (max-width: 767px) {
	#primary .site-main,
	.woocommerce-page .site-main {
		padding: 1rem;
		border-left: none;
		border-right: none;
		border-radius: 0;
	}
}