/* Forgotten Fortunes 4.9 — Visual Prestige Pass
 * 4.8 functionality untouched. Art direction: historical museum x editorial cinema.
 * Real raster architectural images replace the decorative vector columns,
 * human-shaped geometric silhouette, overlaid seals, and excessive borders.
 * All decoration is pointer-events:none; reading and language controls unchanged.
 */

html:has(body.single-post), body.single-post { overflow-x: clip; }

/* --- Header: compact luxury magazine masthead, not two competing banners --- */
@media (min-width: 783px) {
  .ff-brand-banner {
    height: 110px !important;
    padding-block: 9px !important;
    border-bottom: 1px solid rgba(211,177,108,.42);
    background-position: center 42% !important;
  }
  .ff-brand-banner .ff-brand-lockup strong { font-size: clamp(25px, 2.15vw, 37px); line-height: .97; }
  .ff-brand-banner .ff-brand-emblem { max-height: 92px; }
  .ff-header { top: -110px; }
  .admin-bar .ff-header {top:-78px;}
  .ff-header .ff-header-inner {
    max-width: 1600px;
    min-height: 58px;
    padding: 8px 22px;
    gap: clamp(8px, .95vw, 17px);
    align-items: center;
    flex-wrap: nowrap;
  }
  .ff-header .wp-block-navigation { min-width: 0; flex: 1 1 auto; }
  .ff-header .ff-header-inner > .ff-languages--inline { flex: 0 0 auto; }
  .ff-header .wp-block-navigation-item a { text-underline-offset: 5px; }
  .ff-header .ff-languages--inline .ff-language-current {
    border-radius: 999px;
    border-color: rgba(214,182,111,.38);
    background: rgba(9,34,26,.85);
    box-shadow: inset 0 0 0 1px rgba(232,205,144,.07);
  }
}
@media (min-width:783px) and (max-width:1299px) {
  .ff-header .ff-header-inner {gap:8px;padding-inline:14px;}
  .ff-header .wp-block-navigation-item a {font-size:11px;}
  .ff-header .ff-brand a {font-size:14px;}
}

/* On mobile the V4.8 three-column header layout remains authoritative. */
@media (max-width: 782px) {
  .ff-brand-banner {height:74px!important;}
  .ff-header .ff-header-inner {
    background: #061b15;
    border-bottom: 1px solid rgba(211,177,108,.18);
    box-shadow: 0 9px 22px rgba(0,0,0,.16);
  }
  /* V4.8 reveals the fallback picker until its mobile drawer is attached. */
}

/* --- Delete all prior fake columns and pseudo-people ornaments --- */
.single-post .ff-article-intro::before,
.single-post .ff-documentary-player::before,
.single-post .ff-article-intro::after,
.single-post .ff-documentary-player::after,
.single-post .ff-reading-surface.ff-paper-section::before,
.single-post .ff-reading-surface.ff-paper-section::after {
  content: none !important;
  display: none !important;
}

/* --- Unified premium editorial documentary composition --- */
.single-post .ff-article-hero {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  gap: clamp(20px, 2.7vw, 48px) !important;
  padding: clamp(20px, 3.4vw, 48px) !important;
  border: 1px solid rgba(220,184,107,.58);
  border-radius: 3px;
  background:
    linear-gradient(90deg, rgba(3,18,15,.94) 0%, rgba(3,21,17,.89) 27%, rgba(3,21,17,.65) 51%, rgba(3,18,15,.76) 100%),
    url('images/emerald-columns.webp') center center / cover no-repeat,
    #051d17;
  box-shadow: 0 0 0 5px rgba(11,39,29,.77),
              0 0 0 6px rgba(201,165,90,.17),
              0 28px 62px rgba(0,0,0,.32);
  overflow: hidden;
  min-width: 0;
}
/* Single slender architectural stroke instead of a stack of ornamental borders. */
.single-post .ff-article-hero::before {
  content: '' !important;
  display: block !important;
  position:absolute;
  inset: 12px;
  border: 1px solid rgba(221,187,116,.13);
  border-radius: 0;
  background: none !important;
  z-index: 0;
  pointer-events:none;
}
.single-post .ff-article-hero::after {
  content:'' !important;
  position:absolute;
  display:block;
  left: 50%;top: 0;
  transform: translateX(-50%);
  width: clamp(80px,11vw,150px);
  height: 2px;
  border-radius:0;
  opacity:1;
  background:linear-gradient(90deg, transparent, #dfc181 35%, #dfc181 65%,transparent);
  box-shadow:none;
  filter:none;
  pointer-events:none;
}
.single-post .ff-article-hero > * {position:relative;z-index:1;min-width:0;}

.single-post .ff-article-hero .ff-article-intro {
  align-self:center;
  overflow:visible;
  padding: clamp(10px,1.25vw,18px) 0 !important;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  max-width: 100%;
}
.single-post .ff-article-hero .ff-article-intro .ff-eyebrow {
  display:inline-block;
  margin: 0 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #b99557;
  font-size: 11px;
  letter-spacing:.25em;
  color:#d7b46b;
}
.single-post .ff-article-hero h1 {
  margin-bottom: 23px;
  font: 400 clamp(2.15rem,3.2vw,4rem)/1.09 Georgia, 'Times New Roman', serif;
  text-wrap:balance;
  max-width: 16.5ch;
  letter-spacing:-.032em;
  color:#f5ead5;
  text-shadow:0 6px 28px rgba(0,0,0,.3);
}
.single-post .ff-article-hero .ff-hero-deck {
  max-width: 57ch;
  font: 400 clamp(16px,1.25vw,19px)/1.57 Georgia,serif;
  color: #e5dac7;
  margin-bottom:18px;
}
.single-post .ff-article-hero .ff-meta {
  padding-top: 15px;
  margin-top: 21px;
  border-top:1px solid rgba(214,182,111,.3);
  font-size: 11px;
  color:#d7c6a3;
}

.single-post .ff-article-hero > .ff-documentary-player,
.single-post .ff-article-hero > .ff-article-image {
  align-self:center;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:7px;
  background:#071b16;
  border:1px solid rgba(225,189,112,.65);
  border-radius:5px;
  box-shadow:0 18px 34px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.03);
  overflow:hidden;
}
.single-post .ff-article-hero > .ff-documentary-player iframe,
.single-post .ff-article-hero > .ff-article-image img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  border:0;
  border-radius:1px;
  box-shadow:none;
  object-fit:cover;
}
.single-post .ff-article-hero > .ff-article-image figcaption {
  text-align:right;
  padding:7px 3px 0;
}

