:root {
	--qurban-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--qurban-ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
	--qurban-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
	--qurban-speed-fast: 180ms;
	--qurban-speed-base: 260ms;
	--qurban-speed-slow: 420ms;
	--qurban-header-overlay: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 237, 216, 0.62) 100%);
	--qurban-shadow-soft: 0 8px 22px rgba(26, 18, 7, 0.08);
	--qurban-shadow-focus: 0 0 0 3px rgba(184, 147, 58, 0.24);
	--qurban-shadow-card-hover: 0 14px 32px rgba(26, 18, 7, 0.14);
}

html,
body,
.wp-site-blocks,
.editor-styles-wrapper {
	font-family: "Tajawal", sans-serif !important;
	background:
		radial-gradient(140% 90% at 8% 0%, rgba(255, 255, 255, 0.9) 0%, rgba(250, 247, 242, 0.96) 35%, rgba(245, 237, 216, 0.52) 100%),
		#faf7f2;
	color: #2c2210;
}

body :where(p, li, span, a, button, input, select, textarea, h1, h2, h3, h4, h5, h6) {
	font-family: "Tajawal", sans-serif;
}

.wp-site-blocks {
	line-height: 1.7;
	text-wrap: pretty;
}

.wp-site-blocks :where(header.wp-block-template-part, header.wp-block-group) {
	background: var(--qurban-header-overlay);
	backdrop-filter: saturate(120%) blur(1px);
	border-bottom: 1px solid rgba(184, 147, 58, 0.2);
	min-height: clamp(5rem, 7vw, 7.25rem);
}

.wp-site-blocks :where(.wp-block-query-title, .wp-block-post-title, .woocommerce-products-header__title, .woocommerce-loop-category__title) {
	color: #1a1207;
	letter-spacing: -0.015em;
	line-height: 1.16;
	margin-block: 0.1em 0.6em;
	text-wrap: balance;
}

.wp-site-blocks :where(.wp-block-query-title, .wp-block-post-title) {
	max-width: 28ch;
}

.wp-site-blocks :where(.qurban-page-hero) {
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.96) 0%, rgba(245, 237, 216, 0.72) 100%);
	border: 1px solid rgba(184, 147, 58, 0.18);
	border-radius: 16px;
	box-shadow: var(--qurban-shadow-soft);
}

.wp-site-blocks :where(.qurban-page-hero p) {
	margin-top: 0.4rem;
	max-width: 62ch;
}

.wp-site-blocks :where(.qurban-cart-shell, .qurban-checkout-shell) {
	border: 1px solid rgba(184, 147, 58, 0.15);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.92);
	padding: clamp(0.85rem, 1.6vw, 1.35rem);
	box-shadow: 0 10px 24px rgba(26, 18, 7, 0.07);
}

.wp-site-blocks :where(.qurban-catalog-toolbar) {
	row-gap: 0.75rem;
	column-gap: 1rem;
	margin-bottom: 0.95rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px dashed rgba(184, 147, 58, 0.26);
}

.wp-site-blocks :where(.qurban-catalog-toolbar .wc-block-catalog-sorting, .qurban-catalog-toolbar .wc-block-components-sort-select) {
	margin-inline-start: auto;
}

.wp-site-blocks :where(.wp-block-woocommerce-product-template .wp-block-post-excerpt, .wc-block-grid__product .wp-block-post-excerpt) {
	display: none;
}

.wp-site-blocks :where(.wc-block-components-notice-banner, .woocommerce-info, .woocommerce-message, .woocommerce-error) {
	border-radius: 12px;
	border: 1px solid rgba(184, 147, 58, 0.24);
	box-shadow: var(--qurban-shadow-soft);
	padding: 0.85rem 1rem;
}

.wp-site-blocks :where(nav.wp-block-navigation, .wp-block-navigation__container) {
	row-gap: 0.4rem;
	column-gap: 0.5rem;
}

.wp-site-blocks :where(.wp-block-navigation-item__content, .wp-block-page-list a) {
	border-radius: 8px;
	padding: 0.45rem 0.62rem;
	text-underline-offset: 0.24em;
}

.wp-site-blocks :where(.wp-block-navigation-item__content, .wp-block-page-list a):hover,
.wp-site-blocks :where(.wp-block-navigation-item__content, .wp-block-page-list a):focus-visible {
	background: rgba(184, 147, 58, 0.12);
	text-decoration: none;
}

.wp-site-blocks :where(.wc-block-breadcrumbs, .woocommerce-breadcrumb) {
	color: #6b5a3e;
	font-size: 0.92rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}

.wp-site-blocks :where(.wc-block-breadcrumbs a, .woocommerce-breadcrumb a) {
	font-weight: 500;
	text-decoration-color: rgba(122, 95, 34, 0.35);
}

.wp-site-blocks > * {
	margin-block: clamp(0.75rem, 0.9vw, 1.25rem);
}

.wp-site-blocks :where(.wp-block-group, .wp-block-cover, .wp-block-query, .wp-block-post-template) {
	border-radius: 16px;
}

.wp-site-blocks :where(.wp-block-group.is-style-section-card, .wc-block-cart, .wc-block-checkout) {
	background: #fff;
	border: 1px solid rgba(184, 147, 58, 0.18);
	box-shadow: var(--qurban-shadow-soft);
	padding: clamp(1rem, 1.6vw, 1.5rem);
}

.wp-site-blocks :where(.wc-block-cart, .wc-block-checkout, .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}