/* Scoped reader composition adapts the reference to CMS-authored articles. */
#irhal-sites-legacy :is(.ir-editorial-layout,.ir-offer-reader) { width: min(91.2%, 1600px); margin-inline: auto; padding-inline: 0; }
#irhal-sites-legacy .ir-editorial-heading { max-width: 880px; margin: 34px auto 30px; text-align: center; }
#irhal-sites-legacy .ir-editorial-heading h1 { margin: 12px 0 18px; font-weight: 500; line-height: 1.2; text-wrap: balance; overflow-wrap: anywhere; }
#irhal-sites-legacy .ir-editorial-heading > p { max-width: 740px; margin-inline: auto; line-height: 1.65; }
#irhal-sites-legacy .ir-editorial-meta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin-bottom: 0; }
#irhal-sites-legacy .ir-editorial-meta > :is(div,span,time) { border: 0; background: transparent; color: #b52b1b; box-shadow: none; padding: 0; font-size: 13px; font-weight: 500; }
#irhal-sites-legacy .ir-editorial-hero { margin: 32px 0; }
#irhal-sites-legacy .ir-editorial-hero > div { position: relative; width: 100%; max-height: 560px; aspect-ratio: 21 / 9; border: 0; border-radius: 4px; overflow: hidden; background: #f4f2ef; }
#irhal-sites-legacy .ir-editorial-hero img { width: 100%; height: 100%; max-height: none; object-fit: cover; border-radius: 0; }
#irhal-sites-legacy .ir-editorial-prose { width: min(100%, 740px); margin: 32px auto 54px; font-size: 18px; line-height: 1.75; color: #252724; }
#irhal-sites-legacy .ir-editorial-lead { width: min(100%, 740px); margin: 32px auto 0; line-height: 1.75; }
#irhal-sites-legacy .ir-editorial-prose p { line-height: 1.75; }
#irhal-sites-legacy[dir="rtl"] .ir-editorial-prose p { line-height: 1.9; }
#irhal-sites-legacy .ir-editorial-related { margin-top: 48px; }
#irhal-sites-legacy .ir-offer-reader-layout { display: block; }
#irhal-sites-legacy .ir-offer-reader .ir-editorial-heading { max-width: 920px; margin-inline: 0; text-align: start; }
#irhal-sites-legacy .ir-offer-reader .ir-editorial-heading > p { margin-inline: 0; }
#irhal-sites-legacy .ir-offer-reader .ir-editorial-heading > .flex { justify-content: flex-start; }
#irhal-sites-legacy .ir-offer-reader-hero { width: 100%; margin: 32px auto; }
#irhal-sites-legacy .ir-offer-reader-hero > div { max-height: 560px; aspect-ratio: 21 / 9; border-radius: 4px; }
#irhal-sites-legacy .ir-offer-reader-main > :is(section,div:not(.ir-editorial-heading)) { max-width: 880px; margin-inline: auto; }
#irhal-sites-legacy .ir-offer-reader-main > .ir-offer-reader-hero { max-width: none; }
@media (max-width: 700px) {
  #irhal-sites-legacy :is(.ir-editorial-layout,.ir-offer-reader) { width: 92%; }
  #irhal-sites-legacy .ir-editorial-heading { text-align: start; margin-block: 24px; }
  #irhal-sites-legacy .ir-editorial-meta { justify-content: flex-start; }
  #irhal-sites-legacy .ir-offer-reader .ir-editorial-heading > .flex { justify-content: flex-start; }
  #irhal-sites-legacy .ir-editorial-hero > div, #irhal-sites-legacy .ir-offer-reader-hero > div { aspect-ratio: 4 / 3; }
  #irhal-sites-legacy .ir-editorial-prose { font-size: 16px; margin-block: 24px 36px; }
}

/* Shared detail composition: source media and prose stay together; related
   information occupies a consistent desktop sidebar. Scoped here because the
   imported reference's ID selectors otherwise override component utilities. */
