/*
Theme Name: LUSHAJ.SHOP
Theme URI: https://shop.lushaj.al/
Description: Schlankes Child Theme für die eigenständige LUSHAJ.SHOP-Commerce-Plattform.
Author: LUSHAJ
Template: generatepress
Version: 0.1.0
Text Domain: lushaj-shop
Requires at least: 6.7
Requires PHP: 8.1
*/

:root {
	--lushaj-shop-surface: #ffffff;
	--lushaj-shop-ink: #161616;
	--lushaj-shop-muted: #667085;
	--lushaj-shop-border: #e4e7ec;
	--lushaj-shop-accent: #9b1c31;
	--lushaj-shop-accent-strong: #731225;
	--lushaj-shop-surface-soft: #f7f5f2;
	--lushaj-shop-shadow: 0 1rem 3rem rgba(22, 22, 22, 0.08);
	--lushaj-shop-space-1: 0.5rem;
	--lushaj-shop-space-2: 0.875rem;
	--lushaj-shop-space-3: 1.25rem;
	--lushaj-shop-space-4: 2rem;
	--lushaj-shop-space-5: 3.5rem;
	--lushaj-shop-radius: 0.75rem;
	--lushaj-shop-content-width: 80rem;
}

body {
	background: var(--lushaj-shop-surface-soft);
	color: var(--lushaj-shop-ink);
}

.site-header,
.inside-header,
.site-content {
	max-inline-size: var(--lushaj-shop-content-width);
	margin-inline: auto;
}

.site-main {
	min-inline-size: 0;
}

.lushaj-shop {
	font-family: inherit;
}

.lushaj-shop :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--lushaj-shop-accent) 55%, white);
	outline-offset: 3px;
}

.lushaj-card,
.lushaj-buybox,
.lushaj-checkout-summary,
.lushaj-cart-summary {
	border: 1px solid var(--lushaj-shop-border);
	border-radius: var(--lushaj-shop-radius);
	box-shadow: var(--lushaj-shop-shadow);
}

.lushaj-button,
.lushaj-card-buy {
	border-radius: calc(var(--lushaj-shop-radius) * 0.75);
	font-weight: 700;
	transition: background-color 160ms ease, transform 160ms ease;
}

.lushaj-button:hover,
.lushaj-card-buy:hover {
	transform: translateY(-1px);
}

.lushaj-shelf {
	margin-block: var(--lushaj-shop-space-5);
}

.lushaj-product-detail,
.lushaj-cart,
.lushaj-checkout {
	max-inline-size: var(--lushaj-shop-content-width);
	margin-inline: auto;
}

@media (max-width: 48rem) {
	.site-content {
		padding-inline: var(--lushaj-shop-space-2);
	}

	.lushaj-shelf {
		margin-block: var(--lushaj-shop-space-4);
	}
}

[dir="rtl"] .lushaj-shop {
	text-align: start;
}