/* =========================================================
   سَدى — الهيدر والفوتر والمكوّنات العامة
   Sada — Header, Footer & Global Components
   ========================================================= */

/* عنصر مخفي يبقى مخفيًا */
[hidden] { display: none !important; }

body.sada-body {
	background: var(--sada-cream);
}

/* ===== الحاوية العامة ===== */
.sada-container {
	max-width: 1240px;
	margin: 0 auto;
	padding-inline: 32px;
}
.sada-page {
	padding-block: 56px;
}

/* ===== شريط الإعلان ===== */
.sada-announce {
	background: var(--sada-wine);
	color: var(--sada-cream-light);
	text-align: center;
	padding: 10px 16px;
	font-size: 13px;
	letter-spacing: .02em;
}

/* ===== الهيدر ===== */
.sada-header {
	background: var(--sada-cream);
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--sada-border);
}
.sada-header__inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 14px 32px;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 16px;
}
.sada-header__start {
	display: flex;
	align-items: center;
	gap: 26px;
	justify-content: flex-start;
}
.sada-header__center {
	display: flex;
	justify-content: center;
}
.sada-header__end {
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: flex-end;
	color: var(--sada-wine);
}
.sada-header__end > * {
	display: inline-flex;
	align-items: center;
	color: var(--sada-wine);
}

/* الشعار في الهيدر */
.sada-logo--header .sada-logo__a { font-size: 32px; }
.sada-logo--header .sada-logo__b { font-size: 34px; }

/* روابط التنقل (سطح المكتب) */
.sada-nav .sada-menu {
	list-style: none;
	display: flex;
	gap: 26px;
	margin: 0;
	padding: 0;
}
.sada-menu a {
	text-decoration: none;
	color: var(--sada-text-soft);
	font-size: 14px;
	transition: color .2s;
}
.sada-menu a:hover { color: var(--sada-wine); }

/* أزرار الأيقونات */
.sada-icon-btn,
.sada-burger,
.sada-search-toggle {
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer;
	color: var(--sada-wine);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}
.sada-burger { display: none; }

/* نموذج البحث المنسدل */
.sada-search {
	border-top: 1px solid var(--sada-border);
	background: var(--sada-cream);
}
.sada-search__inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 14px 32px;
}
.sada-search .search-form {
	display: flex;
	gap: 10px;
}
.sada-search input[type="search"] {
	flex: 1;
	border: 1px solid var(--sada-border);
	background: var(--sada-cream-card);
	border-radius: var(--sada-radius-pill);
	padding: 12px 20px;
	font-family: var(--sada-font-body);
	font-size: 14px;
	color: var(--sada-text);
}
.sada-search .search-submit {
	background: var(--sada-wine);
	color: var(--sada-cream-light);
	border: none;
	border-radius: var(--sada-radius-pill);
	padding: 12px 26px;
	cursor: pointer;
	font-family: var(--sada-font-body);
	font-size: 14px;
}

/* قائمة الجوال */
.sada-mobile-nav {
	border-top: 1px solid var(--sada-border);
	background: var(--sada-cream);
	padding: 8px 32px 16px;
}
.sada-mobile-nav .sada-menu {
	flex-direction: column;
	gap: 0;
}
.sada-mobile-nav .sada-menu a {
	display: block;
	padding: 13px 0;
	border-bottom: 1px solid var(--sada-border);
	font-size: 16px;
	color: var(--sada-wine);
}

/* ===== محتوى الصفحات الداخلية ===== */
.sada-page-title {
	font-family: var(--sada-font-head);
	color: var(--sada-wine);
	font-size: 34px;
	font-weight: 400;
	margin: 0 0 24px;
}
.sada-entry__content p { line-height: 2; color: var(--sada-text-soft); }
.sada-card-post {
	padding: 22px 0;
	border-bottom: 1px solid var(--sada-border);
}
.sada-card-post__title { margin: 0 0 8px; }
.sada-card-post__title a { color: var(--sada-wine); text-decoration: none; }
.sada-404 { text-align: center; }
.sada-404 .sada-btn { margin-top: 12px; }

/* ===== الفوتر ===== */
.sada-footer {
	background: var(--sada-wine-darkest);
	color: var(--sada-rose-light);
}
.sada-footer__grid {
	max-width: 1240px;
	margin: 0 auto;
	padding: 56px 32px;
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 32px;
}
.sada-footer__brand .sada-logo {
	color: var(--sada-cream-light);
	margin-bottom: 14px;
}
.sada-footer__brand .sada-logo__a { font-size: 28px; }
.sada-footer__brand .sada-logo__b { font-size: 30px; }
.sada-footer__tag {
	font-size: 13px;
	line-height: 1.9;
	max-width: 260px;
}
.sada-footer__head {
	color: var(--sada-cream-light);
	font-size: 14px;
	font-weight: 500;
	font-family: var(--sada-font-body);
	margin: 0 0 14px;
}
.sada-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.sada-footer__links a {
	color: var(--sada-rose-light);
	text-decoration: none;
	font-size: 13px;
}
.sada-footer__links a:hover { color: var(--sada-cream-light); }
.sada-footer__bottom {
	border-top: 1px solid #55172A;
	padding: 20px 32px;
	text-align: center;
	font-family: var(--sada-font-label);
	font-size: 11px;
	letter-spacing: .15em;
	color: var(--sada-terracotta);
}
.sada-footer__policy {
	color: var(--sada-rose-light);
	text-decoration: none;
}
.sada-footer__policy:hover { color: var(--sada-cream-light); }
.sada-footer__sep { margin: 0 8px; opacity: .6; }