/* Genuine stone/bronze carving in the exterior margins, never over text. */
@media (min-width: 1540px) {
  .single-post .ff-single > .alignwide {position:relative;isolation:isolate;}
  .single-post .ff-single > .alignwide::before,
  .single-post .ff-single > .alignwide::after {
    content:'';
    position:absolute;
    top:58px;
    bottom:auto;
    height:min(580px,45vw);
    width: min(235px,13.5vw);
    opacity:.73;
    pointer-events:none;
    border:0;
    border-radius:0;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    box-shadow:none;
    filter: saturate(.65) contrast(.97) drop-shadow(0 14px 26px rgba(0,0,0,.22));
    z-index:0;
  }
  .single-post .ff-single > .alignwide .ff-article-hero {position:relative;z-index:1;}
  .single-post .ff-single > .alignwide::before {
    left:calc(-1 * min(180px,10.5vw));
    background-image:url('images/v49-roman-guardian-left.webp');
  }
  .single-post .ff-single > .alignwide::after {
    right:calc(-1 * min(180px,10.5vw));
    transform:none;
    background-image:url('images/v49-roman-guardian-right.webp');
  }
}
@media (min-width: 1200px) and (max-width: 1539px) {
  .single-post .ff-single > .alignwide::before,
  .single-post .ff-single > .alignwide::after {
    content:none!important;
    display:none!important;
  }
}

