/* مولَّد تلقائياً من tools/gen-ltr-css.js — لا تعدّله يدوياً */

/* css/style.css */
[dir="ltr"] .btn { clip-path: polygon(calc(100% - 14px) 0, 0 0, 0 100%, 100% 100%, 100% 14px); }
[dir="ltr"] .project-media { clip-path: polygon(calc(100% - var(--chamfer)) 0, 0 0, 0 100%, 100% 100%, 100% var(--chamfer)); }
[dir="ltr"] .proj-card { clip-path: polygon(calc(100% - 16px) 0, 0 0, 0 100%, 100% 100%, 100% 16px); }
[dir="ltr"] .proj-card:not(.no-img) .proj-status { clip-path: polygon(calc(100% - 7px) 0, 0 0, 0 100%, 100% 100%, 100% 7px); }
[dir="ltr"] .pcard-avail { clip-path: polygon(calc(100% - 6px) 0, 0 0, 0 100%, 100% 100%, 100% 6px); }
[dir="ltr"] .card { clip-path: polygon(calc(100% - var(--chamfer)) 0, 0 0, 0 100%, 100% 100%, 100% var(--chamfer)); }
[dir="ltr"] .card-type { clip-path: polygon(100% 0, 12px 0, 0 100%, 100% 100%); }
[dir="ltr"] .card-avail { clip-path: polygon(calc(100% - 7px) 0, 0 0, 0 100%, 100% 100%, 100% 7px); }
[dir="ltr"] .filters { clip-path: polygon(calc(100% - 14px) 0, 0 0, 0 100%, 100% 100%, 100% 14px); }
[dir="ltr"] .seg button { clip-path: polygon(calc(100% - 9px) 0, 0 0, 0 100%, 100% 100%, 100% 9px); }
[dir="ltr"] .filters select { clip-path: polygon(calc(100% - 9px) 0, 0 0, 0 100%, 100% 100%, 100% 9px); }
[dir="ltr"] .empty-state { clip-path: polygon(calc(100% - var(--chamfer)) 0, 0 0, 0 100%, 100% 100%, 100% var(--chamfer)); }
[dir="ltr"] .gallery-main { clip-path: polygon(calc(100% - var(--chamfer)) 0, 0 0, 0 100%, 100% 100%, 100% var(--chamfer)); }
[dir="ltr"] .gallery-thumbs button { clip-path: polygon(calc(100% - 10px) 0, 0 0, 0 100%, 100% 100%, 100% 10px); }
[dir="ltr"] .gallery-count { clip-path: polygon(calc(100% - 7px) 0, 0 0, 0 100%, 100% 100%, 100% 7px); }
[dir="ltr"] .gallery-zoom { clip-path: polygon(calc(100% - 9px) 0, 0 0, 0 100%, 100% 100%, 100% 9px); }
[dir="ltr"] .gallery-nav { clip-path: polygon(calc(100% - 9px) 0, 0 0, 0 100%, 100% 100%, 100% 9px); }
[dir="ltr"] .lb-stage img { clip-path: polygon(calc(100% - 14px) 0, 0 0, 0 100%, 100% 100%, 100% 14px); }
[dir="ltr"] .lb-close { clip-path: polygon(calc(100% - 10px) 0, 0 0, 0 100%, 100% 100%, 100% 10px); }
[dir="ltr"] .lb-nav { clip-path: polygon(calc(100% - 11px) 0, 0 0, 0 100%, 100% 100%, 100% 11px); }
[dir="ltr"] .contact-side { clip-path: polygon(calc(100% - var(--chamfer)) 0, 0 0, 0 100%, 100% 100%, 100% var(--chamfer)); }
@media (max-width: 700px) {
  [dir="ltr"] .mcta { clip-path: polygon(calc(100% - 9px) 0, 0 0, 0 100%, 100% 100%, 100% 9px); }
}
[dir="ltr"] .loc-access { clip-path: polygon(calc(100% - 16px) 0, 0 0, 0 100%, 100% 100%, 100% 16px); }
[dir="ltr"] .pcard { clip-path: polygon(calc(100% - var(--chamfer)) 0, 0 0, 0 100%, 100% 100%, 100% var(--chamfer)); }
[dir="ltr"] .status-badge { clip-path: polygon(100% 0, 12px 0, 0 100%, 100% 100%); }
[dir="ltr"] .ab-cell { clip-path: polygon(calc(100% - 8px) 0, 0 0, 0 100%, 100% 100%, 100% 8px); }
[dir="ltr"] .ab-cell.empty { clip-path: none; }
[dir="ltr"] .xcell { clip-path: polygon(calc(100% - 9px) 0, 0 0, 0 100%, 100% 100%, 100% 9px); }
[dir="ltr"] .xcell .xcell-face { clip-path: polygon(calc(100% - 4px) 0, 0 0, 0 100%, 100% 100%, 100% 4px); }
[dir="ltr"] .model-row { clip-path: polygon(calc(100% - 14px) 0, 0 0, 0 100%, 100% 100%, 100% 14px); }
[dir="ltr"] .mr-desc li::before { clip-path: polygon(calc(100% - 2px) 0, 0 0, 0 100%, 100% 100%, 100% 2px); }
[dir="ltr"] .mr-units li { clip-path: polygon(calc(100% - 6px) 0, 0 0, 0 100%, 100% 100%, 100% 6px); }
[dir="ltr"] .mr-face { clip-path: polygon(calc(100% - 5px) 0, 0 0, 0 100%, 100% 100%, 100% 5px); }
[dir="ltr"] .uf-row { clip-path: polygon(calc(100% - 12px) 0, 0 0, 0 100%, 100% 100%, 100% 12px); }
[dir="ltr"] .completed-note { clip-path: polygon(calc(100% - var(--chamfer)) 0, 0 0, 0 100%, 100% 100%, 100% var(--chamfer)); }
[dir="ltr"] .lp-hero { clip-path: polygon(100% 0, 0 0, 0 calc(100% - var(--chamfer)), var(--chamfer) 100%, 100% 100%); }
[dir="ltr"] .lp-badge { clip-path: polygon(calc(100% - 8px) 0, 0 0, 0 100%, 100% 100%, 100% 8px); }
[dir="ltr"] .lp-btn { clip-path: polygon(calc(100% - 11px) 0, 0 0, 0 100%, 100% 100%, 100% 11px); }
[dir="ltr"] .lp-fact { clip-path: polygon(calc(100% - 9px) 0, 0 0, 0 100%, 100% 100%, 100% 9px); }
[dir="ltr"] .lp-shot { clip-path: polygon(calc(100% - 9px) 0, 0 0, 0 100%, 100% 100%, 100% 9px); }
[dir="ltr"] .lp-form-sec { clip-path: polygon(calc(100% - var(--chamfer)) 0, 0 0, 0 100%, 100% 100%, 100% var(--chamfer)); }
[dir="ltr"] .lp-field input { clip-path: polygon(calc(100% - 9px) 0, 0 0, 0 100%, 100% 100%, 100% 9px); }
[dir="ltr"] .lp-submit { clip-path: polygon(calc(100% - 11px) 0, 0 0, 0 100%, 100% 100%, 100% 11px); }
[dir="ltr"] .lp-wa-inline { clip-path: polygon(calc(100% - 11px) 0, 0 0, 0 100%, 100% 100%, 100% 11px); }
[dir="ltr"] .lp-sbtn { clip-path: polygon(calc(100% - 10px) 0, 0 0, 0 100%, 100% 100%, 100% 10px); }
@media (min-width: 641px) {
  [dir="ltr"] .lp-hero { clip-path: polygon(100% 0, 0 0, 0 calc(100% - var(--chamfer)), var(--chamfer) 100%, 100% 100%); }
}
[dir="ltr"] .proj-act { clip-path: polygon(calc(100% - 10px) 0, 0 0, 0 100%, 100% 100%, 100% 10px); }
[dir="ltr"] .lp-offer { clip-path: polygon(calc(100% - 18px) 0, 0 0, 0 calc(100% - 18px), 18px 100%, 100% 100%, 100% 18px); }
[dir="ltr"] .mp-notes li::before { clip-path: polygon(calc(100% - 2px) 0, 0 0, 0 100%, 100% 100%, 100% 2px); }
[dir="ltr"] .mp-fig a { clip-path: polygon(calc(100% - 14px) 0, 0 0, 0 100%, 100% 100%, 100% 14px); }
[dir="ltr"] .lead-sec { clip-path: polygon(calc(100% - var(--chamfer)) 0, 0 0, 0 100%, 100% 100%, 100% var(--chamfer)); }
[dir="ltr"] .lead-field input { clip-path: polygon(calc(100% - 8px) 0, 0 0, 0 100%, 100% 100%, 100% 8px); }