#irhal-sites-legacy :is(.ir-editorial-layout,.ir-offer-reader-layout,.ir-detail-grid) {
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;
}
#irhal-sites-legacy :is(.ir-editorial-heading,.ir-detail-heading) {text-align:start}
#irhal-sites-legacy .ir-editorial-heading {max-width:none;margin:24px 0}
#irhal-sites-legacy .ir-editorial-heading>p {margin-inline:0}
#irhal-sites-legacy .ir-editorial-meta {justify-content:flex-start}
#irhal-sites-legacy :is(.ir-editorial-prose,.ir-editorial-lead) {width:100%;max-width:76ch;margin-inline:0}
#irhal-sites-legacy :is(.ir-editorial-hero,.ir-offer-reader-hero) {margin-block:24px}
#irhal-sites-legacy :is(.ir-editorial-hero,.ir-offer-reader-hero)>div {aspect-ratio:3/2;max-height:560px;border-radius:4px}
#irhal-sites-legacy .ir-offer-reader-main>:is(section,div:not(.ir-editorial-heading)) {max-width:none;margin-inline:0}
#irhal-sites-legacy :is(.ir-editorial-related,.ir-detail-grid>aside) {margin-top:0;min-width:0;border-top:3px solid var(--ir-red,#c91c0c);padding-top:20px}
#irhal-sites-legacy :is(.ir-editorial-related,.ir-detail-page) :is(.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl) {border-radius:4px}
#irhal-sites-legacy .ir-detail-media figure>button {width:100%;max-width:none;aspect-ratio:3/2;height:auto;border-radius:4px}
#irhal-sites-legacy .ir-detail-media figure>div {border-radius:4px}
#irhal-sites-legacy .ir-detail-page .ir-detail-grid {padding-block:28px}
#irhal-sites-legacy :is(.ir-detail-page,.ir-editorial-reader,.ir-offer-reader) h1 {font-size:clamp(28px,3.2vw,44px);line-height:1.2;letter-spacing:normal;font-weight:500}
#irhal-sites-legacy :is(.ir-detail-page,.ir-editorial-reader,.ir-offer-reader) h2 {font-size:clamp(22px,2vw,28px);line-height:1.35;letter-spacing:normal}
#irhal-sites-legacy :is(.ir-detail-grid>aside,.ir-editorial-related) h2 {font-size:22px}
#irhal-sites-legacy .ir-detail-heading p {max-width:76ch}
#irhal-sites-legacy :is(.ir-detail-media,.ir-editorial-prose) figcaption {font-size:13px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:1000px){
  #irhal-sites-legacy :is(.ir-editorial-layout,.ir-offer-reader-layout,.ir-detail-grid) {grid-template-columns:minmax(0,1fr);gap:28px}
  #irhal-sites-legacy .ir-detail-grid>aside {grid-column:1;grid-row:auto}
}
@media print{#irhal-sites-legacy :is(.ir-editorial-layout,.ir-offer-reader-layout,.ir-detail-grid){display:block}}
#irhal-sites-legacy .ir-detail-page>.ir-detail-heading {width:100%;max-width:none;margin:0;padding:0}
#irhal-sites-legacy .ir-detail-heading>div {padding-block:24px}
#irhal-sites-legacy .ir-detail-heading p {margin-top:12px}
#irhal-sites-legacy :is(.ir-detail-page,.ir-editorial-layout,.ir-offer-reader) .font-editorial {font-family:inherit}
#irhal-sites-legacy :is(.ir-editorial-prose,.ir-editorial-lead) {font-family:inherit;font-size:18px;line-height:1.75}
#irhal-sites-legacy .ir-detail-heading p {font-family:inherit;font-weight:400;font-size:18px;line-height:1.65}
#irhal-sites-legacy .ir-editorial-related :is(img,[class*="rounded-"]) {border-radius:4px}
#irhal-sites-legacy .ir-editorial-related time {font-family:inherit}
@media(max-width:700px){#irhal-sites-legacy :is(.ir-editorial-prose,.ir-editorial-lead,.ir-detail-heading p){font-size:16px}}
#irhal-sites-legacy .ir-detail-page .ir-detail-grid {width:100%;max-width:none;padding-inline:0}
#irhal-sites-legacy .ir-detail-page .ir-detail-heading>div {padding-inline:0}
#irhal-sites-legacy .ir-detail-page>.ir-detail-heading {padding-inline:0}
/* CMS prose can contain long URLs and names; preserve text without widening the reader. */
#irhal-sites-legacy :is(.ir-detail-grid,.ir-editorial-layout,.ir-offer-reader-layout)>* {min-width:0}
#irhal-sites-legacy :is(.ir-editorial-prose,.ir-editorial-lead,.ir-detail-grid) :is(p,li,a,figcaption) {overflow-wrap:anywhere}
#irhal-sites-legacy :is(.ir-detail-media,.ir-editorial-prose) figcaption {font-size:14px}

/* One portal-width canvas for every reader; legacy 1200px caps and nested
   containers must not shrink detail/itinerary pages inside the global shell. */
#irhal-sites-legacy :is(.ir-detail-page,.ir-editorial-layout,.ir-offer-reader) {
  box-sizing:border-box;width:var(--ir-layout-width,91.2%);max-width:1600px;
  margin-inline:auto;padding-inline:0;
}
#irhal-sites-legacy .ir-detail-page :is(.ir-detail-heading,[class*="max-w-[96rem]"]) {
  width:100%;max-width:none;margin-inline:0;padding-inline:0;
}
#irhal-sites-legacy :is(.ir-editorial-layout,.ir-offer-reader-layout,.ir-detail-grid) {
  grid-template-columns:minmax(0,1fr) clamp(300px,23vw,360px);
  column-gap:clamp(24px,3vw,48px);
}
#irhal-sites-legacy .ir-detail-heading>div {padding-block:12px}
#irhal-sites-legacy .ir-detail-grid>div {min-width:0}
#irhal-sites-legacy .ir-detail-page .ir-detail-grid>div>div {max-width:100%}
@media(max-width:1000px){
  #irhal-sites-legacy :is(.ir-editorial-layout,.ir-offer-reader-layout,.ir-detail-grid) {grid-template-columns:minmax(0,1fr)}
}
@media print{
  #irhal-sites-legacy :is(.ir-detail-page,.ir-editorial-layout,.ir-offer-reader) {width:100%;max-width:none}
}
/* The reference resets native buttons to white; restore the shared red variant
   for reader actions, including itinerary PDF export. */
#irhal-sites-legacy :is(.ir-detail-page,.ir-editorial-layout,.ir-offer-reader) :is([data-slot="button"][data-variant="red"],button.bg-irhal-red) {background:var(--ir-red,#c91c0c);color:#fff;border-radius:var(--ir-radius-control,4px)}

/* Inline source photographs use the same responsive frame in both locales.
   Intrinsic source dimensions reserve aspect ratio, not rendered CSS width. */
#irhal-sites-legacy .guide-source-photo {width:100%;margin-inline:0}
#irhal-sites-legacy .guide-source-photo img {display:block;width:100%;height:auto;max-width:100%;max-height:560px;object-fit:contain;border-radius:4px}
#irhal-sites-legacy .ir-detail-media figure>button {max-height:560px}
@media(max-width:700px){#irhal-sites-legacy .guide-source-photo img,#irhal-sites-legacy .ir-detail-media figure>button {max-height:400px}}