/* --- Reading area: real distressed stone + emerald backdrop, not doodled people. --- */
.single-post .ff-reading-surface.ff-paper-section {
  background:
    linear-gradient(90deg, rgba(8,30,23,.96),rgba(9,36,27,.91) 50%,rgba(8,30,23,.96)),
    url('images/ff-marble-reading.webp') left top / min(37vw,420px) auto no-repeat,
    #0a2a20;
  border-top: 1px solid rgba(211,175,104,.25);
}
.single-post .ff-reading-surface .ff-toc,
.single-post .ff-reading-rail .ff-card,
.single-post .ff-reading-rail .ff-collection {
  border-color:rgba(211,175,104,.23);
}
/* Chapter ornamental separator integrated with the heading rather than clip art */
.single-post .ff-reading-body h2 {
  scroll-margin-top:120px;
  padding-top:.3em;
  border-top: 1px solid rgba(209,173,97,.23);
}
.single-post .ff-reading-body h2::before {
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:17px;height:1px;
  background:#c5a268;
  margin-right:11px;
}
.single-post .ff-reading-body figure,
.single-post .ff-reading-body .wp-block-image,
.single-post .ff-reading-body .wp-block-embed.is-provider-youtube,
.single-post .ff-reading-body .wp-block-embed.is-provider-vimeo {
  background: linear-gradient(165deg,#18392d,#071b15);
  border:1px solid rgba(214,182,111,.3);
  border-radius:4px;
  box-shadow:0 14px 34px rgba(0,0,0,.17);
}
.single-post .ff-reading-body figure::before,
.single-post .ff-reading-body .wp-block-image::before,
.single-post .ff-reading-body figure::after,
.single-post .ff-reading-body .wp-block-image::after,
.single-post .ff-reading-body .wp-block-embed.is-provider-youtube::before,
.single-post .ff-reading-body .wp-block-embed.is-provider-vimeo::before,
.single-post .ff-reading-body .wp-block-embed.is-provider-youtube::after,
.single-post .ff-reading-body .wp-block-embed.is-provider-vimeo::after {
  content:none!important;
  display:none!important;
}

/* --- Home: premium editorial hierarchy while retaining existing data and blocks --- */
.ff-home .ff-feature {
  border:1px solid rgba(218,181,104,.56);
  box-shadow:0 16px 36px rgba(0,0,0,.23);
  overflow:hidden;
}
.ff-home .ff-feature::after {
  background:
    linear-gradient(90deg, rgba(2,16,14,.94) 0%, rgba(2,16,14,.78) 34%, rgba(2,16,14,.1) 83%),
    linear-gradient(0deg, rgba(2,16,14,.39),transparent 40%);
}
.ff-home .ff-feature .ff-card-copy {position:relative;z-index:2;}
.ff-home .ff-feature h1,
.ff-home .ff-feature h2 {text-wrap:balance;letter-spacing:-.035em;}
.ff-home .ff-feature .ff-button {
  background:linear-gradient(160deg,#eed8a3,#c19b52);
  color:#112018;
  border:1px solid #e8c77e;
  box-shadow:0 4px 16px rgba(0,0,0,.26);
}
.ff-home .ff-topic-grid>a,
.ff-home .ff-topic-collections .ff-card {
  border:1px solid rgba(214,182,111,.23);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.ff-home .ff-topic-grid>a:hover,
.ff-home .ff-topic-collections .ff-card:hover {
  transform:translateY(-3px);
  border-color:rgba(214,182,111,.48);
  box-shadow:0 11px 24px rgba(0,0,0,.14);
}
.ff-home .ff-section-heading {
  border-top:1px solid rgba(214,182,111,.24);
  padding-top:20px;
}
.ff-home .ff-section-heading h2 {letter-spacing:-.025em;}
.ff-home .ff-collection-documentaries .ff-card-visual img {
  transition:transform .4s ease;
}
.ff-home .ff-collection-documentaries .ff-card:hover .ff-card-visual img {transform:scale(1.025);}

/* Category / archive: stronger, unified editorial cards (no query changes). */
.ff-category .ff-category-hero,
.ff-category .ff-feature,
.ff-archive .ff-archive-query .wp-block-post-template>li {
  border-color:rgba(214,182,111,.27);
}

/* --- Responsive reading: decorative effect recedes, type and controls remain readable --- */
@media (max-width: 1023px) {
  .single-post .ff-article-hero {
    background:
      linear-gradient(180deg,rgba(3,21,17,.91),rgba(3,21,17,.95)),
      url('images/emerald-columns-mobile.webp') center/cover no-repeat,
      #051d17;
    box-shadow:0 12px 26px rgba(0,0,0,.24);
    padding:clamp(16px,3.2vw,28px)!important;
    gap:16px!important;
  }
  .single-post .ff-article-hero::before {inset:8px;}
  .single-post .ff-article-hero .ff-article-intro {padding:4px 2px!important;}
  .single-post .ff-article-hero h1 {max-width:100%;font-size:clamp(2rem,5.6vw,3.4rem);}
  .single-post .ff-article-hero > .ff-documentary-player,
  .single-post .ff-article-hero > .ff-article-image {padding:5px;}
}
@media (max-width: 782px) {
  .ff-brand-banner .ff-brand-lockup strong {font-size:clamp(19px,5vw,25px)!important;}
  .single-post .ff-article-hero {
    padding:16px!important;
    border-radius:2px;
  }
  .single-post .ff-article-hero h1 {
    font-size:clamp(2rem,7.3vw,2.8rem);
    letter-spacing:-.025em;
    margin-bottom:16px;
    line-height:1.13;
  }
  .single-post .ff-article-hero .ff-hero-deck {font-size:16px;line-height:1.64;}
  .single-post .ff-article-hero .ff-article-intro .ff-eyebrow {margin-bottom:14px;}
  .single-post .ff-reading-surface.ff-paper-section {
    background:#10291f;
  }
  .single-post .ff-reading-body h2 {scroll-margin-top:92px;}
  .ff-home .ff-feature h1 {font-size:clamp(2rem,8vw,2.65rem)!important;}
  .ff-home .ff-feature .ff-deck {line-height:1.55;}
  .ff-home .ff-feature .ff-card-copy {min-height:0;}
}
@media (prefers-reduced-motion:reduce) {
  .ff-home .ff-topic-grid>a,
  .ff-home .ff-topic-collections .ff-card,
  .ff-home .ff-collection-documentaries .ff-card-visual img {transition:none!important;}
}
@media print {
  .single-post .ff-single > .alignwide::before,
  .single-post .ff-single > .alignwide::after {display:none!important;}
  .single-post .ff-article-hero {box-shadow:none; background:white; border:1px solid #999;}
}