/* css/brand.css */


/* تعديلات يدوية */
/* خط العناوين Hanimation يرسم الفاصلة «،» والنسبة «٪» والفاصلة المنقوطة بشكلها العربي، والشَّرطة منخفضة كأنها «_»،
   ويترك فراغاً واسعاً قبل النقطة وعلامتي الاستفهام والتعجب. في الإنجليزية «760،000» تُقرأ كسعر بكسور،
   فهذه المحارف فقط ( , ; % - . ? ! ) تأتي من IBM Plex بنفس الوزن. */
@font-face {
  font-family: 'Hanimation Latin';
  src: url('../assets/fonts/hanimation-regular.woff2') format('woff2');
  font-weight: 400; font-display: swap;
  unicode-range: U+0000-0020, U+0022-0024, U+0026-002B, U+002F-003A, U+003C-003E, U+0040-10FFFF;
}
@font-face {
  font-family: 'Hanimation Latin';
  src: url('../assets/fonts/hanimation-bold.woff2') format('woff2');
  font-weight: 700; font-display: swap;
  unicode-range: U+0000-0020, U+0022-0024, U+0026-002B, U+002F-003A, U+003C-003E, U+0040-10FFFF;
}
html[dir="ltr"] { --font-display: 'Hanimation Latin', 'IBM Plex Sans Arabic', sans-serif; }
/* أسهم «للخارج» تتحرك للأعلى يميناً عند المرور */
[dir="ltr"] .arrow-cta:hover svg { transform: translate(3px, -3px); }
[dir="ltr"] .proj-card:hover .pcard-go svg { transform: translate(4px, -4px); }
[dir="ltr"] .loc-access .btn:hover svg { transform: translate(2px, -2px); }
[dir="ltr"] .uf-row:hover .uf-go svg { transform: translate(2px, -2px); }

