/*
 * RDM · One-image photographic spread for the existing AnyMag dual-panel
 * layout. Strictly opt-in via body.rdm-magazine-spread.
 * The original featured <img> from the cover is the only hero image node.
 */
@media (min-width: 1025px) {
  body.rdm-magazine-spread .magcover {
    background: transparent !important;
    overflow: visible !important;
  }
  body.rdm-magazine-spread .magcover .rdm-cover__background {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
  }
  body.rdm-magazine-spread.admin-bar .rdm-cover__background {
    top: 32px;
    height: calc(100vh - 32px);
  }
  body.rdm-magazine-spread .rdm-cover__background::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(7,18,27,.22), rgba(7,18,27,.10) 47%, rgba(7,18,27,.55));
  }
  body.rdm-magazine-spread .rdm-cover__background>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body.rdm-magazine-spread .rdm-cover #cover-header,
  body.rdm-magazine-spread .rdm-cover .rdm-cover__body {
    z-index: 5;
  }
  body.rdm-magazine-spread .magheader { z-index: 9; }
  body.rdm-magazine-spread .magcontent {
    z-index: 6;
    background: linear-gradient(to bottom, transparent 0, transparent calc(100vh - 1px), #fff 100vh) !important;
  }
  body.rdm-magazine-spread .magcontent #main-area {
    padding-top: clamp(280px, 54vh, 690px) !important;
    left: auto !important;
    animation: none !important;
  }
  body.rdm-magazine-spread .magcontent .entry-title {
    color: #fff !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.55);
    font-size: clamp(2rem, 3.4vw, 3.8rem);
    line-height: 1.12;
    max-width: 20ch;
    border: 0;
    margin-bottom: 1rem;
  }
  body.rdm-magazine-spread .magcontent .post-entry .post-meta,
  body.rdm-magazine-spread .magcontent .post-entry .post-meta * { color: #fff !important; }
  body.rdm-magazine-spread .magcontent .post-content { background: transparent !important; }
  body.rdm-magazine-spread .magcontent .rdm-spread__intro {
    max-width: 54ch;
    color: #fff !important;
    font-size: clamp(1rem, 1.3vw, 1.32rem);
    line-height: 1.55;
    text-shadow: 0 2px 12px rgba(0,0,0,.65);
    margin: 0 0 1.1rem;
  }
  body.rdm-magazine-spread .magcontent .rdm-spread__jump {
    display: inline-block;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.75);
    background: rgba(12,26,34,.34);
    padding: .7rem 1.15rem;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 600;
  }
  body.rdm-magazine-spread .magcontent .rdm-spread__jump:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
  }
  body.rdm-magazine-spread .magcontent .rdm-spread__story {
    background: #fff;
    color: #222;
    margin: clamp(115px, 17vh, 260px) -2% 0;
    padding: clamp(24px, 3.2vw, 54px);
    box-shadow: 0 -8px 24px rgba(0,0,0,.06);
    scroll-margin-top: 80px;
  }
  body.rdm-magazine-spread .rdm-cover__widgets { display: none; }
}
/* On mobile, the same image becomes a single uninterrupted cover. */
@media (max-width: 1024px) {
  body.rdm-magazine-spread .magcover {
    position: relative !important;
    width: 100% !important;
    height: min(82svh, 740px) !important;
    min-height: 480px;
    overflow: hidden;
    background: #18232d !important;
  }
  body.rdm-magazine-spread .magcover .rdm-cover__background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  body.rdm-magazine-spread .rdm-cover__background>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body.rdm-magazine-spread .rdm-cover__background::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 25%, rgba(5,15,25,.70) 100%);
  }
  body.rdm-magazine-spread .magcontent {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    background: #fff !important;
  }
  body.rdm-magazine-spread .magcontent #main-area {
    position: relative;
    left: auto !important;
    animation: none !important;
    padding-top: 0 !important;
  }
  body.rdm-magazine-spread .magcontent .entry-title {
    position: relative;
    z-index: 6;
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.7);
    font-size: clamp(1.8rem, 6vw, 2.8rem);
    line-height: 1.15;
    margin-top: -7rem;
    margin-bottom: 2.5rem;
    border: 0;
  }
  body.rdm-magazine-spread .magcontent .rdm-spread__intro {
    color: #343a40;
    margin: .8rem 0 1.2rem;
    font-size: 1.06rem;
    line-height: 1.55;
  }
  body.rdm-magazine-spread .magcontent .rdm-spread__jump {
    display: inline-block;
    margin-bottom: 1.2rem;
  }
  body.rdm-magazine-spread .magcontent .rdm-spread__story {
    background: #fff;
    padding: 1rem 0;
    scroll-margin-top: 65px;
  }
  body.rdm-magazine-spread .rdm-cover__widgets { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.rdm-magazine-spread .magcontent #main-area {
    animation: none !important;
    transition: none !important;
  }
}


/* rc3: independently editable Elementor layers on BOTH halves of one image. */
@media (min-width: 1025px) {
  body.rdm-magazine-spread.rdm-spread-has-right .magcontent #main-area {
    padding-top: clamp(190px, 33vh, 480px) !important;
  }
  body.rdm-magazine-spread .rdm-cover__body > .elementor {
    position: relative;
    z-index: 3;
    width: 100%;
  }
  body.rdm-magazine-spread .rdm-cover__body .elementor :is(h2,h3,p) {
    text-shadow: 0 2px 14px rgba(0,0,0,.5);
  }
  body.rdm-magazine-spread .rdm-spread__right-overlay {
    display: block;
    position: relative;
    z-index: 7;
    max-width: 100%;
    max-height: 31vh;
    overflow-y: auto;
    overflow-x: clip;
    margin-bottom: clamp(12px,2.2vh,28px);
    scrollbar-width: thin;
    color: #fff;
  }
  body.rdm-magazine-spread .rdm-spread__right-overlay :is(h2,h3,p) {
    color: #fff;
    text-shadow: 0 2px 14px rgba(0,0,0,.55);
  }
}
/* Mobile reads as one cover followed by the second panel; no duplicated image. */
@media (max-width: 1024px) {
  body.rdm-magazine-spread .rdm-cover__body {
    bottom: 1rem;
    top: min(38%, 230px);
    overflow-y: auto;
  }
  body.rdm-magazine-spread .rdm-cover__body > .elementor {
    position: relative;
    z-index: 3;
  }
  body.rdm-magazine-spread .rdm-spread__right-overlay {
    display: block;
    max-width: 100%;
    margin: 1rem 0 1.5rem;
    overflow: visible;
    color: #1b2931;
  }
  body.rdm-magazine-spread .rdm-spread__right-overlay :is(h2,h3,p) {
    color: #1b2931;
    text-shadow: none;
  }
}