/* ==========================================================================
   Storeva Theme — Demo-Specific CSS
   Contains brand-specific style overrides for the three demo packages:
   1. Lumière Studio (Fashion)
   2. Velour Beauty (Cosmetics)
   3. Harvest & Co. (Grocery)
   ========================================================================== */

/* ——————————————————————————————————————————
   DEMO 1: Lumière Studio — Fashion
   ——————————————————————————————————————————*/

/* Editorial split hero */
.lumiere-hero-cols {
	min-height: 100vh;
}

.lumiere-hero-image-col .wp-block-cover {
	position: relative;
}

.lumiere-hero-content-col {
	display: flex;
	align-items: center;
}

.lumiere-hero-text {
	width: 100%;
}

/* Category covers hover zoom */
.lumiere-cat-cover {
	overflow: hidden;
	cursor: pointer;
}

.lumiere-cat-cover img {
	transition: transform 0.5s ease;
}

.lumiere-cat-cover:hover img {
	transform: scale(1.05);
}

/* Lumière product cards — no radius, editorial */
.lumiere-product-card {
	border-radius: 0 !important;
}

.lumiere-product-card .product-card-image-wrap {
	border-radius: 0 !important;
}

.lumiere-product-card .product-card-image-wrap img {
	border-radius: 0 !important;
}

.lumiere-product-card .product-card-body {
	padding: 0.875rem 0 !important;
	border-top: 1px solid #DDD3C2;
}

.lumiere-product-card .product-card-title a {
	font-size: 0.9375rem;
	font-weight: 500;
	color: #1A1A1A;
}

/* Lumière announcement bar */
body.demo-lumiere .announcement-bar {
	background-color: #1A1A1A;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* Lumière header */
body.demo-lumiere .site-header {
	border-bottom: 1px solid #DDD3C2;
	background: #F5F1EA;
}

body.demo-lumiere .header-site-title a {
	font-family: 'Playfair Display', Georgia, serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1.25rem;
}

/* Lumière navigation */
body.demo-lumiere .header-nav .wp-block-navigation-item > a {
	font-size: 0.8125rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #1A1A1A;
}

body.demo-lumiere .header-nav .wp-block-navigation-item > a:hover {
	color: #B8915A;
}

body.demo-lumiere .header-nav .wp-block-navigation-item > a::after {
	background: #B8915A;
}

/* Lumière footer */
body.demo-lumiere .footer-main {
	background-color: #1A1A1A;
}

/* Lumière newsletter form */
.lumiere-newsletter-form .wp-block-search__inside-wrapper {
	border: 1px solid #DDD3C2;
	border-radius: 0;
}

.lumiere-newsletter-form .wp-block-search__button {
	background: #1A1A1A !important;
	border-radius: 0 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.8125rem !important;
}

/* ——————————————————————————————————————————
   DEMO 2: Velour Beauty — Cosmetics
   ——————————————————————————————————————————*/

/* Velour circular category covers */
.velour-cat-cover {
	overflow: hidden;
	border-radius: 999px !important;
	cursor: pointer;
}

.velour-cat-cover img {
	transition: transform 0.5s ease;
	border-radius: 999px;
}

.velour-cat-cover:hover img {
	transform: scale(1.06);
}

/* Velour product cards — rounded corners, soft */
.velour-product-card {
	border-radius: 16px !important;
	overflow: hidden;
	border: 1px solid #F0D8DD !important;
}

.velour-product-card .product-card-image-wrap {
	border-radius: 16px 16px 0 0 !important;
	background-color: #FCEEF1;
}

.velour-product-card .product-card-image-wrap img {
	border-radius: 0 !important;
}

.velour-product-card .product-card-title a {
	font-size: 0.9375rem;
	font-weight: 600;
	color: #3D1F39;
}

.velour-product-card .product-card-title a:hover {
	color: #D4AF7A;
}

.velour-product-card .wc-block-components-product-price {
	color: #4A2545;
	font-weight: 700;
}

.velour-product-card .product-card-actions .wp-block-button__link,
.velour-product-card .product-card-actions .add_to_cart_button {
	background: #4A2545 !important;
	border-radius: 999px !important;
}

/* Velour trust row */
.velour-trust-item {
	padding: 1.25rem;
	text-align: center;
}

/* Velour header */
body.demo-velour .site-header {
	background: #FFFBF7;
	border-bottom: 1px solid #F0D8DD;
}

body.demo-velour .header-site-title a {
	font-family: 'Playfair Display', Georgia, serif;
	font-style: italic;
	font-size: 1.5rem;
	color: #4A2545;
}

body.demo-velour .header-nav .wp-block-navigation-item > a {
	color: #3D1F39;
	font-size: 0.9375rem;
}

body.demo-velour .header-nav .wp-block-navigation-item > a:hover {
	color: #D4AF7A;
}

body.demo-velour .header-nav .wp-block-navigation-item > a::after {
	background: #D4AF7A;
}

body.demo-velour .announcement-bar {
	background-color: #4A2545;
}

/* Velour cart & checkout accent color */
body.demo-velour .wc-block-components-checkout-place-order-button,
body.demo-velour .cart-checkout-btn .wp-block-button__link {
	background: #4A2545 !important;
	border-radius: 999px !important;
}

/* Velour newsletter */
.velour-newsletter-form .wp-block-search__inside-wrapper {
	border-radius: 999px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.velour-newsletter-form .wp-block-search__input {
	border-radius: 999px 0 0 999px !important;
}

.velour-newsletter-form .wp-block-search__button {
	background: #D4AF7A !important;
	color: #3D1F39 !important;
	border-radius: 0 999px 999px 0 !important;
	font-weight: 700 !important;
}

/* ——————————————————————————————————————————
   DEMO 3: Harvest & Co. — Grocery
   ——————————————————————————————————————————*/

/* Harvest category card hover */
.harvest-cat-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
}

.harvest-cat-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(45, 74, 51, 0.12);
}

