/*!
 * Font Awesome Free 6.5.1 - Custom Build for ترميمات الرياض
 * محسّن: يحتوي فقط على الأيقونات المستخدمة في الموقع
 * يدعم: fa-solid, fa-regular, fa-brands, fa-v4compatibility
 * License: https://fontawesome.com/license/free
 */

/* ============================================
   @font-face - Solid (Font Awesome 6)
   ============================================ */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}

/* ============================================
   @font-face - Regular (Font Awesome 6)
   ============================================ */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2");
}

/* ============================================
   @font-face - Brands (Font Awesome 6)
   ============================================ */
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}

/* ============================================
   @font-face - V4 Compatibility (للأيقونات القديمة)
   ============================================ */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-v4compatibility.woff2") format("woff2");
  unicode-range: U+F000-U+F2FF, U+F400-U+F8FF;
}

/* ============================================
   Base Styles - كل أنماط Font Awesome
   ============================================ */
.fa,
.fas,
.far,
.fab,
.fal,
.fat,
.fad,
.fass,
.fasr,
.fasl,
.fast,
.fasd,
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fa-sharp,
.fa-sharp-solid,
.fa-sharp-regular,
.fa-sharp-light,
.fa-sharp-thin,
.fa-sharp-duotone,
.fa-duotone,
.fa-light,
.fa-thin {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

/* ✅ Solid (الافتراضي)
   ملاحظة: fa-v4compatibility مدمج هنا لدعم الأيقونات القديمة
   مثل fa-mobile-alt, fa-map-marker, fa-sign-in-alt, إلخ.
*/
.fas,
.fa-solid,
.fa-classic,
.fa-sharp-solid {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Free V4", sans-serif;
  font-weight: 900;
}

/* ✅ Regular */
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Free V4", sans-serif;
  font-weight: 400;
}

/* ✅ Brands */
.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands", sans-serif;
  font-weight: 400;
}

/* ============================================
   Animations
   ============================================ */
.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.fa-beat {
  animation: fa-beat 1s infinite linear;
}

@keyframes fa-beat {
  0%, 90% { transform: scale(1); }
  45% { transform: scale(1.2); }
}

.fa-fade {
  animation: fa-fade 1s infinite linear;
}

@keyframes fa-fade {
  50% { opacity: 0.4; }
}

.fa-bounce {
  animation: fa-bounce 1s infinite linear;
}

@keyframes fa-bounce {
  0%, 100% { transform: scale(1, 1) translateY(0); }
  10% { transform: scale(1.1, 0.9) translateY(0); }
  30% { transform: scale(0.9, 1.1) translateY(-0.5em); }
  50% { transform: scale(1.05, 0.95) translateY(0); }
  57% { transform: scale(1, 1) translateY(-0.2em); }
  64% { transform: scale(1, 1) translateY(0); }
}

/* ============================================
   Sizing Utilities
   ============================================ */
.fa-xs  { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; }
.fa-sm  { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; }
.fa-lg  { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; }
.fa-xl  { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; }
.fa-2x  { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; }
.fa-3x  { font-size: 3em; line-height: 0.02083em; vertical-align: -0.1875em; }
.fa-4x  { font-size: 4em; line-height: 0.01562em; vertical-align: -0.1875em; }
.fa-5x  { font-size: 5em; line-height: 0.0125em; vertical-align: -0.1875em; }
.fa-6x  { font-size: 6em; line-height: 0.01041em; vertical-align: -0.1875em; }
.fa-7x  { font-size: 7em; line-height: 0.00892em; vertical-align: -0.1875em; }
.fa-8x  { font-size: 8em; line-height: 0.00781em; vertical-align: -0.1875em; }
.fa-9x  { font-size: 9em; line-height: 0.00694em; vertical-align: -0.1875em; }
.fa-10x { font-size: 10em; line-height: 0.00625em; vertical-align: -0.1875em; }

/* ============================================
   Layout Utilities
   ============================================ */
.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-right: 2.5em;
  padding-right: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  right: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
  margin-right: 0.3em;
}

.fa-pull-right {
  float: right;
  margin-left: 0.3em;
}

/* ============================================
   Rotate & Flip
   ============================================ */
