/*
 * AlMurakib Living Cost — Safe Performance layer v20.9.99
 * ملاحظة: هذا الملف لا يغيّر table-layout ولا أعرض الأعمدة حتى لا تنضغط جداول الأسعار.
 */

/* تأجيل رسم الأقسام السفلية فقط، بدون لمس قسم الجداول نفسه. */
@supports (content-visibility: auto) {
  .alc-wrapper.alc-city-page #city-indices,
  .alc-wrapper.alc-city-page #related-links,
  .alc-wrapper.alc-city-page #faq,
  .alc-wrapper.alc-city-page .alc-city-seo-brief,
  .alc-wrapper .alc-city-page #city-indices,
  .alc-wrapper .alc-city-page #related-links,
  .alc-wrapper .alc-city-page #faq,
  .alc-wrapper .alc-city-page .alc-city-seo-brief,
  .alc-wrapper.alc-country-page .alc-section,
  .alc-wrapper.alc-country-page-v2 .alc-section,
  .alc-wrapper.alc-compare-page .alc-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 420px;
  }

  .alc-wrapper.alc-city-page #faq,
  .alc-wrapper .alc-city-page #faq {
    contain-intrinsic-size: auto 320px;
  }
}

/* الجداول: نحافظ على min-width الأصلي والتمرير الأفقي الطبيعي. */
.alc-wrapper.alc-city-page .alc-table-wrap,
.alc-wrapper .alc-city-page .alc-table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

.alc-wrapper.alc-city-page .alc-table,
.alc-wrapper .alc-city-page .alc-table {
  table-layout: auto !important;
  width: 100% !important;
  min-width: 680px !important;
}

.alc-wrapper.alc-city-page .alc-table th,
.alc-wrapper.alc-city-page .alc-table td,
.alc-wrapper .alc-city-page .alc-table th,
.alc-wrapper .alc-city-page .alc-table td {
  white-space: normal;
}

/* تقليل كلفة hover في الصفحات الطويلة بدون قتل التصميم. */
.alc-wrapper.alc-city-page .alc-card,
.alc-wrapper.alc-city-page .alc-prices-section,
.alc-wrapper.alc-city-page .alc-index-card,
.alc-wrapper.alc-city-page .alc-city-cost-panel,
.alc-wrapper .alc-city-page .alc-card,
.alc-wrapper .alc-city-page .alc-prices-section,
.alc-wrapper .alc-city-page .alc-index-card,
.alc-wrapper .alc-city-page .alc-city-cost-panel {
  transition-property: border-color, background-color, color, box-shadow !important;
  transition-duration: .12s !important;
}

.alc-wrapper.alc-city-page .alc-card:hover,
.alc-wrapper.alc-city-page .alc-prices-section:hover,
.alc-wrapper.alc-city-page .alc-index-card:hover,
.alc-wrapper .alc-city-page .alc-card:hover,
.alc-wrapper .alc-city-page .alc-prices-section:hover,
.alc-wrapper .alc-city-page .alc-index-card:hover {
  transform: none !important;
}

/* الموبايل: الظلال الثقيلة تؤثر على السكرول أكثر من الديسكتوب. */
@media (max-width: 768px) {
  .alc-wrapper.alc-city-page .alc-card,
  .alc-wrapper.alc-city-page .alc-prices-section,
  .alc-wrapper.alc-city-page .alc-city-hero,
  .alc-wrapper .alc-city-page .alc-card,
  .alc-wrapper .alc-city-page .alc-prices-section,
  .alc-wrapper .alc-city-page .alc-city-hero {
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .alc-wrapper.alc-city-page *,
  .alc-wrapper .alc-city-page * {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* خلاصة تحريرية خفيفة لصفحات المدن المهمة. */
.alc-wrapper.alc-city-page .alc-city-seo-brief,
.alc-wrapper .alc-city-page .alc-city-seo-brief {
  background: linear-gradient(180deg, #fff, #f8fafc) !important;
}

.alc-wrapper.alc-city-page .alc-city-seo-brief__grid,
.alc-wrapper .alc-city-page .alc-city-seo-brief__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.alc-wrapper.alc-city-page .alc-city-seo-brief__grid article,
.alc-wrapper .alc-city-page .alc-city-seo-brief__grid article {
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 18px;
  background: #fff;
  padding: 16px;
}

.alc-wrapper.alc-city-page .alc-city-seo-brief__grid strong,
.alc-wrapper .alc-city-page .alc-city-seo-brief__grid strong {
  display: block;
  margin-bottom: 8px;
  color: #0f172a;
  font-weight: 900;
}

.alc-wrapper.alc-city-page .alc-city-seo-brief__grid p,
.alc-wrapper .alc-city-page .alc-city-seo-brief__grid p {
  margin: 0;
  color: #475569;
  line-height: 1.9;
}

@media (max-width: 820px) {
  .alc-wrapper.alc-city-page .alc-city-seo-brief__grid,
  .alc-wrapper .alc-city-page .alc-city-seo-brief__grid {
    grid-template-columns: 1fr;
  }
}