:root {
	--dm-ink: #0b0b0b;
	--dm-paper: #ffffff;
	--dm-soft: #f7f5f0;
	--dm-line: rgba(11,11,11,.13);
	--dm-muted: #676767;
	--dm-accent: #0b0b0b;
	--dm-container: 1440px;
	--dm-radius: 0px;
	--dm-ease: cubic-bezier(.2,.8,.2,1);
}

html { scroll-behavior: smooth; }
body.demarkah-site {
	font-family: "Cairo", Tahoma, Arial, sans-serif;
	background: var(--dm-paper);
	color: var(--dm-ink);
}
body.demarkah-site :is(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select) { font-family: inherit; }
body.demarkah-site .website-wrapper { background: var(--dm-paper); }
body.demarkah-site .main-page-wrapper { padding-top: 0; }
body.demarkah-site .container { width: min(calc(100% - 40px), var(--dm-container)); max-width: var(--dm-container); }

/* ---------- Global header ---------- */
.demarkah-header {
	position: relative;
	z-index: 1000;
	background: #fff;
	border-bottom: 1px solid var(--dm-line);
}
.demarkah-announcement {
	min-height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 16px;
	background: #0a0a0a;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-align: center;
}
.demarkah-nav-shell { position: relative; background: rgba(255,255,255,.98); }
.demarkah-header.is-scrolled .demarkah-nav-shell {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	left: 0;
	right: 0;
	z-index: 1000;
	box-shadow: 0 8px 30px rgba(0,0,0,.06);
	backdrop-filter: blur(16px);
}
.demarkah-nav {
	height: 72px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 30px;
}
.demarkah-brand {
	display: inline-flex;
	align-items: center;
	color: var(--dm-ink);
	text-decoration: none;
	font-size: 23px;
	font-weight: 800;
	letter-spacing: .09em;
	line-height: 1;
	white-space: nowrap;
}
.demarkah-brand img { display:block; max-width: 170px; max-height: 44px; object-fit: contain; }
.demarkah-desktop-nav { display:flex; align-items:center; justify-content:center; gap: clamp(18px,2.3vw,40px); }
.demarkah-desktop-nav a {
	position: relative;
	color: var(--dm-ink);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}