/* ===== ضبط الألوان العامة (منطقة المحتوى فقط) ===== */
.sada-content a { color: var(--sada-wine); }
.sada-content a:hover { color: var(--sada-wine-deep); }
.sada-content .wp-block-button__link,
.sada-content .wp-element-button,
.sada-content input[type="submit"],
.sada-content input[type="button"] {
	background-color: var(--sada-wine) !important;
	border-color: var(--sada-wine) !important;
	color: var(--sada-cream-light) !important;
	border-radius: var(--sada-radius-pill);
}

/* استثناء أزرار سَدى من تلوين الروابط العام (نصّها لا يختفي) */
.sada-content a.sada-btn,
.sada-content a.sada-btn:hover,
.sada-content a.sada-btn:focus {
	color: var(--sada-cream-light);
}
.sada-content a.sada-btn-outline,
.sada-content a.sada-btn-outline:focus {
	color: var(--sada-wine);
}
.sada-content a.sada-btn-outline:hover {
	color: var(--sada-cream-light);
}

/* الشعار يبقى خمريًا حتى عند مرور المؤشر (لا يتحوّل أزرق) */
.sada-logo,
.sada-logo:hover,
.sada-logo:focus {
	color: var(--sada-wine);
}
.sada-footer__brand .sada-logo,
.sada-footer__brand .sada-logo:hover,
.sada-footer__brand .sada-logo:focus {
	color: var(--sada-cream-light);
}

/* متغيّرات ألوان SureCart لتوحيد الأزرار/الدفع مع الهوية
   (قد نضبط الأسماء بعد المعاينة إن لزم) */
:root {
	--sc-color-primary-400: #6E1E2C;
	--sc-color-primary-500: #561826;
	--sc-color-primary-600: #491620;
	--sc-color-primary-700: #3A1016;
	--sc-color-brand: #561826;
}

/* ===== بطاقات المنتجات (الرئيسية + التسوّق) ===== */
.sada-products__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.sada-product {
	display: block;
	text-decoration: none;
	background: var(--sada-cream-card);
	border: 1px solid var(--sada-border-card);
	border-radius: var(--sada-radius-md);
	overflow: hidden;
	box-shadow: var(--sada-shadow-card);
	transition: transform .25s, box-shadow .25s;
}
.sada-product:hover { transform: translateY(-6px); box-shadow: var(--sada-shadow-lift); }
.sada-product__media {
	position: relative;
	aspect-ratio: 1;
	background: var(--sada-weave);
	background-image: repeating-linear-gradient(45deg, var(--sada-weave) 0, var(--sada-weave) 12px, var(--sada-weave-2) 12px, var(--sada-weave-2) 24px);
}
.sada-product__badge {
	position: absolute;
	top: 12px;
	inset-inline-end: 12px;
	background: var(--sada-wine);
	color: var(--sada-cream-light);
	font-size: 10px;
	padding: 5px 11px;
	border-radius: 100px;
}
.sada-product__body { padding: 16px; }
.sada-product__name {
	font-family: var(--sada-font-head);
	font-size: 19px;
	color: var(--sada-wine-darkest);
	font-weight: 400;
	margin: 0;
	line-height: 1.5;
}
.sada-product__row { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; gap: 10px; }
.sada-product__price { font-family: var(--sada-font-label); font-size: 17px; color: var(--sada-wine); white-space: nowrap; }
.sada-product__cur { font-size: 11px; }
.sada-product__add {
	background: var(--sada-wine);
	color: var(--sada-cream-light);
	border-radius: 100px;
	width: 38px;
	height: 38px;
	font-size: 22px;
	line-height: 38px;
	text-align: center;
	flex: 0 0 auto;
}

/* ===== التجاوب ===== */
@media (max-width: 1023px) {
	.sada-nav { display: none; }
	.sada-burger { display: inline-flex; }
	.sada-header__start { gap: 12px; }
	.sada-footer__grid { grid-template-columns: 1fr 1fr; }
	.sada-products__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.sada-header__inner { padding: 12px 18px; }
	.sada-container { padding-inline: 20px; }
	.sada-page { padding-block: 40px; }
	.sada-footer__grid { grid-template-columns: 1fr; gap: 28px; }
	.sada-page-title { font-size: 28px; }
}