/* Harvest badge pill */
.harvest-badge {
	display: inline-flex !important;
	margin-bottom: 1rem;
}

/* Harvest product cards */
.harvest-product-card {
	border-radius: 12px !important;
	overflow: hidden;
	background: #fff;
}

.harvest-product-card .product-card-image-wrap {
	border-radius: 12px 12px 0 0 !important;
}

.harvest-product-card .product-card-title a {
	font-size: 0.9375rem;
	font-weight: 700;
	color: #243D29;
}

.harvest-product-card .product-card-title a:hover {
	color: #C97B4A;
}

.harvest-product-card .wc-block-components-product-price {
	color: #2D4A33;
	font-weight: 700;
}

.harvest-product-card .product-card-actions .wp-block-button__link,
.harvest-product-card .product-card-actions .add_to_cart_button {
	background: #2D4A33 !important;
	border-radius: 6px !important;
}

/* Harvest header */
body.demo-harvest .site-header {
	background: #FAF6EE;
	border-bottom: 1px solid #E2D9C5;
}

body.demo-harvest .header-site-title a {
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-size: 1.375rem;
	color: #2D4A33;
	letter-spacing: -0.01em;
}

body.demo-harvest .header-nav .wp-block-navigation-item > a {
	color: #243D29;
	font-weight: 600;
}

body.demo-harvest .header-nav .wp-block-navigation-item > a:hover {
	color: #C97B4A;
}

body.demo-harvest .header-nav .wp-block-navigation-item > a::after {
	background: #C97B4A;
}

body.demo-harvest .announcement-bar {
	background-color: #2D4A33;
}

/* Harvest sticky header pill CTA */
body.demo-harvest .site-header .wp-block-button__link {
	border-radius: 8px !important;
	background: #C97B4A !important;
}

/* Harvest cart & checkout */
body.demo-harvest .wc-block-components-checkout-place-order-button,
body.demo-harvest .cart-checkout-btn .wp-block-button__link {
	background: #2D4A33 !important;
	border-radius: 8px !important;
}

/* Harvest newsletter */
.harvest-newsletter-form .wp-block-search__inside-wrapper {
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #E2D9C5;
}

.harvest-newsletter-form .wp-block-search__button {
	background: #2D4A33 !important;
	border-radius: 0 8px 8px 0 !important;
	font-weight: 700 !important;
}

/* ——————————————————————————————————————————
   Shared responsive overrides for all demos
   ——————————————————————————————————————————*/
@media (max-width: 782px) {
	.lumiere-hero-cols {
		flex-direction: column;
	}

	.lumiere-hero-image-col,
	.lumiere-hero-content-col {
		flex-basis: 100% !important;
	}

	.lumiere-hero-image-col .wp-block-cover {
		min-height: 50vh !important;
	}

	.velour-cat-cover,
	.velour-cat-cover img {
		border-radius: 16px !important;
	}

	.harvest-hero-cover .wp-block-cover__inner-container {
		padding: 2rem 1.5rem !important;
	}
}