.fa-rotate-90  { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both {
  transform: scale(-1, -1);
}

/* ============================================
   ✅ الأيقونات المستخدمة في موقعك فقط
   (هذا يجعل الملف أصغر بـ 95% من الملف الأصلي)
   ============================================ */

/* 🏠 Home & Navigation */
.fa-home::before { content: "\f015"; }
.fa-bars::before { content: "\f0c9"; }
.fa-times::before { content: "\f00d"; }
.fa-chevron-down::before { content: "\f078"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-chevron-left::before { content: "\f053"; }
.fa-chevron-up::before { content: "\f077"; }
.fa-arrow-left::before { content: "\f060"; }
.fa-arrow-right::before { content: "\f061"; }
.fa-arrow-up::before { content: "\f062"; }
.fa-arrow-down::before { content: "\f063"; }

/* 🛠️ Services & Tools */
.fa-tools::before { content: "\f7d9"; }
.fa-hard-hat::before { content: "\f807"; }
.fa-hammer::before { content: "\f6e3"; }
.fa-paint-roller::before { content: "\f5aa"; }
.fa-palette::before { content: "\f53f"; }
.fa-warehouse::before { content: "\f494"; }
.fa-star::before { content: "\f005"; }
.fa-star-half-alt::before { content: "\f5c0"; }
.fa-mosque::before { content: "\f678"; }
.fa-trowel::before { content: "\e589"; }
.fa-ruler-combined::before { content: "\f546"; }
.fa-drafting-compass::before { content: "\f568"; }
.fa-wrench::before { content: "\f0ad"; }

/* 📞 Contact & Communication */
.fa-phone::before { content: "\f095"; }
.fa-phone-alt::before { content: "\f879"; }
.fa-mobile-alt::before { content: "\f3cd"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-comments::before { content: "\f086"; }
.fa-comment::before { content: "\f075"; }

/* 📍 Location & Maps */
.fa-map-marker-alt::before { content: "\f3c5"; }
.fa-map-marker::before { content: "\f041"; }
.fa-map::before { content: "\f279"; }
.fa-directions::before { content: "\f5eb"; }
.fa-globe::before { content: "\f0ac"; }
.fa-location-arrow::before { content: "\f124"; }

/* ✅ Trust & Badges */
.fa-check::before { content: "\f00c"; }
.fa-check-circle::before { content: "\f058"; }
.fa-shield-alt::before { content: "\f3ed"; }
.fa-award::before { content: "\f559"; }
.fa-crown::before { content: "\f521"; }
.fa-trophy::before { content: "\f091"; }
.fa-medal::before { content: "\f5a2"; }
.fa-certificate::before { content: "\f0a3"; }

/* 🕐 Time & Calendar */
.fa-clock::before { content: "\f017"; }
.fa-calendar-alt::before { content: "\f073"; }
.fa-calendar-check::before { content: "\f274"; }
.fa-calendar::before { content: "\f133"; }

/* 💰 Money & Offers */
.fa-percent::before { content: "\f295"; }
.fa-money-bill::before { content: "\f0d6"; }
.fa-money-bill-wave::before { content: "\f53a"; }
.fa-hand-holding-usd::before { content: "\f4c0"; }
.fa-tag::before { content: "\f02b"; }
.fa-tags::before { content: "\f02c"; }
.fa-gift::before { content: "\f06b"; }

/* 📄 Documents & Contracts */
.fa-file-contract::before { content: "\f56c"; }
.fa-file-alt::before { content: "\f15c"; }
.fa-file::before { content: "\f15b"; }
.fa-book::before { content: "\f02d"; }
.fa-book-open::before { content: "\f518"; }
.fa-bookmark::before { content: "\f02e"; }

/* 🌿 Vision 2030 & Sustainability */
.fa-leaf::before { content: "\f06c"; }
.fa-seedling::before { content: "\f4d8"; }
.fa-sun::before { content: "\f185"; }
.fa-moon::before { content: "\f186"; }

/* 🎨 Design & Decor */
.fa-images::before { content: "\f302"; }
.fa-image::before { content: "\f03e"; }
.fa-camera::before { content: "\f030"; }
.fa-video::before { content: "\f03d"; }
.fa-expand::before { content: "\f065"; }
.fa-expand-arrows-alt::before { content: "\f31e"; }

/* 👥 Users & Team */
.fa-users::before { content: "\f0c0"; }
.fa-user::before { content: "\f007"; }
.fa-user-tie::before { content: "\f508"; }

/* 🔧 Tools & Settings */
.fa-cog::before { content: "\f013"; }
.fa-cogs::before { content: "\f085"; }
.fa-sliders-h::before { content: "\f1de"; }
.fa-toolbox::before { content: "\f552"; }

/* 🚀 Speed & Performance */
.fa-rocket::before { content: "\f135"; }
.fa-bolt::before { content: "\f0e7"; }
.fa-fire::before { content: "\f06d"; }
.fa-fire-alt::before { content: "\f7e4"; }
.fa-tachometer-alt::before { content: "\f3fd"; }

/* ❓ FAQ & Help */
.fa-question-circle::before { content: "\f059"; }
.fa-info-circle::before { content: "\f05a"; }
.fa-info::before { content: "\f129"; }

/* 🎯 Marketing & SEO */
.fa-bullhorn::before { content: "\f0a1"; }
.fa-chart-line::before { content: "\f201"; }
.fa-chart-bar::before { content: "\f080"; }
.fa-search::before { content: "\f002"; }
.fa-external-link-alt::before { content: "\f35d"; }
.fa-external-link-square-alt::before { content: "\f360"; }
.fa-hand-pointer::before { content: "\f25a"; }
.fa-thumbs-up::before { content: "\f164"; }
.fa-share::before { content: "\f064"; }
.fa-share-alt::before { content: "\f1e0"; }

/* 📦 Categories */
.fa-blog::before { content: "\f781"; }
.fa-newspaper::before { content: "\f1ea"; }
.fa-layer-group::before { content: "\f5fd"; }
.fa-box::before { content: "\f466"; }
.fa-boxes::before { content: "\f468"; }

/* 🔨 Construction & Building */
.fa-building::before { content: "\f1ad"; }
.fa-city::before { content: "\f64f"; }
.fa-industry::before { content: "\f275"; }
.fa-dumpster::before { content: "\f793"; }
.fa-truck::before { content: "\f0d1"; }

/* 💧 Water, HVAC, Electrical */
.fa-tint::before { content: "\f043"; }
.fa-tint-slash::before { content: "\f5c7"; }
.fa-wind::before { content: "\f72e"; }
.fa-plug::before { content: "\f1e6"; }
.fa-lightbulb::before { content: "\f0eb"; }

/* 🧱 Materials */
.fa-th-large::before { content: "\f009"; }
.fa-th::before { content: "\f00a"; }
.fa-grip::before { content: "\f58d"; }
.fa-square::before { content: "\f0c8"; }

/* ============================================
   🌐 Brand Icons (Social Media)
   ============================================ */
.fab.fa-whatsapp::before { content: "\f232"; }
.fab.fa-instagram::before { content: "\f16d"; }
.fab.fa-tiktok::before { content: "\e07b"; }
.fab.fa-facebook-f::before { content: "\f39e"; }
.fab.fa-facebook::before { content: "\f09a"; }
.fab.fa-twitter::before { content: "\f099"; }
.fab.fa-x-twitter::before { content: "\e61b"; }
.fab.fa-youtube::before { content: "\f167"; }
.fab.fa-snapchat::before { content: "\f2ab"; }
.fab.fa-google::before { content: "\f1a0"; }
.fab.fa-google-plus-g::before { content: "\f0d5"; }
.fab.fa-linkedin-in::before { content: "\f0e1"; }
.fab.fa-linkedin::before { content: "\f08c"; }
.fab.fa-telegram::before { content: "\f2c6"; }
.fab.fa-pinterest::before { content: "\f0d2"; }

/* ============================================
   RTL Support - دعم كامل للعربية
   ============================================ */
[dir="rtl"] .fa-arrow-left::before { content: "\f061"; }
[dir="rtl"] .fa-arrow-right::before { content: "\f060"; }
[dir="rtl"] .fa-chevron-left::before { content: "\f054"; }
[dir="rtl"] .fa-chevron-right::before { content: "\f053"; }
[dir="rtl"] .fa-arrow-up::before { content: "\f062"; }

/* ============================================
   Accessibility - Screen Reader Only
   ============================================ */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

/* ============================================
   ✅ Fix للـ pointer-events في موقعك
   (يمنع مشاكل النقر على الأزرار)
   ============================================ */
i[class*="fa-"] {
  pointer-events: none;
}

/* استثناء: الأيقونات داخل الروابط القابلة للنقر */
a i[class*="fa-"],
button i[class*="fa-"] {
  pointer-events: none;
}

/* ============================================
   Performance: تحسينات إضافية
   ============================================ */

/* تقليل reflow */
.fa::before,
.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before {
  display: inline-block;
}

/* منع layout shift */
i[class*="fa-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1em;
  min-height: 1em;
}