/*
 * home-skin.css — BMS Prison Theme Homepage
 * All selectors use bms- prefix — zero conflict with existing page content.
 * Loaded only on the front page via functions.php.
 */

/* ── FONTS ──────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Rye&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Special+Elite&display=swap');

/* ── RESET HOME PAGE BODY ────────────────────────────────────────── */
body.home {
  background: #1a1714 !important;
  background-color: #1a1714 !important;
  background-image: none !important;
  color: #e8e0d4 !important;
  font-family: 'Libre Baskerville', Georgia, serif !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.home .wp-site-blocks,
body.home #page,
body.home main,
body.home .bms-home {
  background: #1a1714 !important;
  background-color: #1a1714 !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Kill margin-top WP adds to main */
body.home main.wp-block-group {
  margin-top: 0 !important;
}

/* ── HERO ─────────────────────────────────────────────────────────── */
.bms-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 !important;
  overflow: hidden;

  /* Prison photo in lower half, cream in upper half */
  background:
    linear-gradient(
      to bottom,
      #e8dece 0%,
      #e8dece 48%,
      rgba(232,222,206,0.5) 58%,
      rgba(20,16,12,0.25) 70%,
      rgba(20,16,12,0.72) 100%
    ),
    url('assets/prison-hero.webp') center top / cover no-repeat !important;
}

.bms-hero__inner,
.bms-hero .wp-block-group,
.bms-hero .wp-block-group.has-global-padding,
.bms-hero .wp-block-group.is-layout-constrained,
.bms-hero .wp-block-group.alignfull {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  max-width: 860px;
  padding: 2.5rem 1.5rem 4rem !important;
  margin: 0 auto !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Eyebrow */
.bms-eyebrow {
  font-family: 'Special Elite', monospace !important;
  font-size: clamp(0.75rem, 1.1vw, 0.9rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: #c2490d !important;
  margin: 0 auto 0.75rem !important;
  padding: 0 !important;
  background: transparent !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
}

/* Logo */
.bms-logo-block {
  margin: 0 auto 1rem !important;
  text-align: center !important;
  background: transparent !important;
}
.bms-logo-img,
.bms-logo-block img {
  mix-blend-mode: multiply !important;
  width: clamp(280px, 65vw, 520px) !important;
  max-width: clamp(280px, 65vw, 520px) !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
  filter: drop-shadow(0 6px 20px rgba(0,0,0,0.4)) contrast(1.05) !important;
}

/* Tagline */
.bms-tagline {
  font-family: 'Special Elite', monospace !important;
  font-size: clamp(0.95rem, 1.4vw, 1.15rem) !important;
  font-weight: 700 !important;
  color: #1a1108 !important;
  max-width: 52ch !important;
  margin: 0 auto 2rem !important;
  line-height: 1.55 !important;
  background: transparent !important;
}

/* Hero CTA buttons */
.bms-hero-btns {
  display: flex !important;
  gap: 1rem !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}
.bms-hero-btns .wp-block-button__link {
  font-family: 'Special Elite', monospace !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 0.75rem 1.75rem !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 200ms ease !important;
}
.bms-btn-primary .wp-block-button__link {
  background: #c2490d !important;
  color: #fff !important;
  border: 2px solid #c2490d !important;
}
.bms-btn-primary .wp-block-button__link:hover {
  background: #a83a08 !important;
  border-color: #a83a08 !important;
}
/* View Roll Call — force identical solid orange fill as Join the Gang */
.bms-btn-outline .wp-block-button__link,
.bms-hero-btns .wp-block-button.is-style-outline .wp-block-button__link,
.bms-hero-btns .wp-block-button__link {
  background: #c2490d !important;
  background-color: #c2490d !important;
  color: #fff !important;
  border: 2px solid #c2490d !important;
}
.bms-btn-outline .wp-block-button__link:hover,
.bms-hero-btns .wp-block-button.is-style-outline .wp-block-button__link:hover,
.bms-hero-btns .wp-block-button__link:hover {
  background: #a83a08 !important;
  background-color: #a83a08 !important;
  border-color: #a83a08 !important;
  color: #fff !important;
}

/* ── QUOTE BOX ─────────────────────────────────────────────────────── */
.bms-quote-box {
  background: #c2490d;
  border-bottom: 1px solid #a83a08;
  width: 100%;
  box-sizing: border-box;
  animation: bms-quote-fadein 0.8s ease both;
}
@keyframes bms-quote-fadein {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.bms-quote-box__inner {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(0.75rem, 3vw, 1.25rem) clamp(1rem, 5vw, 2.5rem);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 0.75rem;
  align-items: start;
}
.bms-quote-box__mark {
  grid-row: 1 / 3;
  font-family: 'Rye', Georgia, serif;
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  color: rgba(255,255,255,0.35);
  line-height: 1;
  margin-top: -0.1em;
  user-select: none;
}
.bms-quote-box__body {
  grid-column: 2;
  font-family: 'Special Elite', monospace;
  font-size: clamp(0.78rem, 2vw, 0.92rem);
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.04em;
  margin: 0 0 0.35rem;
}
.bms-quote-box__attr {
  grid-column: 2;
  font-family: 'Special Elite', monospace;
  font-size: 0.68rem;
  color: rgba(255,255,255,0.65);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0;
}

/* ── SHARED SECTION STYLES ────────────────────────────────────────── */
.bms-section-label {
  display: block;
  font-family: 'Special Elite', monospace;
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #c2490d;
  margin-bottom: 0.5rem;
}
.bms-section-heading {
  font-family: 'Rye', Georgia, serif !important;
  font-size: clamp(1.5rem, 2.5vw, 2.25rem) !important;
  color: #e8e0d4 !important;
  margin-bottom: 1.25rem !important;
  line-height: 1.2 !important;
}
.bms-section-sub {
  font-family: 'Special Elite', monospace;
  font-size: 0.95rem;
  color: #9a9388;
  margin-bottom: 2rem;
}
.bms-center { text-align: center; }
.bms-light  { color: #e8d5b0 !important; }

/* Generic bms-btn */
.bms-btn {
  display: inline-block;
  font-family: 'Special Elite', monospace;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.75rem 1.75rem;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  transition: all 200ms ease;
  background: #c2490d;
  color: #fff;
  border: 2px solid #c2490d;
}
.bms-btn:hover { background: #a83a08; border-color: #a83a08; color: #fff; }
.bms-btn.bms-btn-outline { background: transparent; color: #c2490d; border-color: #c2490d; }
.bms-btn.bms-btn-outline:hover { background: #c2490d; color: #fff; }
.bms-btn.bms-btn-large { padding: 1rem 2.5rem; font-size: 0.95rem; }

/* ── WANTED / ABOUT SECTION ──────────────────────────────────────── */
.bms-wanted-section {
  background: #201d1a !important;
  padding: clamp(3rem, 6vw, 5rem) clamp(1rem, 4vw, 3rem) !important;
  position: relative;
  max-width: 100% !important;
}
.bms-wanted-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('assets/stone-wall.webp');
  background-size: 400px;
  opacity: 0.03;
  pointer-events: none;
}
.bms-wanted-grid {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  max-width: 960px;
  margin: 0 auto;
}
.bms-wanted-poster {
  background: #2a2018;
  border: 3px solid #6b4c28;
  padding: 1.5rem 1.25rem;
  text-align: center;
  width: 200px;
  margin: 0 auto;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6);
  position: relative;
}
.bms-wanted-poster::before {
  content: '';
  position: absolute;
  inset: 6px;
  border: 1px solid #6b4c28;
  opacity: 0.5;
  pointer-events: none;
}
.bms-poster-header {
  font-family: 'Rye', Georgia, serif;
  font-size: 1.5rem;
  color: #6b4c28;
  letter-spacing: 0.1em;
  margin: 0 0 1rem;
}
.bms-poster-silhouette {
  width: 120px;
  height: 140px;
  margin: 0 auto 1rem;
  background: rgba(107,76,40,0.15);
  border: 2px solid #6b4c28;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bms-poster-crime,
.bms-poster-reward {
  font-family: 'Special Elite', monospace;
  font-size: 0.65rem;
  color: #6b4c28;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.5;
  margin: 0 0 0.25rem;
}
.bms-poster-aka {
  font-family: 'Rye', Georgia, serif;
  font-size: 0.85rem;
  color: #c2490d;
  margin: 0.5rem 0 0;
}
.bms-about-content p {
  font-family: 'Libre Baskerville', Georgia, serif;
  color: #9a9388;
  margin-bottom: 1rem;
  line-height: 1.7;
}
.bms-about-stats {
  display: flex;
  gap: 1.5rem;
  margin: 1.5rem 0 2rem;
  padding: 1.25rem 0;
  border-top: 1px solid #33302b;
  border-bottom: 1px solid #33302b;
  flex-wrap: wrap;
}
.bms-stat { display: flex; flex-direction: column; gap: 0.2rem; }
.bms-stat-num {
  font-family: 'Rye', Georgia, serif;
  font-size: 1.25rem;
  color: #c2490d;
  line-height: 1;
}
.bms-stat-label {
  font-family: 'Special Elite', monospace;
  font-size: 0.65rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5e5a55;
}

/* ── ROLL CALL SECTION ────────────────────────────────────────────── */
.bms-rollcall-section {
  background: #1a1714 !important;
  padding: clamp(3rem, 6vw, 5rem) clamp(1rem, 4vw, 3rem) !important;
  max-width: 100% !important;
}
.bms-stone-divider {
  height: 28px;
  background-image: url('assets/stone-wall.webp');
  background-size: 300px;
  opacity: 0.45;
  border-top: 2px solid #3d3a35;
  border-bottom: 2px solid #3d3a35;
  margin: 2rem 0;
}
.bms-rap-sheets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin: 2rem 0;
  max-width: 960px;
  margin-inline: auto;
}
.bms-rap-sheet {
  background: #262320;
  border: 1px solid #3d3a35;
  border-top: 3px solid #c2490d;
  padding: 1.25rem;
  position: relative;
  box-shadow: 0 4px 16px rgba(0,0,0,0.5);
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.bms-rap-sheet:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(0,0,0,0.6); }
.bms-rap-number {
  font-family: 'Special Elite', monospace;
  font-size: 0.65rem;
  color: #c2490d;
  letter-spacing: 0.15em;
  margin-bottom: 0.5rem;
}
.bms-rap-name {
  font-family: 'Rye', Georgia, serif;
  font-size: 1.25rem;
  color: #e8e0d4;
  margin-bottom: 0.75rem;
}
.bms-rap-crime {
  font-family: 'Special Elite', monospace;
  font-size: 0.7rem;
  color: #9a9388;
  line-height: 1.5;
}
.bms-rap-tag {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-family: 'Special Elite', monospace;
  font-size: 0.55rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c2490d;
  border: 1px solid #c2490d;
  padding: 2px 0.5rem;
  border-radius: 999px;
  background: #3d2418;
}

/* ── DISPATCHES / BLOG ────────────────────────────────────────────── */
.bms-dispatches-section {
  background: #201d1a !important;
  padding: clamp(3rem, 6vw, 5rem) clamp(1rem, 4vw, 3rem) !important;
  max-width: 100% !important;
  position: relative;
}
.bms-dispatches-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('assets/stone-wall.webp');
  background-size: 400px;
  opacity: 0.025;
  pointer-events: none;
}
/* Style the WP latest-posts block inside dispatches.
   WP renders this as a <ul> — we turn it into a 2-col grid. */
ul.bms-dispatch-grid,
.bms-dispatch-grid.wp-block-latest-posts,
.bms-dispatch-grid.wp-block-latest-posts__list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 1.5rem auto 0 !important;
  max-width: 960px !important;
  width: 100% !important;
}
ul.bms-dispatch-grid li,
.bms-dispatch-grid li {
  background: #262320 !important;
  border: 1px solid #3d3a35 !important;
  border-top: 3px solid #c2490d !important;
  padding: 1.25rem !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
  transition: transform 200ms ease !important;
  list-style: none !important;
  display: block !important;
}
ul.bms-dispatch-grid li:hover,
.bms-dispatch-grid li:hover { transform: translateY(-2px) !important; }
.bms-dispatch-grid .wp-block-latest-posts__post-title,
.bms-dispatch-grid a.wp-block-latest-posts__post-title {
  font-family: 'Rye', Georgia, serif !important;
  font-size: 1.05rem !important;
  color: #e8e0d4 !important;
  text-decoration: none !important;
  display: block !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.3 !important;
}
.bms-dispatch-grid .wp-block-latest-posts__post-title:hover { color: #c2490d !important; }
.bms-dispatch-grid time,
.bms-dispatch-grid .wp-block-latest-posts__post-date {
  font-family: 'Special Elite', monospace !important;
  font-size: 0.65rem !important;
  color: #c2490d !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 0.75rem !important;
}
.bms-dispatch-grid .wp-block-latest-posts__post-excerpt,
.bms-dispatch-grid .wp-block-latest-posts__post-excerpt p {
  font-family: 'Libre Baskerville', Georgia, serif !important;
  font-size: 0.85rem !important;
  color: #9a9388 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ── JOIN SECTION ─────────────────────────────────────────────────── */
.bms-join-section {
  position: relative;
  padding: clamp(4rem, 8vw, 7rem) clamp(1rem, 4vw, 3rem) !important;
  max-width: 100% !important;
  text-align: center;
  overflow: hidden;
}
.bms-join-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('assets/stone-wall.webp');
  background-size: 350px;
  opacity: 0.7;
  z-index: 0;
}
.bms-join-section::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(138,46,6,0.92), rgba(42,18,8,0.88));
  z-index: 1;
}
.bms-join-section * { position: relative; z-index: 2; }
.bms-join-sub {
  font-family: 'Special Elite', monospace;
  font-size: 0.9rem;
  color: #e8d5b0;
  max-width: 45ch;
  margin: 0 auto 2rem;
  line-height: 1.6;
}
.bms-join-perks {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.bms-perk {
  font-family: 'Special Elite', monospace;
  font-size: 0.65rem;
  color: rgba(232,213,176,0.85);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.4rem 0.85rem;
  border: 1px solid rgba(232,213,176,0.25);
  border-radius: 2px;
  background: rgba(0,0,0,0.2);
}

/* ── SOCIAL SECTION ───────────────────────────────────────────────── */
.bms-social-section {
  background: #1a1714 !important;
  border-top: 1px solid #3d3a35 !important;
  padding: 2.5rem 1rem !important;
  text-align: center;
  max-width: 100% !important;
}
.bms-social-label {
  font-family: 'Special Elite', monospace;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #5e5a55;
  margin-bottom: 1.25rem;
}
.bms-social-links {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.bms-social-link {
  font-family: 'Special Elite', monospace;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9a9388 !important;
  padding: 0.6rem 1rem;
  border: 1px solid #3d3a35;
  border-radius: 2px;
  text-decoration: none !important;
  transition: all 200ms ease;
}
.bms-social-link:hover {
  color: #c2490d !important;
  border-color: #c2490d;
  background: #3d2418;
}

/* ── MOBILE ───────────────────────────────────────────────────────── */
@media (max-width: 700px) {
  .bms-hero { min-height: 100svh; }
  .bms-hero__inner { padding: 2rem 1rem 3rem !important; }
  .bms-wanted-grid { grid-template-columns: 1fr; text-align: center; }
  .bms-wanted-poster { order: -1; }
  .bms-about-stats { justify-content: center; }
  ul.bms-dispatch-grid,
  .bms-dispatch-grid.wp-block-latest-posts { grid-template-columns: 1fr !important; }
  .bms-join-perks { gap: 0.5rem; }
  .bms-hero-btns { flex-direction: column; align-items: center; }
  .bms-hero-btns .wp-block-button { width: 100%; max-width: 280px; }
  .bms-hero-btns .wp-block-button__link { width: 100%; text-align: center; }
}


/* ── QUOTE BOX — click to rotate ─────────────────────────────────── */
.bms-quote-box {
  cursor: pointer;
  user-select: none;
}
.bms-quote-box:hover .bms-quote-box__inner {
  background: #2a1f14;
}
.bms-quote-box__inner {
  transition: opacity 0.28s ease, background 200ms ease;
}
.bms-quote-box.bms-quote--loading {
  cursor: wait;
}
.bms-quote-box.bms-quote--loading .bms-quote-box__inner {
  opacity: 0.35;
}

/* ── RSS social link ──────────────────────────────────────────────── */
.bms-social-link--rss:hover {
  color: #c2490d !important;
  border-color: #c2490d;
  background: #3d2418;
}