/* =========================================
   /x-rated/ — dumb fixed teaser page (STATIC)
   One rule: fixed tall/skinny cards, identical width
   Template: page-x-rated-landing.php
   Body class: body.page-template-page-x-rated-landing
========================================= */

body.page-template-page-x-rated-landing {
  background: #000;
  color: #fff;

  /* card knobs */
  --xr-card-w: 560px;     /* skinny */
  --xr-card-h: 937px;     /* tall */
  --xr-card-pad: 24px;
  --xr-card-radius: 24px;

  /* colors */
  --xr-card-bg: rgb(18, 18, 18);
  --xr-letterbox: rgba(0, 0, 0, 0.10);
}

/* Safety: keep the whole canvas black */
body.page-template-page-x-rated-landing,
body.page-template-page-x-rated-landing #page {
  background: #000;
}

/* Header breathing room + dark header */
body.page-template-page-x-rated-landing .pg13-top-nav {
  background: #000;
  box-shadow: none;
  padding-top: 18px;     /* was 14px */
  padding-bottom: 14px;  /* was 12px */
}

/* Header text stays white */
body.page-template-page-x-rated-landing .pg13-top-links .pg13-top-link {
  color: #fff;
}

/* Pills readable on dark */
body.page-template-page-x-rated-landing .pg13-top-pill {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
}

/* Logo color (template-scoped; do NOT use page-id selectors) */
body.page-template-page-x-rated-landing .pg13-logo {
  color: #fff;
}
body.page-template-page-x-rated-landing .pg13-logo span {
  color: #ff2b92;
}

/* Kill the scroll hint on the sales page */
body.page-template-page-x-rated-landing .xlanding-scroll-label {
  display: none !important;
}

/* Main gutters */
body.page-template-page-x-rated-landing .xlanding-main {
  width: 100%;
  margin: 0 auto;
  padding: 0 12px;
}

/* Stack: one centered column, consistent spacing */
body.page-template-page-x-rated-landing .xlanding-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  padding-top: 4px; /* space under nav */
}

/* CARD: fixed size, with viewport guardrails */
body.page-template-page-x-rated-landing article.xlanding-player {
  width: var(--xr-card-w) !important;
  height: var(--xr-card-h) !important;

  max-width: 92vw !important;
  max-height: calc(100vh - 140px) !important;

  margin: 0 auto !important;
  padding: var(--xr-card-pad) !important;
  box-sizing: border-box !important;

  border-radius: var(--xr-card-radius) !important;
  overflow: hidden !important;

  background: var(--xr-card-bg) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 18px 45px rgba(0,0,0,.45) !important;
}

/* SMOKING GUN FIX: video ALWAYS fills card interior */
body.page-template-page-x-rated-landing video.xlanding-video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important; /* match PG13 */
  object-position: center center !important;

  background: var(--xr-letterbox); /* shows letterbox */
  border-radius: calc(var(--xr-card-radius) - 6px) !important;
}

/* Short vids: letterbox (same width, different fit) */
body.page-template-page-x-rated-landing article.xlanding-player.is-short video.xlanding-video {
  object-fit: contain !important;
}

/* CTA: match card width */
body.page-template-page-x-rated-landing .xlanding-cta {
  width: var(--xr-card-w) !important;
  max-width: 92vw !important;
  margin: 26px auto 60px !important;

  padding: 28px 32px 24px;
  border-radius: 24px;
  background: radial-gradient(circle at top left,
                              #ff4ba0 0%,
                              #ff2e86 35%,
                              #7b1fa2 75%,
                              #111 100%);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
}

body.page-template-page-x-rated-landing .xlanding-cta h2 {
  margin: 0 0 16px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.03em;
}

body.page-template-page-x-rated-landing .xlanding-cta p {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.6;
  max-width: 36rem;
  opacity: 0.95;
}

body.page-template-page-x-rated-landing .xlanding-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: auto;
  max-width: 100%;
  padding: 0.8em 2.6em;

  height: 46px;
  border-radius: 999px;
  border: none;
  background: #ffffff;
  color: #111111;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;

  margin-top: 16px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.75);
  transform: translateY(0);
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

body.page-template-page-x-rated-landing .xlanding-cta-button:hover,
body.page-template-page-x-rated-landing .xlanding-cta-button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.85);
  outline: none;
}

body.page-template-page-x-rated-landing .xlanding-cta-footnote {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.85;
}

/* CTA mobile containment */
@media (max-width: 767px) {
  body.page-template-page-x-rated-landing .xlanding-cta {
    margin: 24px 16px 64px;
    padding: 20px 18px 18px;
  }

  body.page-template-page-x-rated-landing .xlanding-cta-button {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 16px 0 0 0;
    white-space: normal;
  }
}

/* Template includes its own top nav — hide theme header on /x-rated/ */
body.page-template-page-x-rated-landing .site-header{
  display: none !important;
}

body.page-template-page-x-rated-landing .pg13-top-nav{
  padding-top: 18px !important;
  padding-bottom: 14px !important;
}