/* ============================================================
   RedMinds Single Post Template — Modern
   Scoped styles: .redms-article
   ============================================================ 

.redms-bleed{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  overflow-x:hidden;
}

*/

.redms-article{
  --redms-accent:#b44f47;
  --redms-ink:#0f172a;
  --redms-muted:#64748b;
  --redms-border:rgba(2,6,23,.12);
  --redms-card:#ffffff;
  --redms-soft:#f5f7fb;
  --redms-shadow:0 14px 34px rgba(2,6,23,.10);
  --redms-shadow2:0 18px 44px rgba(2,6,23,.14);

  background:#fff;
  color:var(--redms-ink);
  padding:16px 0 70px;
}



/* ===== RedMinds Single Post Header (200px, 100px offset, center aligned) ===== */
.redms-posthead{
  position: relative;
  height: 300px;
  max-height: 200px;
  background: #0b1220;
  background-size: cover;         /* cover as requested */
  background-position: center;
  overflow: hidden;
  margin-top:-100px;
  padding-top:100px;
  padding-bottom:160px;
}

/* Background zoom animation (using a pseudo layer so overlay/text stay crisp) */
.redms-posthead::before{
  content:"";
  position:absolute; inset:0;
  background-image: inherit;      /* uses the inline background-image from section */
  background-size: cover;
  background-position: center;
  transform: scale(1.06);
  animation: redmsPostHeadZoom 10s ease-in-out infinite alternate;
  will-change: transform;
}

@keyframes redmsPostHeadZoom{
  from { transform: scale(1.06); }
  to   { transform: scale(1.14); }
}

.redms-posthead__overlay{
  position:absolute; inset:0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(2,6,23,.55) 0%, rgba(2,6,23,.70) 55%, rgba(2,6,23,.85) 100%);
}

/* Center align breadcrumb + title, and add 100px menu overlap offset */
.redms-posthead__inner{
  position: relative;
  z-index: 2;
  height: 100%;
  padding-top: 100px;            /* fixed 100px offset as requested */
  padding-left: 16px;
  padding-right: 16px;
  max-width: var(--redms-single-width, 1240px);
  margin: 0 auto;

  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;            /* center */
  text-align:center;             /* center */
  padding-bottom: 18px;
}

.redms-posthead__crumbs{
  font-size: 13px;
  color: rgba(255,255,255,.82);
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:center;
}

.redms-posthead__crumbs a{
  color: rgba(255,255,255,.92);
  text-decoration:none;
}
.redms-posthead__crumbs a:hover{ text-decoration:underline; }

.redms-posthead__sep{ opacity:.7; }

.redms-posthead__title{
  margin: 0px 0 0;
  color:#fff;
  font-weight: 900;
  font-size: 26px;
  line-height: 1.2;
  max-width: 78ch;
}

/* Prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .redms-posthead::before{ animation:none; }
}

/* If you want menu overlap more/less, change this per site */
:root{ --redms-menu-offset: 92px; }

.redms-article *,
.redms-article *::before,
.redms-article *::after{ box-sizing:border-box; }

.redms-article__container{ width:min(var(--redms-single-max, 1180px), calc(100% - var(--redms-single-gutter, 32px))); margin:0 auto; }

