/*
Theme Name: Hotel Apartments
Theme URI:
Author: QANDIL Digital
Description: ثيم مخصّص لموقع تأجير الشقق الفندقية — عربي RTL، Mobile-first، بستايل عصري (Monte). متوافق مع Elementor.
Version: 0.52.0
Text Domain: hotel-apartments
*/

/* ============================================================
 * نظام التصميم (Design Tokens) — مستوحى من Monte Real Estate
 * التفاصيل التصميمية الكاملة في assets/css/main.css
 * ============================================================ */

:root {
	--apbk-bg: #e9eaec;          /* خلفية الصفحة الرمادية */
	--apbk-surface: #ffffff;      /* الكروت البيضا */
	--apbk-surface-2: #f4f5f7;    /* إدراجات داخلية */
	--apbk-ink: #15171c;          /* الأسود شبه الكامل (نص + أزرار) */
	--apbk-ink-2: #353941;
	--apbk-muted: #646b75;        /* نص ثانوي — مُغمّق ليجتاز WCAG AA (≈4.9:1) */
	--apbk-line: #e6e7ec;         /* حدود خفيفة */
	--apbk-green: #2f8f56;        /* وسوم نمط الحياة */
	--apbk-green-ink: #1f7a45;    /* أخضر غامق للنصوص الصغيرة (يجتاز WCAG AA) */
	--apbk-green-bg: #e7f6ea;
	--apbk-wa: #25d366;

	--apbk-radius: 28px;          /* الكروت الكبيرة */
	--apbk-radius-md: 18px;
	--apbk-radius-sm: 12px;
	--apbk-pill: 999px;

	/* ظلال متعدّدة الطبقات — إحساس عمق راقٍ */
	--apbk-shadow-sm: 0 1px 2px rgba(17, 20, 28, .04), 0 4px 12px rgba(17, 20, 28, .05);
	--apbk-shadow: 0 8px 24px rgba(17, 20, 28, .07), 0 26px 56px rgba(17, 20, 28, .10);
	--apbk-shadow-lg: 0 14px 34px rgba(17, 20, 28, .10), 0 44px 88px rgba(17, 20, 28, .14);
	--apbk-gold: #e0a82e;         /* ذهبي راقٍ للنجوم/اللمسات الفاخرة */
	--apbk-maxw: 1240px;
}

* { box-sizing: border-box; }

html { direction: rtl; }

body {
	margin: 0;
	font-family: "Tajawal", "Cairo", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	background: var(--apbk-bg);
	color: var(--apbk-ink);
	line-height: 1.7;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}

/* أرقام/لاتيني لاتيني بخط Inter للإحساس العصري */
.apbk-num, .apbk-en { font-family: "Inter", "Tajawal", sans-serif; font-feature-settings: "tnum" 1; }

a { color: var(--apbk-ink); text-decoration: none; }

img { max-width: 100%; height: auto; display: block; }

h1, h2, h3 { line-height: 1.18; margin: 0 0 .4em; font-weight: 700; letter-spacing: -.01em; }
h1 { font-size: clamp(2rem, 5vw, 3.4rem); }

/* تسمية قسم صغيرة (DESCRIPTION / GALLERY / FEATURES)
 * ملاحظة: لا نستخدم letter-spacing مع العربي لأنه يكسر اتصال الحروف؛
 * نكتفي بالحجم والوزن واللون لإبراز السطر العلوي. */
.apbk-eyebrow {
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: .8rem;
	font-weight: 700;
	color: var(--apbk-green-ink);
	margin-bottom: .6em;
	display: block;
}