/**
 * Naama Inn — rich CMS content styles
 * Headings + bold = brand green only
 * Body text = #444 / muted #666
 */
:root {
  --ni-brand: #2d5a47;
  --ni-brand-deep: #234836;
  --ni-content-text: #444;
  --ni-content-muted: #666;
}

/* --------------------------------------------------------------------------
   Rich content surfaces (CKEditor / CMS HTML)
-------------------------------------------------------------------------- */
.ni-article-show__body,
.ni-room-show__body,
.about-content,
.single-content,
.description,
.cs_post_info,
.ni-rich-content {
  color: var(--ni-content-text);
  font-size: var(--ni-body, 1rem);
  line-height: 1.75;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.ni-article-show__body > *:first-child,
.ni-room-show__body > *:first-child,
.about-content > *:first-child,
.single-content > *:first-child,
.description > *:first-child,
.ni-rich-content > *:first-child {
  margin-top: 0;
}

.ni-article-show__body > *:last-child,
.ni-room-show__body > *:last-child,
.about-content > *:last-child,
.single-content > *:last-child,
.description > *:last-child,
.ni-rich-content > *:last-child {
  margin-bottom: 0;
}

/* Headings — green only (h1–h6) */
.ni-article-show__body h1,
.ni-room-show__body h1,
.about-content h1,
.single-content h1,
.description h1,
.ni-rich-content h1,
.ni-article-show__body h2,
.ni-room-show__body h2,
.about-content h2,
.single-content h2,
.description h2,
.ni-rich-content h2,
.ni-article-show__body h3,
.ni-room-show__body h3,
.about-content h3,
.single-content h3,
.description h3,
.ni-rich-content h3,
.ni-article-show__body h4,
.ni-room-show__body h4,
.about-content h4,
.single-content h4,
.description h4,
.ni-rich-content h4,
.ni-article-show__body h5,
.ni-room-show__body h5,
.about-content h5,
.single-content h5,
.description h5,
.ni-rich-content h5,
.ni-article-show__body h6,
.ni-room-show__body h6,
.about-content h6,
.single-content h6,
.description h6,
.ni-rich-content h6 {
  color: var(--ni-brand);
  font-family: var(--primary-font, inherit);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.01em;
  margin: 1.25em 0 0.5em;
  max-width: 100%;
}

.ni-article-show__body h1,
.ni-room-show__body h1,
.about-content h1,
.single-content h1,
.description h1,
.ni-rich-content h1 {
  font-size: clamp(1.35rem, 1.15rem + 0.85vw, 1.85rem);
  border-bottom: 2px solid rgba(45, 90, 71, 0.18);
  padding-bottom: 0.35em;
  line-height: 1.3;
  margin: 1.35em 0 0.55em;
}

.ni-article-show__body h2,
.ni-room-show__body h2,
.about-content h2,
.single-content h2,
.description h2,
.ni-rich-content h2 {
  font-size: clamp(1.2rem, 1.05rem + 0.55vw, 1.55rem);
  line-height: 1.3;
  margin: 1.35em 0 0.55em;
}

.ni-article-show__body h3,
.ni-room-show__body h3,
.about-content h3,
.single-content h3,
.description h3,
.ni-rich-content h3 {
  font-size: clamp(1.1rem, 1rem + 0.35vw, 1.35rem);
}

.ni-article-show__body h4,
.ni-room-show__body h4,
.about-content h4,
.single-content h4,
.description h4,
.ni-rich-content h4 {
  font-size: clamp(1.05rem, 0.98rem + 0.25vw, 1.2rem);
}

.ni-article-show__body h5,
.ni-room-show__body h5,
.about-content h5,
.single-content h5,
.description h5,
.ni-rich-content h5 {
  font-size: clamp(1rem, 0.96rem + 0.15vw, 1.1rem);
  font-family: var(--secondary-font, inherit);
}

.ni-article-show__body h6,
.ni-room-show__body h6,
.about-content h6,
.single-content h6,
.description h6,
.ni-rich-content h6 {
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-family: var(--secondary-font, inherit);
}

.ni-article-show__body p,
.ni-room-show__body p,
.about-content p,
.single-content p,
.description p,
.ni-rich-content p {
  margin: 0 0 1em;
  color: var(--ni-content-text);
}

.ni-article-show__body ul,
.ni-room-show__body ul,
.about-content ul,
.single-content ul,
.description ul,
.ni-rich-content ul,
.ni-article-show__body ol,
.ni-room-show__body ol,
.about-content ol,
.single-content ol,
.description ol,
.ni-rich-content ol {
  margin: 0 0 1.15em;
  padding-inline-start: 1.35rem;
  color: var(--ni-content-text);
}

.ni-article-show__body li,
.ni-room-show__body li,
.about-content li,
.single-content li,
.description li,
.ni-rich-content li {
  margin-bottom: 0.4em;
  line-height: 1.65;
  color: var(--ni-content-text);
}

.ni-article-show__body li::marker,
.ni-room-show__body li::marker,
.about-content li::marker,
.single-content li::marker,
.description li::marker,
.ni-rich-content li::marker {
  color: var(--ni-brand);
}

.ni-article-show__body a,
.ni-room-show__body a,
.about-content a,
.single-content a,
.description a,
.ni-rich-content a {
  color: var(--ni-brand);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.ni-article-show__body a:hover,
.ni-room-show__body a:hover,
.about-content a:hover,
.single-content a:hover,
.description a:hover,
.ni-rich-content a:hover {
  color: var(--ni-brand-deep);
}

/* Bold — green only */
.ni-article-show__body strong,
.ni-room-show__body strong,
.about-content strong,
.single-content strong,
.description strong,
.ni-rich-content strong,
.ni-article-show__body b,
.ni-room-show__body b,
.about-content b,
.single-content b,
.description b,
.ni-rich-content b {
  color: var(--ni-brand);
  font-weight: 700;
}

.ni-article-show__body blockquote,
.ni-room-show__body blockquote,
.about-content blockquote,
.single-content blockquote,
.description blockquote,
.ni-rich-content blockquote {
  margin: 1.25em 0;
  padding: 0.85em 1.1em;
  border-inline-start: 4px solid var(--ni-brand);
  background: rgba(45, 90, 71, 0.06);
  color: var(--ni-content-muted);
  font-style: italic;
}

.ni-article-show__body pre,
.ni-room-show__body pre,
.about-content pre,
.single-content pre,
.description pre,
.ni-rich-content pre {
  display: block;
  overflow-x: auto;
  max-width: 100%;
  padding: 0.85em 1em;
  margin: 1em 0;
  background: #f4f6f5;
  border-radius: 8px;
  font-size: 0.9em;
  line-height: 1.5;
  color: var(--ni-content-text);
}

.ni-article-show__body img,
.ni-room-show__body img,
.about-content img,
.single-content img,
.description img,
.ni-rich-content img,
.ni-article-show__body iframe,
.ni-room-show__body iframe,
.about-content iframe,
.single-content iframe,
.description iframe,
.ni-rich-content iframe,
.ni-article-show__body video,
.ni-room-show__body video,
.about-content video,
.single-content video,
.description video,
.ni-rich-content video,
.ni-article-show__body table,
.ni-room-show__body table,
.about-content table,
.single-content table,
.description table,
.ni-rich-content table {
  max-width: 100% !important;
  height: auto !important;
}

.ni-article-show__body table,
.ni-room-show__body table,
.about-content table,
.single-content table,
.description table,
.ni-rich-content table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  color: var(--ni-content-text);
}

/* Visual page title under hero (not a second H1) */
.ni-item-display-title {
  color: var(--ni-brand);
  font-family: var(--primary-font, inherit);
  font-size: clamp(1.25rem, 1.05rem + 0.7vw, 1.75rem);
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 1rem;
}

.ni-section-heading,
.ni-section-heading--warm {
  color: var(--ni-brand);
  font-family: var(--primary-font, inherit);
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 1rem;
}

.ni-article-show__body .text-muted,
.ni-room-show__body .text-muted,
.about-content .text-muted,
.single-content .text-muted,
.description .text-muted,
.ni-rich-content .text-muted {
  color: var(--ni-content-muted) !important;
}

/* Arabic: slightly tighter CMS headings */
[dir="rtl"] .ni-article-show__body h1,
[dir="rtl"] .ni-room-show__body h1,
[dir="rtl"] .about-content h1,
[dir="rtl"] .single-content h1,
[dir="rtl"] .description h1,
[dir="rtl"] .ni-rich-content h1 {
  font-size: clamp(1.2rem, 1.05rem + 0.55vw, 1.55rem);
}

[dir="rtl"] .ni-article-show__body h2,
[dir="rtl"] .ni-room-show__body h2,
[dir="rtl"] .about-content h2,
[dir="rtl"] .single-content h2,
[dir="rtl"] .description h2,
[dir="rtl"] .ni-rich-content h2 {
  font-size: clamp(1.1rem, 1.02rem + 0.4vw, 1.35rem);
}

[dir="rtl"] .ni-item-display-title {
  font-size: clamp(1.1rem, 1rem + 0.45vw, 1.45rem);
}

@media (max-width: 767.98px) {
  .ni-article-show__body h1,
  .ni-room-show__body h1,
  .about-content h1,
  .single-content h1,
  .description h1,
  .ni-rich-content h1,
  .ni-article-show__body h2,
  .ni-room-show__body h2,
  .about-content h2,
  .single-content h2,
  .description h2,
  .ni-rich-content h2,
  .ni-article-show__body h3,
  .ni-room-show__body h3,
  .about-content h3,
  .single-content h3,
  .description h3,
  .ni-rich-content h3 {
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .ni-item-display-title {
    margin-bottom: 0.75rem;
  }
}