/* --------------------------------------------- */
/* HEADER CLEANUP                                */
/* --------------------------------------------- */

div.wrapper-inner.group {
  background-image:url("https://popcornjedi.com/wp-content/uploads/2026/09/popcorn-jedi-header-1.jpg");
  background-size:auto;
  background-blend-mode:screen;
  background-size: cover;
  height:210px;
}

#header { 
  position: relative; 
  z-index: 3; 
}

header {
    background: transparent !important;
}

.stickywrap-heading {
    color: white !important; 
}

/* Color specific category archives text */
.category-762143510 .contentbox,
.category-762143510 .contentbox p,
.category-762122867 .contentbox,
.category-762122867 .contentbox p,
.category-762143513 .contentbox,
.category-762143513 .contentbox p,
.category-762143654 .contentbox,
.category-762143654 .contentbox p,
.category-762143599 .contentbox,
.category-762143599 .contentbox p,
.category-277 .contentbox,
.category-277 .contentbox p,
.category-762143514 .contentbox,
.category-762143514 .contentbox p {
    color: grey !important; 
}

/* Lock Movie Quote Profile Image to precisely 100x100 */
img.pj-profile-quote-thumb {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important; /* Prevents the face from stretching or squishing */
    border-radius: 50%; /* Keeps it perfectly circular if you have circles active */
    display: block;
    margin: 0 auto 10px; /* Centers the image nicely over your movie quotes */
}

.stickywrap-heading a {
    color: #fff !important;
}

@font-face {
  font-family: 'Nasalization';
  src: url('https://popcornjedi.com/wp-content/uploads/2023/12/nasalization-rg.otf') format('opentype');
  font-display: swap;
}

.blog-card-left  {
      box-shadow: 0px 0px 10px 0px #000000 !important;
    width: 220px;
    height: auto;
    transform: perspective(100px) rotateY(8deg) scaleX(1.9);
    transform-origin: center left;
}

.highlights-card-thumb  {
      box-shadow:0px 0px 10px 0px #000000 !important;
}

.featured-card {
      box-shadow:0px 0px 10px 0px #000000 !important;
}

.katla-ticker {
      box-shadow:0px 0px 10px 0px #000000 !important;
}

.jp-relatedposts-post-img {
      box-shadow:0px 0px 10px 0px #000000 !important;
}

/* Guaranteed override: any featured image on single posts */
.single-post img.attachment-pj-featured {
    box-shadow: 0 0 10px 0 #000 !important;
    width: 750px !important;
    max-width: none !important;
    height: 520px !important;
    transform: perspective(530px) rotateY(10deg) scaleX(1.2);
    transform-origin: center left;
    transition: transform 0.4s ease;
    animation: flicker 2.6s infinite;
}

@keyframes flicker {
  0%   { opacity: 1; }
  5%   { opacity: 0.92; }
  10%  { opacity: 0.97; }
  15%  { opacity: 0.90; }
  20%  { opacity: 0.98; }
  25%  { opacity: 0.94; }
  30%  { opacity: 1; }
  40%  { opacity: 0.93; }
  50%  { opacity: 0.99; }
  60%  { opacity: 0.91; }
  70%  { opacity: 0.96; }
  80%  { opacity: 0.93; }
  90%  { opacity: 0.99; }
  100% { opacity: 1; }
}

.pj-top-holo::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(0, 180, 255, 0.35) 50%,
    transparent 100%
  );
  animation: pjTopShimmer 4s infinite;
}

@keyframes pjTopShimmer {
  0% { left: -150%; }
  60% { left: 150%; }
  100% { left: 150%; }
}

.holonet-ticker {
  width: 100%;
  overflow: hidden;
  background: #111;
  color: #0ff;
  padding: 8px 0;
  border-top: 2px solid #0ff;
  border-bottom: 2px solid #0ff;
  font-family: "Orbitron", sans-serif;
  white-space: nowrap;
}

.holonet-track {
  display: inline-block;
  /* make sure the track is wider than the container */
  min-width: 200%;
  animation: holonet-scroll 60s linear infinite;
}

.holonet-track span {
  display: inline-block;
  margin-right: 60px;
}

@keyframes holonet-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* ============================================================
   STAR WARS CINEMATIC BRANDING LINES (JEDI BLUE ENGINE)
   ============================================================ */

.sw-galaxy-font {
  font-family: "sf-distant-galaxy", "Trebuchet MS", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.sw-title-row {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 1.25rem 0 !important;
}

/* Forces the framing tracking lines to use your custom #3366ff blue automatically */
.sw-title-row::before,
.sw-title-row::after {
  content: "" !important;
  height: 2px !important;
  background-color: #3366ff !important;
  opacity: 0.7 !important;
}

/* Header Text Left Align Rules */
.top-brand-left::before { display: none !important; }
.top-brand-left::after {
  flex: 1 !important;
  margin-left: 1.5rem !important;
}

/* Footer Text Right Align Rules */
.bottom-brand-right::before {
  flex: 1 !important;
  margin-right: 1.5rem !important;
}
.bottom-brand-right::after { display: none !important; }

.sw-brand-text {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  white-space: nowrap !important;
}

.sw-title-row {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  line-height: 1 !important; /* Prevents text boxes from adding extra vertical height padding */
  margin: 0 !important; /* defers directly to the inline measurements */
}

/* Mobile Breakpoint Fixes */
@media (max-width: 650px) {
  .sw-brand-text { white-space: normal !important; }
  .top-brand-left, .bottom-brand-right { justify-content: center !important; }
  .top-brand-left::after, .bottom-brand-right::before { display: none !important; }
}