/* =========================================================
   سَدى — تنسيقات صفحة الهبوط (الرئيسية)
   Sada — Landing (Front Page) Styles
   ========================================================= */

/* ---- عناصر مشتركة ---- */
.sada-media {
	position: relative;
	border-radius: var(--sada-radius-lg);
	overflow: hidden;
	background: var(--sada-weave);
	background-image: repeating-linear-gradient(45deg, var(--sada-weave) 0, var(--sada-weave) 16px, var(--sada-weave-2) 16px, var(--sada-weave-2) 32px);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 30px 60px -34px rgba(58, 16, 22, .5);
}
.sada-media--portrait { aspect-ratio: 4 / 5; }
.sada-media--landscape { aspect-ratio: 4 / 3; }
.sada-media__label {
	font-family: var(--sada-font-label);
	font-size: 13px;
	color: var(--sada-terracotta);
	background: var(--sada-cream-light);
	padding: 8px 16px;
	border-radius: 10px;
}

.sada-section-head { text-align: center; margin-bottom: 44px; }
.sada-section-head h2 {
	font-family: var(--sada-font-head);
	font-size: 40px;
	color: var(--sada-wine);
	font-weight: 400;
	margin-top: 8px;
}
.sada-section-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	text-align: start;
	margin-bottom: 40px;
}

.sada-link-underline {
	color: var(--sada-wine);
	font-size: 14px;
	border-bottom: 1px solid var(--sada-wine);
	padding-bottom: 2px;
	text-decoration: none;
	white-space: nowrap;
}

/* ---- HERO ---- */
.sada-hero {
	max-width: 1240px;
	margin: 0 auto;
	padding: 64px 32px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
}
.sada-hero .sada-script { font-size: 22px; margin-bottom: 14px; }
.sada-hero__title {
	font-family: var(--sada-font-head);
	font-size: 56px;
	line-height: 1.35;
	color: var(--sada-wine);
	font-weight: 400;
}
.sada-hero__lead {
	font-size: 16px;
	line-height: 2.1;
	color: var(--sada-text-soft);
	margin: 22px 0 32px;
	max-width: 440px;
}
.sada-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; }
.sada-hero__media { position: relative; }
.sada-hero__badge {
	position: absolute;
	bottom: -18px;
	inset-inline-end: -18px;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: var(--sada-wine);
	color: var(--sada-cream-light);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 14px 30px -10px rgba(58, 16, 22, .5);
	transform: rotate(-8deg);
}
.sada-hero__badge span:first-child {
	font-family: var(--sada-font-accent);
	font-style: italic;
	font-size: 13px;
	color: var(--sada-rose-light);
}
.sada-hero__badge span:last-child {
	font-family: var(--sada-font-head);
	font-size: 16px;
}

/* ---- TRUST STRIP ---- */
.sada-trust { background: var(--sada-wine); color: var(--sada-cream-light); }
.sada-trust__inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 26px 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-around;
	align-items: center;
}
.sada-trust__item { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.sada-trust__divider { width: 1px; height: 26px; background: #7A3141; }

/* ---- CATEGORIES ---- */
.sada-cats { max-width: 1240px; margin: 0 auto; padding: 72px 32px; }
.sada-cats__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.sada-cat-card {
	position: relative;
	border-radius: var(--sada-radius-lg);
	overflow: hidden;
	aspect-ratio: 3 / 2;
	background: var(--sada-weave);
	background-image: repeating-linear-gradient(45deg, var(--sada-weave) 0, var(--sada-weave) 14px, var(--sada-weave-2) 14px, var(--sada-weave-2) 28px);
	display: flex;
	align-items: flex-end;
	padding: 22px;
	text-decoration: none;
	transition: transform .25s;
}
.sada-cat-card:hover { transform: translateY(-4px); }
.sada-cat-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(58, 16, 22, .55), transparent 60%);
}
.sada-cat-card__name {
	position: relative;
	font-family: var(--sada-font-head);
	font-size: 26px;
	color: var(--sada-cream-light);
}
.sada-cat-card--all {
	background: var(--sada-wine);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 6px;
}
.sada-cat-card--all::before { display: none; }
.sada-cat-card--all .sada-cat-card__more { font-size: 13px; color: var(--sada-rose-light); }

/* ---- BEST SELLERS ---- */
.sada-bestsellers { background: var(--sada-cream-3); }
.sada-bestsellers__inner { max-width: 1240px; margin: 0 auto; padding: 72px 32px; }
/* توحيد ألوان قائمة منتجات SureCart مع الهوية */
.sada-products { --sc-color-primary-500: var(--sada-wine); }

/* إخفاء شريط الفلترة/الترتيب («تصفية») فوق قائمة المنتجات في صفحة الهبوط.
   نغطّي عدة أسماء محتملة لاختلافها بين إصدارات SureCart. */