.demarkah-desktop-nav a::after {
	content:"";
	position:absolute;
	inset-inline-start:0;
	bottom:-8px;
	width:0;
	height:1px;
	background:currentColor;
	transition:width .3s var(--dm-ease);
}
.demarkah-desktop-nav a:hover::after { width:100%; }
.demarkah-nav-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.demarkah-icon-button,
.demarkah-mobile-toggle,
.demarkah-mobile-drawer button {
	position:relative;
	width:42px;
	height:42px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:0;
	background:transparent;
	color:var(--dm-ink);
	padding:0;
	cursor:pointer;
	text-decoration:none;
}
.demarkah-icon-button svg,
.demarkah-mobile-toggle svg,
.demarkah-mobile-drawer button svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.demarkah-cart-link > span {
	position:absolute;
	top:3px;
	inset-inline-end:1px;
	min-width:17px;
	height:17px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#111;
	color:#fff;
	font-size:9px;
	font-weight:800;
}
.demarkah-mobile-toggle { display:none; }
.demarkah-search-panel {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	padding:0 20px;
	background:#fff;
	border-top:1px solid var(--dm-line);
	border-bottom:1px solid var(--dm-line);
	transform:translateY(-12px);
	opacity:0;
	visibility:hidden;
	transition:.25s ease;
}
.demarkah-search-panel.is-open { transform:translateY(0); opacity:1; visibility:visible; }
.demarkah-search-panel form {
	width:min(100%, 920px);
	margin:0 auto;
	display:grid;
	grid-template-columns:1fr auto;
	gap:10px;
	padding:18px 0;
}
.demarkah-search-panel input[type="search"] { height:50px; border:1px solid var(--dm-line); padding:0 16px; border-radius:0; font-size:14px; }
.demarkah-search-panel button { min-width:100px; border:1px solid #111; background:#111; color:#fff; font-weight:700; }
.demarkah-mobile-drawer,
.demarkah-mobile-backdrop { display:none; }

/* ---------- Page title / catalog ---------- */
body.demarkah-site .page-title { background:#f4f2ee; padding:42px 0; }
body.demarkah-site .page-title .entry-title { font-size:clamp(34px,4vw,58px); font-weight:800; letter-spacing:-.025em; }
body.demarkah-site .woocommerce-breadcrumb { color:var(--dm-muted); }
body.demarkah-site .wd-product .product-element-top { background:#f4f2ee; }
body.demarkah-site .wd-product .wd-entities-title { font-weight:700; }
body.demarkah-site .wd-product .price { color:#111; font-weight:800; }
body.demarkah-site .wd-product .wd-add-btn a,
body.demarkah-site .single_add_to_cart_button,
body.demarkah-site .checkout-button,
body.demarkah-site #place_order { border-radius:0 !important; background:#0b0b0b !important; color:#fff !important; font-weight:800 !important; }
body.demarkah-site .wd-product .product-element-top img { transition:transform .6s var(--dm-ease); }
@media (hover:hover) { body.demarkah-site .wd-product:hover .product-element-top img { transform:scale(1.025); } }
body.demarkah-site.single-product .product-image-summary-wrap { padding-top: clamp(24px,4vw,60px); }
body.demarkah-site.single-product .product_title { font-size:clamp(32px,4vw,56px); font-weight:800; letter-spacing:-.03em; }
body.demarkah-site.single-product .summary-inner > .price { font-size:clamp(22px,2.2vw,30px); font-weight:800; }
body.demarkah-site .wd-swatch.wd-text,
body.demarkah-site .wd-swatch-text { min-width:44px; min-height:42px; border:1px solid #d6d6d6; border-radius:0; background:#fff; }
body.demarkah-site .wd-swatch.wd-active,
body.demarkah-site .wd-swatch.selected { background:#111; color:#fff; border-color:#111; }
.demarkah-empty-shop { width:min(100%,760px); margin:70px auto 110px; padding:60px 30px; text-align:center; background:#f4f2ee; }
.demarkah-empty-shop span { display:block; margin-bottom:12px; font-size:11px; font-weight:800; letter-spacing:.18em; }
.demarkah-empty-shop h2 { margin:0 0 12px; font-size:clamp(30px,4vw,54px); font-weight:800; }
.demarkah-empty-shop p { margin:0; color:var(--dm-muted); }

/* ---------- Footer ---------- */
.demarkah-footer { background:#111; color:#fff; padding:72px 0 20px; }
.demarkah-footer-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:48px; }
.demarkah-footer-brand strong { display:block; margin-bottom:18px; font-size:28px; font-weight:800; letter-spacing:.08em; }
.demarkah-footer-brand p { max-width:540px; margin:0; color:rgba(255,255,255,.62); line-height:1.9; font-size:13px; }
.demarkah-footer h3 { margin:0 0 18px; color:#fff; font-size:13px; font-weight:800; }
.demarkah-footer a,
.demarkah-footer span { display:block; color:rgba(255,255,255,.62); text-decoration:none; font-size:12px; line-height:2.2; }
.demarkah-footer a:hover { color:#fff; }
.demarkah-footer-bottom { margin-top:54px; padding-top:18px; border-top:1px solid rgba(255,255,255,.14); display:flex; align-items:center; justify-content:space-between; gap:20px; }
.demarkah-footer-bottom span { display:inline; line-height:1.4; }

/* ---------- RTL ---------- */
html[dir="rtl"] .demarkah-desktop-nav,
html[dir="rtl"] .demarkah-nav,
html[dir="rtl"] .demarkah-mobile-drawer { direction:rtl; }
html[dir="rtl"] .demarkah-search-panel input { text-align:right; }
html[dir="rtl"] body.demarkah-site :is(.page-title,.product_title,.summary-inner,.woocommerce-tabs,.wd-accordion,.cart_totals,.woocommerce-checkout) { text-align:right; }
html[dir="rtl"] .demarkah-text-link svg { transform:scaleX(-1); }

@media (max-width: 991px) {
	.demarkah-nav { height:68px; grid-template-columns:auto 1fr auto; gap:10px; }
	.demarkah-mobile-toggle { display:inline-flex; }
	.demarkah-desktop-nav { display:none; }
	.demarkah-brand { justify-self:center; font-size:21px; }
	.demarkah-nav-actions .demarkah-icon-button:nth-child(2) { display:none; }
	.demarkah-mobile-drawer {
		display:block;
		position:fixed;
		top:0;
		bottom:0;
		inset-inline-start:0;
		width:min(88vw,390px);
		padding:22px;
		background:#fff;
		z-index:1300;
		transform:translateX(110%);
		transition:transform .35s var(--dm-ease);
		box-shadow:0 0 60px rgba(0,0,0,.16);
	}
	html[dir="ltr"] .demarkah-mobile-drawer { transform:translateX(-110%); }
	.demarkah-mobile-drawer.is-open { transform:translateX(0) !important; }
	.demarkah-mobile-drawer__head { display:flex; justify-content:space-between; align-items:center; padding-bottom:18px; border-bottom:1px solid var(--dm-line); font-weight:800; letter-spacing:.08em; }
	.demarkah-mobile-drawer nav { display:flex; flex-direction:column; padding-top:18px; }
	.demarkah-mobile-drawer nav a { display:flex; align-items:center; min-height:52px; border-bottom:1px solid var(--dm-line); color:#111; text-decoration:none; font-weight:700; }
	.demarkah-mobile-backdrop { display:block; position:fixed; inset:0; background:rgba(0,0,0,.46); opacity:0; visibility:hidden; z-index:1200; transition:.3s ease; }
	.demarkah-mobile-backdrop.is-open { opacity:1; visibility:visible; }
	body.demarkah-menu-open { overflow:hidden; }
	.demarkah-footer-grid { grid-template-columns:1.5fr 1fr 1fr; }
	.demarkah-footer-grid > :last-child { grid-column:2 / -1; }
}

@media (max-width: 640px) {
	body.demarkah-site .container { width:min(calc(100% - 28px), var(--dm-container)); }
	.demarkah-announcement { font-size:10px; min-height:30px; }
	.demarkah-nav { height:62px; }
	.demarkah-icon-button,.demarkah-mobile-toggle { width:38px; height:38px; }
	.demarkah-brand { font-size:18px; letter-spacing:.08em; }
	.demarkah-footer { padding-top:52px; }
	.demarkah-footer-grid { grid-template-columns:1fr 1fr; gap:34px 24px; }
	.demarkah-footer-brand { grid-column:1 / -1; }
	.demarkah-footer-grid > :last-child { grid-column:auto; }
	.demarkah-footer-bottom { align-items:flex-start; flex-direction:column; }
}