/* Header */
.redms-article-head{ margin:0 0 18px; }
.redms-article-head__top{ display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.redms-article-badges{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.redms-article-badge{ display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:999px; font-weight:950; font-size:12px; text-decoration:none; }
.redms-article-badge.is-ghost{ background:rgba(180,79,71,.10); color:var(--redms-ink); border:1px solid rgba(180,79,71,.25); }
.redms-article-badge.is-accent{ background:var(--redms-accent); color:#fff; }

.redms-article-back{ text-decoration:none; font-weight:950; color:var(--redms-muted); padding:10px 12px; border-radius:999px; border:1px solid var(--redms-border); background:#fff; }
.redms-article-back:hover{ color:var(--redms-ink); border-color:rgba(180,79,71,.28); background:rgba(180,79,71,.06); }

.redms-article-title{ margin:12px 0 10px; font-size:44px; line-height:1.12; letter-spacing:-.4px; font-weight:950; }
.redms-article-meta{ display:flex; align-items:center; gap:10px; color:#ffffff; font-weight:800; font-size:13px; justify-content: flex-end; margin-top: -30px;
    margin-right: 20px;}
.redms-article-meta__dot{ width:6px; height:6px; border-radius:999px; background:rgba(2,6,23,.18); display:inline-block; }

.redms-article-hero{ margin:18px 0 0; border-radius:22px; overflow:hidden; border:1px solid var(--redms-border); box-shadow:var(--redms-shadow); background:var(--redms-soft); }
.redms-article-hero img{ width:100%; height:auto; display:block; max-height:520px; object-fit:cover; }

/* Layout */
.redms-article-layout{ display:grid; grid-template-columns: 1fr var(--redms-single-sidebar, 360px); gap:22px; align-items:start; margin-top:42px; }
@media (max-width: 1024px){
  .redms-article-layout{ grid-template-columns:1fr; }
  .redms-article-title{ font-size:34px; }
}

/* Main content */
.redms-article-main{
  background:#fff;
  border:1px solid var(--redms-border);
  border-radius:18px;
  padding:22px;
  box-shadow:0 10px 24px rgba(2,6,23,.05);
}

.redms-article-content{ color:var(--redms-ink); }

/* Make WP content look clean inside our scope */
.redms-article-content h1,
.redms-article-content h2,
.redms-article-content h3,
.redms-article-content h4{ color:var(--redms-ink); letter-spacing:-.2px; }
.redms-article-content p,
.redms-article-content li{ color:rgba(15,23,42,.92); line-height:1.75; font-size:16px; }
.redms-article-content a{ color:var(--redms-accent); font-weight:900; }
.redms-article-content img{ max-width:100%; height:auto; border-radius:14px; }
.redms-article-content blockquote{
  border-left:4px solid rgba(180,79,71,.40);
  margin:18px 0;
  padding:10px 14px;
  background:rgba(180,79,71,.06);
  border-radius:12px;
  color:var(--redms-ink);
  font-weight:800;
}
.redms-article-content table{ width:100%; border-collapse:collapse; overflow:hidden; border-radius:14px; border:1px solid var(--redms-border); }
.redms-article-content th,
.redms-article-content td{ padding:10px 12px; border-bottom:1px solid var(--redms-border); }
.redms-article-content th{ text-align:left; background:rgba(2,6,23,.04); }

/* Prev/Next */
.redms-article-nav{ display:flex; gap:12px; justify-content:space-between; margin-top:20px; padding-top:18px; border-top:1px solid var(--redms-border); }
.redms-article-nav__item a{ text-decoration:none; font-weight:950; color:var(--redms-ink); }
.redms-article-nav__item a:hover{ color:var(--redms-accent); }
.redms-article-nav__item.is-right{ text-align:right; }

/* Related */
.redms-article-related{ margin-top:26px; }
.redms-article-h3{ margin:0 0 12px; font-size:18px; font-weight:950; letter-spacing:-.2px; }
.redms-article-related__grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:14px; }
@media (max-width: 860px){
  .redms-article-related__grid{ grid-template-columns:1fr; }
}

.redms-article-related__card{ text-decoration:none; color:inherit; border:1px solid var(--redms-border); border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 10px 22px rgba(2,6,23,.05); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.redms-article-related__card:hover{ transform:translateY(-5px); box-shadow:var(--redms-shadow2); border-color:rgba(180,79,71,.26); }
.redms-article-related__media{ aspect-ratio: 16/10; background:var(--redms-soft); }
.redms-article-related__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.redms-article-related__ph{ width:100%; height:100%; background:repeating-linear-gradient(135deg,#e5e7eb,#e5e7eb 12px,#f3f4f6 12px,#f3f4f6 24px); }
.redms-article-related__body{ padding:12px 12px 14px; }
.redms-article-related__t{ font-weight:950; line-height:1.25; margin:0 0 6px; }
.redms-article-related__x{ color:var(--redms-muted); font-weight:700; font-size:13px; line-height:1.55; }

/* Sidebar */
.redms-article-side{ position:sticky; top:18px; display:flex; flex-direction:column; gap:16px; }
@media (max-width: 1024px){ .redms-article-side{ position:static; } }

.redms-sidebox{ background:#fff; border:1px solid var(--redms-border); border-radius:18px; padding:16px; box-shadow:0 10px 24px rgba(2,6,23,.05); }
.redms-sidebox--soft{ background:linear-gradient(180deg, rgba(2,6,23,.02), rgba(180,79,71,.05)); }
.redms-sidebox--cta{ background:linear-gradient(180deg, rgba(180,79,71,.10), rgba(2,6,23,.02)); }

.redms-sidebox__title{ margin:0 0 10px; font-size:16px; font-weight:950; letter-spacing:-.2px; }
.redms-sidebox__text{ color:var(--redms-muted); font-weight:750; font-size:13px; line-height:1.55; margin:0 0 12px; }

/* Search */
.redms-side-search{ display:flex; gap:10px; }
.redms-side-search input{ flex:1; border:1px solid var(--redms-border); border-radius:12px; padding:12px 12px; font-weight:750; outline:none; }
.redms-side-search button{ border:1px solid rgba(180,79,71,.35); background:rgba(180,79,71,.10); border-radius:12px; padding:0 14px; font-weight:950; cursor:pointer; }

/* Cats */
.redms-side-cats{ display:flex; flex-direction:column; gap:8px; }
.redms-side-cat{ display:flex; align-items:center; justify-content:space-between; gap:10px; text-decoration:none; padding:10px 12px; border-radius:14px; border:1px solid rgba(2,6,23,.08); background:rgba(2,6,23,.02); color:var(--redms-ink); font-weight:900; }
.redms-side-cat:hover{ border-color:rgba(180,79,71,.26); background:rgba(180,79,71,.06); }
.redms-side-cat__n{ color:var(--redms-muted); font-weight:900; font-size:12px; }

/* Recent */
.redms-side-recent{ display:flex; flex-direction:column; gap:12px; }
.redms-side-recent__item{ display:flex; gap:12px; text-decoration:none; color:inherit; }
.redms-side-recent__thumb{ width:54px; height:54px; border-radius:14px; background:center/cover no-repeat; background-color:var(--redms-soft); border:1px solid rgba(2,6,23,.10); flex:0 0 auto; }
.redms-side-recent__t{ font-weight:950; font-size:13px; line-height:1.35; color:var(--redms-ink); }
.redms-side-recent__d{ font-weight:800; font-size:12px; color:var(--redms-muted); }

/* CTA button */
.redms-sidebox__icon{ width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:rgba(180,79,71,.18); border:1px solid rgba(180,79,71,.25); margin:0 0 10px; }
.redms-sidebox__btn{ display:inline-flex; text-decoration:none; font-weight:950; padding:12px 14px; border-radius:12px; background:var(--redms-accent); color:#fff; }

.redms-side-credit{ font-size:12px; color:var(--redms-muted); padding:0 4px; }
.redms-side-credit a{ color:var(--redms-accent); font-weight:950; text-decoration:none; }