.sada-products sc-product-filter,
.sada-products sc-product-list-filter,
.sada-products sc-product-search,
.sada-products sc-product-sort,
.sada-products sc-order-selector,
.sada-products .wp-block-surecart-product-filter,
.sada-products .wp-block-surecart-product-list-filter,
.sada-products .wp-block-surecart-product-search,
.sada-products .wp-block-surecart-product-list-sort,
.sada-products .sc-product-list__filter,
.sada-products .sc-product-list__toolbar,
.sada-products .sc-product-list-header {
	display: none !important;
}

/* ملاحظة: تنسيق بطاقات المنتج (.sada-product) انتقل إلى sada-components.css
   ليكون متاحًا في الرئيسية وصفحة التسوّق معًا. */

/* ---- STORY ---- */
.sada-story {
	max-width: 1240px;
	margin: 0 auto;
	padding: 80px 32px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
}
.sada-story__text h2 {
	font-family: var(--sada-font-head);
	font-size: 38px;
	color: var(--sada-wine);
	font-weight: 400;
	margin: 8px 0 20px;
}
.sada-story__text p { font-size: 16px; line-height: 2.1; color: var(--sada-text-soft); max-width: 460px; }
.sada-story__text .sada-link-underline { display: inline-block; margin-top: 26px; font-size: 15px; }

/* ---- TESTIMONIALS ---- */
.sada-reviews { background: var(--sada-wine); color: var(--sada-cream-light); }
.sada-reviews__inner { max-width: 1240px; margin: 0 auto; padding: 72px 32px; text-align: center; }
.sada-reviews__title {
	font-family: var(--sada-font-head);
	font-size: 38px;
	font-weight: 400;
	margin: 8px 0 44px;
	color: var(--sada-cream-light);
}
.sada-reviews__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.sada-review { background: var(--sada-wine-panel); border-radius: var(--sada-radius-md); padding: 28px; text-align: start; }
.sada-review__stars { color: var(--sada-rose); font-size: 15px; letter-spacing: 2px; margin-bottom: 12px; }
.sada-review p { font-size: 14px; line-height: 2; color: #F4E6DE; }
.sada-review cite { display: block; font-style: normal; font-size: 12px; color: var(--sada-rose-light); margin-top: 14px; }

/* ---- NEWSLETTER ---- */
.sada-newsletter { max-width: 1240px; margin: 0 auto; padding: 80px 32px; }
.sada-newsletter__card {
	background: var(--sada-cream-3);
	border: 1px solid #E0CDB2;
	border-radius: 26px;
	padding: 56px 40px;
	text-align: center;
}
.sada-newsletter__card > .sada-logo { margin-bottom: 14px; }
.sada-newsletter__card > .sada-logo .sada-logo__a { font-size: 28px; }
.sada-newsletter__card > .sada-logo .sada-logo__b { font-size: 30px; }
.sada-newsletter__card h2 {
	font-family: var(--sada-font-head);
	font-size: 34px;
	color: var(--sada-wine);
	font-weight: 400;
}
.sada-newsletter__lead { font-size: 15px; color: var(--sada-text-soft); margin: 12px 0 28px; line-height: 1.9; }
.sada-newsletter__form { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; max-width: 460px; margin: 0 auto; }
.sada-newsletter__form input[type="email"] {
	flex: 1;
	min-width: 220px;
	border: 1px solid #D8C4A8;
	background: var(--sada-cream-card);
	border-radius: var(--sada-radius-pill);
	padding: 14px 22px;
	font-family: var(--sada-font-body);
	font-size: 14px;
	color: var(--sada-text);
}
.sada-newsletter__form button {
	background: var(--sada-wine);
	color: var(--sada-cream-light);
	border: none;
	border-radius: var(--sada-radius-pill);
	padding: 14px 32px;
	font-family: var(--sada-font-body);
	font-size: 15px;
	cursor: pointer;
}
.sada-newsletter__done { margin-top: 16px; color: var(--sada-wine); font-size: 14px; }

/* ===================== التجاوب ===================== */
@media (max-width: 900px) {
	.sada-hero { grid-template-columns: 1fr; gap: 36px; }
	.sada-hero__media { max-width: 420px; }
	.sada-hero__title { font-size: 42px; }
	.sada-cats__grid { grid-template-columns: repeat(2, 1fr); }
	.sada-story { grid-template-columns: 1fr; gap: 32px; }
	.sada-reviews__grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.sada-hero,
	.sada-cats,
	.sada-story,
	.sada-newsletter { padding-inline: 20px; }
	.sada-bestsellers__inner,
	.sada-reviews__inner,
	.sada-trust__inner { padding-inline: 20px; }
	.sada-hero__title { font-size: 34px; }
	.sada-section-head h2 { font-size: 28px; }
	.sada-cats__grid { grid-template-columns: 1fr 1fr; gap: 12px; }
	.sada-cat-card__name { font-size: 18px; }
	.sada-newsletter__card { padding: 40px 24px; }
}