/* Rawasi Display Arabic — bundled for site + Filament (paths relative to this file in /css/) */
@font-face {
  font-family: 'Rawasi Display Arabic';
  src: url('../fonts/rawasi/RawasiDisplayArabic-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rawasi Display Arabic';
  src: url('../fonts/rawasi/RawasiDisplayArabic-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rawasi Display Arabic';
  src: url('../fonts/rawasi/RawasiDisplayArabic-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rawasi Display Arabic';
  src: url('../fonts/rawasi/RawasiDisplayArabic-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rawasi Display Arabic';
  src: url('../fonts/rawasi/RawasiDisplayArabic-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Filament panel (avoid * so icon fonts keep working) */
.fi-body {
  font-family: 'Rawasi Display Arabic', Tahoma, sans-serif;
}

/* ============================================================
   Rich-editor (Trix) image attachments rendered on the public site.
   Hide the auto "filename + filesize" caption and make images responsive.
   The .attachment__* classes are Trix-specific, so this is safe globally.
   ============================================================ */
.attachment__name,
.attachment__size {
  display: none !important;
}
figure.attachment,
figure[data-trix-attachment] {
  margin: 18px auto;
  text-align: center;
}
figure.attachment img,
figure[data-trix-attachment] img,
.article-text img,
.about-dynamic img,
.landmark-body img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.attachment__caption {
  margin-top: 6px;
  font-size: 14px;
  color: #8b7355;
}