/* تعتيم البطل خلف النص: النص يبدأ يساراً */
[dir="ltr"] .hero::after {
  background:
    linear-gradient(to right, rgba(4, 19, 20, .74) 0%, rgba(4, 19, 20, .5) 32%, rgba(4, 19, 20, .14) 66%, transparent 100%),
    linear-gradient(180deg, rgba(6, 26, 28, .22) 0%, transparent 32%, transparent 64%, rgba(4, 19, 20, .5) 100%),
    linear-gradient(145deg, rgba(230, 160, 58, .10) 0%, transparent 42%);
}
[dir="ltr"] body:not(.old-look) .hero::after {
  background:
    linear-gradient(to right, rgba(6, 47, 49, .72) 0%, rgba(6, 47, 49, .5) 30%, rgba(6, 47, 49, .12) 56%, rgba(6, 47, 49, 0) 70%),
    linear-gradient(to top, rgba(9, 71, 73, .9) 0%, rgba(9, 71, 73, .35) 26%, rgba(9, 71, 73, 0) 48%),
    linear-gradient(to bottom, rgba(6, 47, 49, .5), rgba(6, 47, 49, 0) 18%);
}

/* مخطط 107 في شريط الخدمات يخرج من الطرف المقابل للنص */
[dir="ltr"] .services-band::before {
  left: auto; right: -6%;
  background-position: right center;
  -webkit-mask-image: linear-gradient(to left, #000 35%, transparent 100%);
  mask-image: linear-gradient(to left, #000 35%, transparent 100%);
}
@media (max-width: 700px) {
  [dir="ltr"] .services-band::before { left: auto; right: -30%; background-position: right top; }
}

/* سهم القائمة المنسدلة في نهاية الحقل */
[dir="ltr"] .filters select { background-position: right .8rem center; }

/* خط حدّ الزاوية المشطوفة في صفوف النماذج */
[dir="ltr"] .model-row::before { left: auto; right: 0; transform-origin: 100% 0; transform: rotate(45deg); }

/* صفحة النموذج: اسم المشروع سطر ثانٍ أصغر تحت عنوان النموذج */
[dir="ltr"] .mp-of { display: block; margin-top: .35rem; font-size: .5em; line-height: 1.3; color: var(--text-soft); }

/* عمود عناوين التصفية على الجوال: «Neighborhood» أطول من «الحي» */
@media (max-width: 640px) {
  [dir="ltr"] .filters .field { grid-template-columns: 7.2rem minmax(0, 1fr); }
}

/* زر واتساب العائم أسفل اليمين كما اعتاد قارئ الإنجليزية (لا يغطي بداية الأسطر) */
[dir="ltr"] .wa-float { inset-inline-start: auto; inset-inline-end: 1.4rem; }

[dir="ltr"] .hours td:last-child { text-align: right; }
[dir="ltr"] .lead-field input[dir="ltr"] { text-align: left; }
