/* v53.0.0 — Add Listing category chooser only. */
body.njf-add-listing-chooser-page {
  --njf-post-bg: #003e48;
  --njf-post-bg-2: #005563;
  --njf-post-card: #ffffff;
  --njf-post-ink: #073e48;
  --njf-post-muted: #61767b;
  --njf-post-accent: #12b8aa;
  background: var(--njf-post-bg);
}

.njf-add-listing-chooser-page .site-content,
.njf-add-listing-chooser-page #page,
.njf-add-listing-chooser-page #primary,
.njf-add-listing-chooser-page .content-area,
.njf-add-listing-chooser-page main.site-main,
.njf-add-listing-chooser-page article,
.njf-add-listing-chooser-page .inside-article {
  background: transparent !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.njf-add-listing-chooser-page .entry-header,
.njf-add-listing-chooser-page .entry-title {
  display: none !important;
}

.njf-post-page {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 26px 16px 34px;
  color: #fff;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(180deg, var(--njf-post-bg-2), var(--njf-post-bg));
  background-size: 48px 48px, 48px 48px, auto;
}

.njf-post-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 190px;
  padding: 30px 26px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(135deg, #034653 0%, #087286 100%);
  box-shadow: 0 18px 38px rgba(0,28,35,.26);
}

.njf-post-hero::after {
  content: "";
  position: absolute;
  width: 210px;
  height: 210px;
  right: -70px;
  top: -82px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 32px rgba(255,255,255,.035), 0 0 0 66px rgba(255,255,255,.025);
}

.njf-post-hero__copy { position: relative; z-index: 1; max-width: 680px; }
.njf-post-hero__eyebrow,
.njf-post-section-label {
  display: block;
  margin-bottom: 8px;
  color: #72eee2;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.njf-post-hero h1 { margin: 0 0 10px; color: #fff; font-size: clamp(31px, 6vw, 48px); line-height: 1.08; }
.njf-post-hero p { margin: 0; color: rgba(255,255,255,.86); font-size: clamp(16px, 3.5vw, 20px); line-height: 1.55; }
.njf-post-hero__icon {
  position: relative;
  z-index: 1;
  flex: 0 0 74px;
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  border-radius: 24px;
  color: #fff;
  background: rgba(17,184,170,.78);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 42px;
  font-weight: 300;
}

.njf-post-picker,
.njf-post-steps,
.njf-post-benefits {
  margin-top: 22px;
  border-radius: 28px;
  background: var(--njf-post-card);
  color: var(--njf-post-ink);
  box-shadow: 0 18px 38px rgba(0,25,30,.2);
}

.njf-post-picker { padding: 22px; }
.njf-post-picker__head { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.njf-post-picker__head span { color: #15958d; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.njf-post-picker__head h2 { margin: 4px 0 0; color: var(--njf-post-ink); font-size: clamp(21px, 4.5vw, 29px); line-height: 1.2; }
.njf-post-picker__head > strong { white-space: nowrap; color: #147f8f; background: #e9f7f6; border-radius: 999px; padding: 8px 11px; font-size: 13px; }

.njf-post-categories { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.njf-post-category {
  min-width: 0;
  display: grid;
  grid-template-columns: 50px minmax(0,1fr) 22px;
  align-items: center;
  gap: 10px;
  min-height: 112px;
  padding: 15px;
  border: 1px solid #dce8e9;
  border-radius: 20px;
  color: var(--njf-post-ink);
  text-decoration: none !important;
  background: #fff;
  box-shadow: 0 7px 18px rgba(12,66,74,.07);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  -webkit-tap-highlight-color: transparent;
}
.njf-post-category:hover,
.njf-post-category:focus-visible { transform: translateY(-2px); color: var(--njf-post-ink); border-color: #74cec6; box-shadow: 0 13px 26px rgba(12,66,74,.13); }
.njf-post-category:active { transform: scale(.985); }
.njf-post-category__icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 17px; font-size: 25px; background: #e8f8f5; }
.njf-post-category__copy { display: flex; flex-direction: column; min-width: 0; }
.njf-post-category__copy strong { color: var(--njf-post-ink); font-size: 16px; line-height: 1.22; }
.njf-post-category__copy small { margin-top: 5px; color: var(--njf-post-muted); font-size: 12px; line-height: 1.35; }
.njf-post-category__arrow { color: #159c92; font-size: 20px; }
.njf-post-category.is-sale-home .njf-post-category__icon { background: #e9f8f4; }
.njf-post-category.is-rent-home .njf-post-category__icon { background: #e9f4ff; }
.njf-post-category.is-car .njf-post-category__icon { background: #eaf2ff; }
.njf-post-category.is-job .njf-post-category__icon { background: #f1eaff; }
.njf-post-category.is-electronics .njf-post-category__icon { background: #eaf8ff; }
.njf-post-category.is-other .njf-post-category__icon { background: #fff4dc; }
.njf-post-category.is-service .njf-post-category__icon { background: #e9f8ef; }

.njf-post-steps { padding: 24px 22px; }
.njf-post-steps h2,
.njf-post-benefits h2 { margin: 0 0 18px; color: var(--njf-post-ink); font-size: clamp(22px,4.7vw,30px); }
.njf-post-steps .njf-post-section-label,
.njf-post-benefits .njf-post-section-label { color: #168c84; }
.njf-post-steps__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.njf-post-steps__grid > div { padding: 17px; border-radius: 19px; background: #f1f8f8; }
.njf-post-steps__grid b { display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 12px; border-radius: 50%; color: #fff; background: #0aa99d; }
.njf-post-steps__grid strong { display: block; margin-bottom: 5px; color: var(--njf-post-ink); font-size: 15px; }
.njf-post-steps__grid span { color: var(--njf-post-muted); font-size: 13px; line-height: 1.4; }

.njf-post-benefits { display: grid; grid-template-columns: 1fr 1.3fr; align-items: center; gap: 20px; padding: 24px 22px; }
.njf-post-benefits h2 { margin-bottom: 0; }
.njf-post-benefits ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.njf-post-benefits li { display: flex; align-items: center; gap: 9px; min-height: 46px; padding: 10px 12px; border-radius: 14px; color: var(--njf-post-ink); background: #f2f8f8; font-size: 14px; font-weight: 700; }
.njf-post-benefits li span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: #fff; background: #13ae8f; }

.njf-add-listing-chooser-page .site-footer { margin-top: 0 !important; }

@media (max-width: 620px) {
  .njf-post-page { padding: 18px 14px 28px; }
  .njf-post-hero { min-height: 174px; padding: 25px 20px; border-radius: 25px; }
  .njf-post-hero__icon { flex-basis: 58px; width: 58px; height: 58px; border-radius: 19px; font-size: 34px; }
  .njf-post-picker { padding: 17px 14px; border-radius: 24px; }
  .njf-post-picker__head { align-items: start; }
  .njf-post-picker__head > strong { font-size: 11px; padding: 7px 9px; }
  .njf-post-categories { gap: 10px; }
  .njf-post-category { grid-template-columns: 44px minmax(0,1fr); min-height: 105px; padding: 13px 11px; border-radius: 18px; }
  .njf-post-category__icon { width: 44px; height: 44px; border-radius: 15px; font-size: 22px; }
  .njf-post-category__copy strong { font-size: 14px; }
  .njf-post-category__copy small { display: none; }
  .njf-post-category__arrow { display: none; }
  .njf-post-steps, .njf-post-benefits { border-radius: 24px; padding: 21px 17px; }
  .njf-post-steps__grid { grid-template-columns: 1fr; }
  .njf-post-steps__grid > div { display: grid; grid-template-columns: 34px 1fr; column-gap: 10px; padding: 13px; }
  .njf-post-steps__grid b { grid-row: 1 / span 2; margin: 0; }
  .njf-post-steps__grid strong { margin: 1px 0 2px; }
  .njf-post-benefits { grid-template-columns: 1fr; gap: 12px; }
  .njf-post-benefits ul { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 390px) {
  .njf-post-hero__icon { display: none; }
  .njf-post-category { grid-template-columns: 1fr; justify-items: center; text-align: center; min-height: 118px; }
  .njf-post-category__copy strong { font-size: 13px; }
  .njf-post-benefits ul { grid-template-columns: 1fr; }
}

/* v53.1.0 — Final compact polish for the chooser page only. */
body.njf-add-listing-chooser-page,
body.njf-add-listing-chooser-page #page,
body.njf-add-listing-chooser-page .site-content {
  min-height: 0 !important;
}

.njf-add-listing-chooser-page .njf-post-page {
  padding-bottom: 18px;
}

.njf-add-listing-chooser-page .njf-post-hero {
  min-height: 164px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.njf-add-listing-chooser-page .njf-post-steps,
.njf-add-listing-chooser-page .njf-post-benefits {
  padding-top: 19px;
  padding-bottom: 19px;
}

.njf-add-listing-chooser-page .njf-post-steps__grid > div {
  padding-top: 13px;
  padding-bottom: 13px;
}

.njf-add-listing-chooser-page .njf-post-benefits li {
  min-height: 42px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.njf-add-listing-chooser-page .footer-widgets,
.njf-add-listing-chooser-page .site-footer .footer-widgets-container {
  display: none !important;
}

.njf-add-listing-chooser-page .site-footer,
.njf-add-listing-chooser-page .site-info,
.njf-add-listing-chooser-page .inside-site-info {
  margin: 0 !important;
  min-height: 0 !important;
  background: #003e48 !important;
}

.njf-add-listing-chooser-page .site-info {
  padding: 13px 14px !important;
  color: rgba(255,255,255,.78) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.njf-add-listing-chooser-page .site-info a,
.njf-add-listing-chooser-page .site-info a[href*="generatepress"] {
  color: #fff !important;
  text-decoration: none !important;
}

.njf-add-listing-chooser-page .site-footer + *,
.njf-add-listing-chooser-page #page + * {
  margin-top: 0 !important;
}

@media (max-width: 620px) {
  .njf-add-listing-chooser-page .njf-post-page {
    padding-bottom: 14px;
  }
  .njf-add-listing-chooser-page .njf-post-hero {
    min-height: 150px;
    padding: 21px 18px;
  }
  .njf-add-listing-chooser-page .njf-post-steps,
  .njf-add-listing-chooser-page .njf-post-benefits {
    padding: 17px 15px;
  }
  .njf-add-listing-chooser-page .njf-post-steps__grid {
    gap: 9px;
  }
  .njf-add-listing-chooser-page .site-info {
    padding: 11px 12px !important;
  }
}

/* =========================================================
   v53.2.0 — Branded compact header for Add Listing chooser
   Scope: /add-listing/ chooser only. No form changes.
   ========================================================= */
body.njf-add-listing-chooser-page #masthead,
body.njf-add-listing-chooser-page .site-header,
body.njf-add-listing-chooser-page .site-header .inside-header {
  background: #063847 !important;
  color: #fff !important;
}

body.njf-add-listing-chooser-page #masthead,
body.njf-add-listing-chooser-page .site-header {
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
}

body.njf-add-listing-chooser-page .site-header .inside-header {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

body.njf-add-listing-chooser-page .site-branding,
body.njf-add-listing-chooser-page .site-branding .main-title,
body.njf-add-listing-chooser-page .site-branding .main-title a,
body.njf-add-listing-chooser-page .site-title,
body.njf-add-listing-chooser-page .site-title a,
body.njf-add-listing-chooser-page .site-description,
body.njf-add-listing-chooser-page .site-header .site-branding-container,
body.njf-add-listing-chooser-page .site-header .site-branding-container a {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.njf-add-listing-chooser-page #site-navigation,
body.njf-add-listing-chooser-page .main-navigation,
body.njf-add-listing-chooser-page .main-navigation .inside-navigation {
  background: #052f3b !important;
  color: #fff !important;
  border: 0 !important;
}

body.njf-add-listing-chooser-page .main-navigation .inside-navigation {
  min-height: 56px !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

body.njf-add-listing-chooser-page .menu-toggle,
body.njf-add-listing-chooser-page .main-navigation .menu-toggle {
  min-height: 56px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  color: #fff !important;
  background: transparent !important;
  font-weight: 750 !important;
}

body.njf-add-listing-chooser-page .menu-toggle .gp-icon,
body.njf-add-listing-chooser-page .menu-toggle svg {
  color: #fff !important;
  fill: currentColor !important;
}

body.njf-add-listing-chooser-page .main-navigation.toggled,
body.njf-add-listing-chooser-page .main-navigation.toggled .main-nav,
body.njf-add-listing-chooser-page .main-navigation.toggled .main-nav > ul,
body.njf-add-listing-chooser-page .main-navigation.toggled .main-nav ul ul {
  background: #052f3b !important;
}

body.njf-add-listing-chooser-page .main-navigation.toggled .main-nav a,
body.njf-add-listing-chooser-page .main-navigation.toggled .main-nav a:visited {
  color: #fff !important;
}

body.njf-add-listing-chooser-page #page,
body.njf-add-listing-chooser-page #content,
body.njf-add-listing-chooser-page .site-content,
body.njf-add-listing-chooser-page .content-area,
body.njf-add-listing-chooser-page #primary,
body.njf-add-listing-chooser-page #main,
body.njf-add-listing-chooser-page .inside-article,
body.njf-add-listing-chooser-page .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.njf-add-listing-chooser-page .njf-post-page {
  margin-top: 0 !important;
  padding-top: 20px !important;
}

@media (max-width: 620px) {
  body.njf-add-listing-chooser-page .site-header .inside-header {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  body.njf-add-listing-chooser-page .main-navigation .inside-navigation,
  body.njf-add-listing-chooser-page .menu-toggle,
  body.njf-add-listing-chooser-page .main-navigation .menu-toggle {
    min-height: 54px !important;
  }

  body.njf-add-listing-chooser-page .njf-post-page {
    padding-top: 14px !important;
  }
}