/* ============================================================
   parity-overrides.css  (P3)
   Minimal, documented deltas from the vendored live CSS, needed
   ONLY because we are rendering a STATIC page without the live
   site's jQuery/Bootstrap-JS/slick runtime yet.

   Each rule notes WHY. These do not restyle anything — they only
   reveal content the live JS reveals at runtime, so the static
   render matches the reference screenshot.
   ============================================================ */

/* [REMOVED by P4 — JS layer] The pre-slick stand-ins that used to live here
   (.models-group{visibility:visible;...} and the flex-basis pin on its
   children) are gone: the real vendored slick carousel now initializes
   exactly like live (the-home-script.v2.min.js / facegen.min.js), builds the
   slide DOM and flips visibility on setPosition. Keeping the overrides would
   fight slick's runtime layout. As on live, the strip is briefly invisible
   until slick init (home delays it 500ms) and stays hidden without JS. */

/* [MOVED here by P4 — JS layer] Verbatim port of the inline <head> <style>
   EVERY live page carries (dropdown item min-width + Free Images mega-menu
   grid + .custom-tag). It previously lived only in parity-overrides-tools.css
   because the homepage rendered dropdowns closed; now that the vendored JS
   opens them on every page, the rules must be global (the homepage mega-menu
   was 180px wide without them). */
@media (min-width: 991px) {
  .drop-down-item {
    min-width: 10rem;
  }
}
.mega-menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
  .mega-menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .mega-menu {
    grid-template-columns: 1fr;
  }
}
.custom-tag {
  padding: 3px !important;
  margin: 3px !important;
  font-size: 12px !important;
}

/* Inert ad placeholders (NEXT_PUBLIC_ADS_ENABLED off on devonly):
   render an empty, correctly-sized 336x280 box so layout/pixel-diff
   holds without loading AdSense/Ezoic. P4/P6 wire real ads later. */
.ad-slot-placeholder {
  width: 336px;
  height: 280px;
  max-width: 100%;
  display: inline-block;
  background: transparent;
}

/* .blink — the live home page defines this inline for the "JOIN NOW!" link. */
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
