/* Javo Listings - Frontend Styles */

/* Tailwind + Flowbite are loaded separately as built CSS */
/* No need to import twcss.css here */

:root {
  /* Javo Design System Tokens (Mirrored from dashboard.css) */
  --javo-primary: #2563eb;
  --javo-primary-hover: #1d4ed8;

  --javo-bg-app: #f8f7fa;
  --javo-bg-surface: #ffffff;
  --javo-bg-surface-alt: #f1f5f9;

  --javo-text-primary: #1e293b;
  --javo-text-secondary: #64748b;

  --javo-border-default: #e2e8f0;
}
/* Layout stability improvements - admin bar spacing only when logged in */
body {
  margin: 0 !important;
  margin-top: 0 !important;
  /* Prevent double margin with html element */
}

/* Custom base styles for the Javo wrapper */
.javo-listings {

  /* Reset some WordPress defaults within our scope */
  * {
    box-sizing: border-box;
  }
}

/* Header stability and layout reservation */
.javo-custom-header {
  position: relative !important;
  z-index: 1000 !important;
  min-height: 60px !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
  /* Prevent content jumping during load */
  contain: layout style !important;
  /* Reserve space immediately */
  visibility: visible !important;
}

/* Elementor layout stability */
.elementor-section {
  margin: 0 !important;
}

.elementor-container {
  min-height: inherit !important;
}

/* SVG Icon - object-fit utility is not provided by Tailwind */
.javo-term-icon-svg,
.javo-taxonomy-icon img {
  object-fit: contain;
}

.javo-term-icon-svg {
  display: block;
  flex-shrink: 0;
}

.javo-taxonomy-detail-card .javo-taxonomy-icon,
.javo-taxonomy-card .javo-taxonomy-icon,
.javo-taxonomy-iconlist-item .javo-taxonomy-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
}

.dark .javo-taxonomy-detail-card .javo-taxonomy-icon,
.dark .javo-taxonomy-card .javo-taxonomy-icon,
.dark .javo-taxonomy-iconlist-item .javo-taxonomy-icon {
  padding: 0.875rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 9999px;
  background-color: rgba(148, 163, 184, 0.1);
}

.dark .javo-taxonomy-detail-card .javo-taxonomy-icon i,
.dark .javo-taxonomy-card .javo-taxonomy-icon i,
.dark .javo-taxonomy-iconlist-item .javo-taxonomy-icon i {
  color: #f8fafc !important;
}

.dark .javo-taxonomy-detail-card .javo-taxonomy-icon > svg,
.dark .javo-taxonomy-card .javo-taxonomy-icon > svg,
.dark .javo-taxonomy-iconlist-item .javo-taxonomy-icon > svg,
.dark .javo-taxonomy-detail-card .javo-taxonomy-icon .javo-term-icon-svg,
.dark .javo-taxonomy-card .javo-taxonomy-icon .javo-term-icon-svg,
.dark .javo-taxonomy-iconlist-item .javo-taxonomy-icon .javo-term-icon-svg {
  filter: brightness(0) saturate(100%) invert(100%);
}

/* WordPress admin specific overrides */
@media (max-width: 640px) {
  .javo-listings {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .javo-listings {
    --brand-color: #000080;
  }
}

/* PostBlock item accent helpers (dot/border/bg via CSS variables) */
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-dot .javo-post-meta-icon,
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-dot .javo-post-meta-icon i,
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-dot .javo-post-meta-icon svg,
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-dot i,
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-dot svg,
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-dot.javo-post-meta-icon,
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-dot.javo-post-meta-icon i,
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-dot.javo-post-meta-icon svg {
  color: var(--javo-postblock-accent-dot) !important;
  fill: var(--javo-postblock-accent-dot) !important;
}

.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-dot .javo-post-meta-content {
  flex-wrap: nowrap !important;
}

.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-border,
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-border>.e-con-inner {
  border-color: var(--javo-postblock-accent-border) !important;
}

.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-bg,
.javo-post-item[data-javo-postblock-accent] .javo-postblock-accent-bg>.e-con-inner {
  background-color: var(--javo-postblock-accent-bg) !important;
}

/* Listing scheduler meta display */
.javo-listing-scheduler-range {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: 0.35rem;
  vertical-align: middle;
}

.javo-listing-scheduler-range__date {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Date Range display presets for compact event cards. */
.javo-date-range-stacked {
  display: inline-flex;
  min-width: 2.75rem;
  max-width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
}

.javo-date-range-stacked__day {
  display: block;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 0.95;
}

.javo-date-range-stacked__month {
  display: block;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.1;
}

.javo-date-range-stacked--month-day .javo-date-range-stacked__month {
  font-size: 1rem;
  font-weight: 600;
}

.javo-date-range-stacked--month-day .javo-date-range-stacked__day {
  font-size: 2.05rem;
}

.javo-listing-scheduler-range__separator {
  flex: 0 0 auto;
  color: #64748b;
}

.javo-listing-scheduler-progress {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: 8px;
  color: #0f172a;
}

.javo-listing-scheduler-progress__labels {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  font-size: 13px;
  line-height: 1.35;
}

.javo-listing-scheduler-progress__labels--dates {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.javo-listing-scheduler-progress__date,
.javo-listing-scheduler-progress__percent {
  min-width: 0;
  overflow-wrap: anywhere;
}

.javo-listing-scheduler-progress__date--end {
  text-align: right;
}

.javo-listing-scheduler-progress__percent {
  color: #475569;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

.javo-listing-scheduler-progress__track {
  position: relative;
  height: 8px;
  width: 100%;
  overflow: hidden;
  border-radius: 999px;
  background-color: #e2e8f0;
}

.javo-listing-scheduler-progress__bar {
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  min-width: 0;
  max-width: 100%;
  border-radius: inherit;
  background-color: #0f172a;
}

.javo-listing-scheduler-progress--upcoming .javo-listing-scheduler-progress__bar {
  background-color: #4f46e5;
}

.javo-listing-scheduler-progress--expired .javo-listing-scheduler-progress__bar {
  background-color: #94a3b8;
}

.javo-listing-scheduler-progress__metric {
  min-width: 0;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
}

.javo-listing-scheduler-progress__details {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.javo-listing-scheduler-status {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  vertical-align: middle;
}

.javo-listing-scheduler-status__label {
  display: inline-flex;
  align-items: center;
  min-height: 1.6rem;
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  background-color: #e2e8f0;
  color: #0f172a;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}

.javo-listing-scheduler-status--active .javo-listing-scheduler-status__label {
  background-color: #dcfce7;
  color: #166534;
}

.javo-listing-scheduler-status--upcoming .javo-listing-scheduler-status__label {
  background-color: #eef2ff;
  color: #3730a3;
}

.javo-listing-scheduler-status--expired .javo-listing-scheduler-status__label {
  background-color: #f1f5f9;
  color: #475569;
}

.javo-listing-scheduler-status__meta {
  min-width: 0;
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .javo-listings * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Hide page header when Javo Listings is active */
.page-header {
  display: none !important;
}

/* Keep Javo Listings plugin layout pages full-height while preserving the footer's own height. */
body.javo-plugin-layout-managed {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Compensate WordPress admin bar offset for logged-in users. */
body.admin-bar.javo-plugin-layout-managed {
  min-height: calc(100vh - 32px);
  min-height: calc(100dvh - 32px);
}

@media screen and (max-width: 782px) {
  body.admin-bar.javo-plugin-layout-managed {
    min-height: calc(100vh - 46px);
    min-height: calc(100dvh - 46px);
  }
}

@media screen and (max-width: 600px) {
  body.admin-bar.javo-plugin-layout-managed {
    min-height: 100vh;
    min-height: 100dvh;
  }
}

body.javo-plugin-layout-managed > .header.header-elementor,
body.javo-plugin-layout-managed > .footer.footer-elementor,
body.javo-plugin-layout-managed > .jvbpd-page-builder-footer {
  flex: 0 0 auto;
}

body.javo-plugin-layout-managed > .footer.footer-elementor,
body.javo-plugin-layout-managed > .jvbpd-page-builder-footer {
  margin-top: auto;
}

body.javo-plugin-layout-managed > .javo-plugin-layout__main {
  flex: 1 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  align-self: stretch;
}

/* Plugin layout 404 screen. */
.javo-plugin-layout__not-found {
  min-height: 520px;
  min-height: max(520px, calc(100dvh - 220px));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 20px;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  color: #0f172a;
}

.javo-plugin-layout__not-found-shell {
  width: min(720px, 100%);
  padding: clamp(24px, 5vw, 44px) 0;
  text-align: center;
  transform: translateY(-12%);
}

.javo-plugin-layout__not-found .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.javo-plugin-layout__not-found-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.javo-plugin-layout__not-found-icon {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 18px;
  line-height: 1;
}

.javo-plugin-layout__not-found-code {
  display: block;
  color: #0f172a;
  font-size: clamp(56px, 9vw, 84px);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: 0;
}

.javo-plugin-layout__not-found-title {
  margin: 18px 0 0;
  color: #0f172a;
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: 0;
}

.javo-plugin-layout__not-found-description {
  max-width: 560px;
  margin: 16px auto 0;
  color: #64748b;
  font-size: 16px;
  line-height: 1.65;
}

.javo-plugin-layout__not-found-search {
  max-width: 580px;
  margin: 28px auto 0;
}

.javo-plugin-layout__not-found-search-box {
  display: flex;
  min-height: 56px;
  align-items: center;
  gap: 10px;
  padding: 6px 6px 6px 16px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.javo-plugin-layout__not-found-search-icon {
  flex: 0 0 auto;
  color: #94a3b8;
  font-size: 21px;
  line-height: 1;
}

.javo-plugin-layout__not-found-search-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  border: 0;
  background: transparent;
  color: #0f172a;
  font-size: 15px;
  line-height: 1.4;
  outline: 0;
  appearance: none;
}

.javo-plugin-layout__not-found-search-input::placeholder {
  color: #94a3b8;
}

.javo-plugin-layout__not-found-search-button,
.javo-plugin-layout__not-found-home {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease;
}

.javo-plugin-layout__not-found-search-button {
  flex: 0 0 auto;
  border: 1px solid #111827;
  background: #111827;
  padding: 0 18px;
  color: #ffffff;
}

.javo-plugin-layout__not-found-search-button:hover,
.javo-plugin-layout__not-found-search-button:focus-visible {
  border-color: #334155;
  background: #334155;
  color: #ffffff;
}

.javo-plugin-layout__not-found-actions {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.javo-plugin-layout__not-found-home {
  border: 1px solid #d8e1eb;
  background: #f3f6fa;
  padding: 0 16px;
  color: #0f172a;
}

.javo-plugin-layout__not-found-home:hover,
.javo-plugin-layout__not-found-home:focus-visible {
  border-color: #cbd5e1;
  background: #e9eff6;
  color: #020617;
}

.javo-plugin-layout__not-found-search-button:focus-visible,
.javo-plugin-layout__not-found-home:focus-visible,
.javo-plugin-layout__not-found-search-input:focus-visible {
  outline: 2px solid #bfdbfe;
  outline-offset: 2px;
}

@media (max-width: 640px) {
  .javo-plugin-layout__not-found {
    align-items: flex-start;
    min-height: 520px;
    padding: 36px 14px;
  }

  .javo-plugin-layout__not-found-shell {
    padding: 20px 0;
    transform: none;
  }

  .javo-plugin-layout__not-found-description {
    font-size: 15px;
    line-height: 1.6;
  }

  .javo-plugin-layout__not-found-search-box {
    flex-wrap: wrap;
    align-items: stretch;
    padding: 12px;
  }

  .javo-plugin-layout__not-found-search-icon {
    display: inline-flex;
    width: 28px;
    height: 42px;
    align-items: center;
    justify-content: center;
  }

  .javo-plugin-layout__not-found-search-input {
    flex: 1 1 calc(100% - 38px);
  }

  .javo-plugin-layout__not-found-search-button,
  .javo-plugin-layout__not-found-home {
    width: 100%;
  }
}

/* Plugin layout archive and search screens. */
.javo-plugin-layout__archive {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 56px 20px 72px;
  color: #0f172a;
}

.javo-plugin-layout__archive-header {
  margin-bottom: 28px;
}

.javo-plugin-layout__archive-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #2563eb;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.javo-plugin-layout__archive-kicker i {
  font-size: 18px;
}

.javo-plugin-layout__archive-heading {
  max-width: 760px;
  margin: 0;
  color: #0f172a;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 760;
  line-height: 1.18;
  letter-spacing: 0;
}

.javo-plugin-layout__archive-description {
  max-width: 720px;
  margin-top: 12px;
  color: #64748b;
  font-size: 15px;
  line-height: 1.65;
}

.javo-plugin-layout__archive .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.javo-plugin-layout__archive-search {
  width: min(620px, 100%);
  margin-top: 22px;
}

.javo-plugin-layout__archive-search-box {
  display: flex;
  min-height: 54px;
  align-items: center;
  gap: 10px;
  padding: 6px 6px 6px 16px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.javo-plugin-layout__archive-search-icon {
  flex: 0 0 auto;
  color: #94a3b8;
  font-size: 20px;
  line-height: 1;
}

.javo-plugin-layout__archive-search-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 40px;
  border: 0;
  background: transparent;
  color: #0f172a;
  font-size: 15px;
  line-height: 1.4;
  outline: 0;
  appearance: none;
}

.javo-plugin-layout__archive-search-input::placeholder {
  color: #94a3b8;
}

.javo-plugin-layout__archive-search-button {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #111827;
  border-radius: 8px;
  background: #111827;
  padding: 0 18px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.javo-plugin-layout__archive-search-button:hover,
.javo-plugin-layout__archive-search-button:focus-visible {
  border-color: #334155;
  background: #334155;
  color: #ffffff;
}

.javo-plugin-layout__archive-list {
  display: grid;
  gap: 18px;
}

.javo-plugin-layout__archive-item {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.javo-plugin-layout__archive-item:hover {
  border-color: #cbd5e1;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.javo-plugin-layout__archive-item--text-only {
  grid-template-columns: 1fr;
}

.javo-plugin-layout__archive-thumbnail {
  display: block;
  min-height: 180px;
  background: #f1f5f9;
}

.javo-plugin-layout__archive-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
}

.javo-plugin-layout__archive-content {
  min-width: 0;
  padding: 22px 24px;
}

.javo-plugin-layout__archive-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0;
}

.javo-plugin-layout__archive-meta span + span::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 8px 2px 0;
  border-radius: 999px;
  background: #cbd5e1;
}

.javo-plugin-layout__archive-title {
  margin: 0;
  font-size: 22px;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: 0;
}

.javo-plugin-layout__archive-title a {
  color: #0f172a;
  text-decoration: none;
}

.javo-plugin-layout__archive-title a:hover,
.javo-plugin-layout__archive-title a:focus-visible {
  color: #2563eb;
}

.javo-plugin-layout__archive-excerpt {
  margin-top: 12px;
  color: #475569;
  font-size: 15px;
  line-height: 1.65;
}

.javo-plugin-layout__archive-excerpt p {
  margin: 0;
}

.javo-plugin-layout__archive-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 16px;
  color: #111827;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
}

.javo-plugin-layout__archive-link:hover,
.javo-plugin-layout__archive-link:focus-visible {
  color: #2563eb;
}

.javo-plugin-layout__pagination {
  margin-top: 30px;
}

.javo-plugin-layout__pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.javo-plugin-layout__pagination .page-numbers {
  display: inline-flex;
  min-width: 38px;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #334155;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.javo-plugin-layout__pagination .page-numbers.current,
.javo-plugin-layout__pagination .page-numbers:hover,
.javo-plugin-layout__pagination .page-numbers:focus-visible {
  border-color: #cbd5e1;
  background: #eef2f7;
  color: #0f172a;
}

.javo-plugin-layout__empty {
  display: grid;
  min-height: 260px;
  place-items: center;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  text-align: center;
}

.javo-plugin-layout__archive-search-button:focus-visible,
.javo-plugin-layout__archive-search-input:focus-visible,
.javo-plugin-layout__archive-title a:focus-visible,
.javo-plugin-layout__archive-link:focus-visible {
  outline: 2px solid #bfdbfe;
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .javo-plugin-layout__archive {
    padding: 36px 14px 54px;
  }

  .javo-plugin-layout__archive-search-box {
    flex-wrap: wrap;
    align-items: stretch;
    padding: 12px;
  }

  .javo-plugin-layout__archive-search-icon {
    display: inline-flex;
    width: 28px;
    height: 40px;
    align-items: center;
    justify-content: center;
  }

  .javo-plugin-layout__archive-search-input {
    flex: 1 1 calc(100% - 38px);
  }

  .javo-plugin-layout__archive-search-button {
    width: 100%;
  }

  .javo-plugin-layout__archive-item {
    grid-template-columns: 1fr;
  }

  .javo-plugin-layout__archive-thumbnail,
  .javo-plugin-layout__archive-image {
    min-height: 210px;
  }

  .javo-plugin-layout__archive-content {
    padding: 20px;
  }

  .javo-plugin-layout__archive-title {
    font-size: 20px;
  }
}

/* ===================================
   Javo Date Box Styles
   =================================== */
.javo-date-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--javo-bg-app);
  border-radius: 8px;
  padding: 8px 12px;
  min-width: 50px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.javo-date-box__day {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--javo-text-primary);
}

.javo-date-box__month {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--javo-text-secondary);
  line-height: 1.2;
}

.javo-date-box__year {
  font-size: 11px;
  font-weight: 400;
  color: var(--javo-text-secondary);
  line-height: 1.2;
}

.javo-date-box--with-year {
  padding: 6px 10px;
}

/* Taxonomy term link styles */
.javo-taxonomy-term {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.javo-taxonomy-term:hover {
  color: var(--e-global-color-primary, #3b82f6);
  text-decoration: underline;
}

.javo-taxonomy-comma-expand-wrapper {
  width: 100%;
}

.javo-taxonomy-comma-expand-content {
  overflow: hidden;
  line-height: 1.625;
}

.javo-taxonomy-list--comma-expand {
  display: inline;
  line-height: 1.625;
}

.javo-taxonomy-more-badge-wrapper {
  position: relative;
  width: 100%;
  overflow: visible;
  z-index: 2;
}

.javo-taxonomy-more-badge-wrapper--single {
  display: inline-block;
  width: auto;
}

.javo-taxonomy-more-badge-wrapper--inline {
  display: inline-flex;
  flex-wrap: wrap;
  width: auto;
  max-width: 100%;
  align-items: center;
  gap: 6px;
}

.javo-taxonomy-more-badge-wrapper--badge {
  display: inline-block;
  width: auto;
  max-width: 100%;
  vertical-align: middle;
}

.javo-taxonomy-more-badge-content {
  display: block;
  overflow: hidden;
  line-height: 1.625;
}

.javo-taxonomy-more-badge-wrapper--single .javo-taxonomy-more-badge-content {
  display: inline-flex;
  align-items: baseline;
  overflow: visible;
}

.javo-taxonomy-more-badge-wrapper--inline .javo-taxonomy-more-badge-content {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  overflow: visible;
  line-height: 1.25;
}

.javo-taxonomy-more-badge-wrapper--badge .javo-taxonomy-more-badge-content {
  display: inline-flex;
  overflow: visible;
  line-height: 1;
}

.javo-taxonomy-more-badge-wrapper:not([data-javo-taxonomy-more-badge-initialized="1"]):not(.javo-taxonomy-more-badge-wrapper--single) .javo-taxonomy-more-badge-content {
  max-height: calc(var(--javo-taxonomy-more-badge-max-lines, 2) * 1.625em + 2px);
  overflow: hidden;
}

.javo-taxonomy-more-badge-wrapper--inline:not([data-javo-taxonomy-more-badge-initialized="1"]) .javo-taxonomy-more-badge-content {
  max-height: none;
  overflow: visible;
}

.javo-taxonomy-more-badge-wrapper--badge:not([data-javo-taxonomy-more-badge-initialized="1"]) .javo-taxonomy-more-badge-content {
  max-height: none;
  overflow: visible;
}

.javo-taxonomy-more-badge-term {
  display: inline;
}

.javo-taxonomy-inline-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.javo-taxonomy-inline-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 12px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #0f172a;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
}

.javo-taxonomy-inline-badge--more {
  border: 1px solid #e5e7eb;
  background: #fff;
  padding-inline: 10px;
}

.javo-taxonomy-more-badge-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  margin-left: 0.375rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  background: #ffffff;
  color: #334155;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  vertical-align: baseline;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

.javo-taxonomy-more-badge-toggle:hover,
.javo-taxonomy-more-badge-toggle[aria-expanded="true"] {
  background: #f8fafc;
  border-color: #94a3b8;
  color: #0f172a;
}

.javo-taxonomy-more-badge-toggle--circle {
  min-width: 2rem;
  border-radius: 9999px;
}

.javo-taxonomy-more-badge-wrapper--inline .javo-taxonomy-more-badge-toggle {
  margin-left: 0;
}

.javo-taxonomy-more-badge-wrapper--badge .javo-taxonomy-more-badge-toggle {
  margin-left: 0;
  cursor: pointer;
  font: inherit;
}

.javo-taxonomy-more-badge-wrapper:hover,
.javo-taxonomy-more-badge-wrapper:focus-within,
.javo-taxonomy-more-badge-wrapper[data-javo-taxonomy-more-badge-open="1"],
.javo-taxonomy-more-badge-wrapper[data-javo-taxonomy-more-badge-pinned="1"],
.javo-post-meta-info-popover-anchor:hover,
.javo-post-meta-info-popover-anchor:focus-within {
  z-index: 100000;
}

.javo-taxonomy-popover-layer-active {
  position: relative !important;
  z-index: 100020 !important;
  overflow: visible !important;
}

.javo-taxonomy-popover-layer-active .javo-map-list-card,
.javo-taxonomy-popover-layer-active .elementor,
.javo-taxonomy-popover-layer-active .elementor-widget-container,
.javo-taxonomy-popover-layer-active .e-con,
.javo-taxonomy-popover-layer-active .javo-post-meta-wrapper,
.javo-taxonomy-popover-layer-active .javo-post-meta-content,
.javo-taxonomy-popover-layer-active .javo-post-meta-value {
  overflow: visible !important;
}

.javo-taxonomy-more-badge-popover {
  position: absolute;
  z-index: 100001;
  top: calc(100% + 0.5rem);
  left: 0;
  width: min(24rem, 100%);
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  background: #ffffff;
  color: #334155;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04);
  padding: 0.75rem;
  max-width: calc(100vw - 1.5rem);
  pointer-events: auto;
}

.javo-taxonomy-more-badge-wrapper--single .javo-taxonomy-more-badge-popover {
  width: min(28rem, calc(100vw - 2rem));
}

.javo-taxonomy-more-badge-wrapper--inline .javo-taxonomy-more-badge-popover {
  width: min(22rem, calc(100vw - 2rem));
}

.javo-taxonomy-more-badge-wrapper--badge .javo-taxonomy-more-badge-popover {
  width: min(22rem, calc(100vw - 2rem));
}

.javo-taxonomy-more-badge-popover[data-placement="top"] {
  top: auto;
  bottom: calc(100% + 0.5rem);
}

.javo-taxonomy-more-badge-popover[data-placement="right"] {
  top: 0;
  left: calc(100% + 0.5rem);
}

.javo-taxonomy-more-badge-popover[data-placement="bottom"] {
  top: calc(100% + 0.5rem);
  bottom: auto;
}

.javo-taxonomy-more-badge-popover[data-placement="left"] {
  top: 0;
  right: calc(100% + 0.5rem);
  left: auto;
}

.javo-taxonomy-more-badge-popover-title {
  margin-bottom: 0.5rem;
  color: #0f172a;
  font-size: 0.75rem;
  font-weight: 600;
}

.javo-taxonomy-more-badge-popover-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.javo-taxonomy-more-badge-popover-item {
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  background: #f1f5f9;
  padding: 0.25rem 0.5rem;
  color: #475569;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25;
}

.javo-post-meta-info-popover {
  z-index: 100001 !important;
}

.elementor-widget-javo-post-meta,
.elementor-widget-javo-post-meta > .elementor-widget-container,
.elementor-widget-javo-post-block,
.elementor-widget-javo-post-block > .elementor-widget-container {
  overflow: visible !important;
}

.javo-post-item:has(.javo-taxonomy-more-badge-popover),
.javo-post-item:has(.javo-post-meta-info-popover),
.javo-card-module:has(.javo-taxonomy-more-badge-popover),
.javo-card-module:has(.javo-post-meta-info-popover),
.module-card:has(.javo-taxonomy-more-badge-popover),
.module-card:has(.javo-post-meta-info-popover),
.card-content:has(.javo-taxonomy-more-badge-popover),
.card-content:has(.javo-post-meta-info-popover),
.javo-post-block:has(.javo-taxonomy-more-badge-popover),
.javo-post-block:has(.javo-post-meta-info-popover) {
  overflow: visible !important;
}

.javo-child-listings-info {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  max-width: 100%;
}

.javo-child-listings-info--amount-with-items {
  flex-wrap: wrap;
}

.javo-child-listings-info__amount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  border-radius: 9999px;
  background: #e0f2fe;
  padding: 0.125rem 0.625rem;
  color: #0369a1;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.35;
}

.javo-child-listings-info__amount-button {
  margin-left: 0;
}

.javo-child-listings-info__link {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.javo-child-listings-info__link:hover,
.javo-child-listings-info__link:focus {
  color: #0f172a;
  text-decoration: none;
}

.javo-child-listings-info__items {
  min-width: 0;
  flex: 1 1 12rem;
}

.javo-child-listings-info__list {
  display: inline-block;
  vertical-align: baseline;
}

.javo-taxonomy-iconlist-expand-collapse {
  grid-column: 1 / -1;
  width: 100%;
}

.javo-taxonomy-iconlist-expand-collapse:not(.hidden) {
  display: block;
}

.javo-taxonomy-iconlist-expand-inner {
  display: grid;
}

.javo-taxonomy-iconlist-expand-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
}

.javo-taxonomy-iconlist-expand-wrap--small {
  margin-top: 0.5rem;
  justify-content: flex-start;
}

.javo-taxonomy-iconlist-expand-wrap--full-width {
  width: 100%;
  margin-top: 1.5rem;
  justify-content: center;
  gap: 0;
}

.javo-taxonomy-iconlist-expand-divider {
  display: none;
  flex: 1 1 0%;
  height: 1px;
  background: #d1d5db;
}

.javo-taxonomy-iconlist-expand-wrap--full-width .javo-taxonomy-iconlist-expand-divider {
  display: block;
}

.javo-taxonomy-iconlist-expand-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  background: #ffffff;
  color: #334155;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

.javo-taxonomy-iconlist-expand-toggle--small {
  min-width: 0;
  border-radius: 0.5rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
}

.javo-taxonomy-iconlist-expand-toggle--full-width {
  min-width: 200px;
  border-radius: 9999px;
  border-color: #d1d5db;
  color: #6b7280;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  font-weight: 400;
}

.javo-taxonomy-iconlist-expand-toggle:hover,
.javo-taxonomy-iconlist-expand-toggle[aria-expanded="true"] {
  background: #f8fafc;
}

.javo-taxonomy-iconlist-toggle-label--expanded {
  display: none;
}

.javo-taxonomy-iconlist-expand-toggle[aria-expanded="true"] .javo-taxonomy-iconlist-toggle-label--collapsed {
  display: none;
}

.javo-taxonomy-iconlist-expand-toggle[aria-expanded="true"] .javo-taxonomy-iconlist-toggle-label--expanded {
  display: inline;
}

.javo-taxonomy-iconlist-toggle-icon {
  transition: transform 200ms ease;
}

.javo-taxonomy-iconlist-expand-toggle[aria-expanded="true"] .javo-taxonomy-iconlist-toggle-icon {
  transform: rotate(180deg);
}

.jv-dynamic-expand-toggle-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
}

.jv-dynamic-expand-toggle-wrap-full-width {
  width: 100%;
  margin-top: 1.5rem;
  justify-content: center;
  gap: 0;
}

.jv-dynamic-expand-divider {
  display: none;
  flex: 1 1 0%;
  height: 1px;
  background: #d1d5db;
}

.jv-dynamic-expand-toggle-wrap-full-width .jv-dynamic-expand-divider {
  display: block;
}

.jv-dynamic-expand-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  background: #ffffff;
  color: #334155;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

.jv-dynamic-expand-toggle-full-width {
  min-width: 200px;
  border-radius: 9999px;
  border-color: #d1d5db;
  color: #111827;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  font-weight: 600;
}

.jv-dynamic-expand-toggle:hover,
.jv-dynamic-expand-toggle[aria-expanded="true"] {
  background: #f8fafc;
}

.jv-field-radius-5 {
  border-radius: 5px !important;
}

.jv-field-radius-5-left {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.jv-field-radius-5-right {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.submit-form-wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]),
.submit-form-wrapper textarea,
.submit-form-wrapper select,
.submit-form-wrapper .ts-wrapper.single .ts-control,
.submit-form-wrapper .ts-wrapper.multi .ts-control,
.submit-form-wrapper .ts-dropdown {
  border-radius: var(--jv-submit-field-radius, 0.5rem) !important;
}

.submit-form-wrapper button,
.submit-form-wrapper .jv-taxonomy-option,
.submit-form-wrapper .jv-taxonomy-badge,
.submit-form-wrapper .jv-taxonomy-thumb,
.submit-form-wrapper .jv-taxonomy-svg,
.submit-form-wrapper .javo-taxonomy-iconlist-expand-toggle {
  border-radius: var(--jv-submit-action-radius, 0.75rem) !important;
}

/*
 * Shared submit-field design tokens.
 *
 * @purpose Give listing forms, Contact forms, and other submit-form surfaces one source for control height and typography.
 * @target Every reusable Field Manager form rendered inside .submit-form-wrapper.
 * @keywords field-tokens, floating-label, contact-form, submit-form, typography, control-height
 */
.submit-form-wrapper {
  --jv-form-field-control-height: 3rem;
  --jv-form-field-floating-control-height: 4.25rem;
  --jv-form-field-font-size: 0.8rem;
  --jv-form-field-line-height: 1.4286;
  --jv-form-field-control-font-weight: 400;
  --jv-form-field-label-size: 0.8rem;
  --jv-form-field-label-font-weight: 600;
  --jv-submit-field-control-height: var(--jv-form-field-control-height);
  --jv-submit-field-floating-control-height: var(--jv-form-field-floating-control-height);
  --jv-submit-field-font-size: var(--jv-form-field-font-size);
  --jv-submit-field-line-height: var(--jv-form-field-line-height);
  --jv-submit-field-control-font-weight: var(--jv-form-field-control-font-weight);
  --jv-submit-field-label-size: var(--jv-form-field-label-size);
  --jv-submit-field-label-font-weight: var(--jv-form-field-label-font-weight);
}

.submit-form-wrapper .jv-floating-field {
  --jv-floating-radius: var(--jv-submit-field-radius, 5px);
  --jv-floating-border: var(
    --jv-floating-form-border,
    var(--jv-submit-field-border, #d7e0ea)
  );
  --jv-floating-border-strong: var(--jv-submit-field-border-strong, #bcc8d6);
  --jv-floating-bg: var(--jv-submit-field-bg, #ffffff);
  --jv-floating-bg-soft: var(--jv-submit-field-control-bg, #eff5fb);
  --jv-floating-text: var(--jv-submit-field-text, #334155);
  --jv-floating-label-color: var(--jv-submit-field-helper, #64748b);
  --jv-floating-focus-border: var(
    --jv-floating-form-focus-border,
    var(--jv-submit-field-focus-border, #bcc8d6)
  );
  --jv-floating-focus-ring: var(
    --jv-submit-field-focus-ring,
    rgba(203, 213, 225, 0.38)
  );
  --jv-floating-invalid-border: var(--jv-submit-field-invalid-border, #dc2626);
  --jv-floating-invalid-ring: var(
    --jv-submit-field-invalid-ring,
    rgba(248, 113, 113, 0.18)
  );
  --jv-floating-label-left: var(--jv-submit-field-control-padding-x, 0.875rem);
  --jv-floating-label-top: calc(var(--jv-floating-control-height, 4.25rem) / 2);
  --jv-floating-label-shift: 0;
  --jv-floating-multiline-label-top: 1rem;
  --jv-floating-standard-label-active-top: 0.45rem;
  --jv-floating-control-height: var(--jv-submit-field-floating-control-height, 4.25rem);
  --jv-floating-control-bg: var(--jv-floating-bg);
  --jv-floating-label-bg: var(--jv-floating-bg);
  position: relative;
  width: 100%;
}

.submit-form-wrapper .jv-floating-field > .jv-floating-field__control {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: var(--jv-floating-border-width, 1px) solid var(--jv-floating-border);
  border-radius: var(--jv-floating-radius);
  background: var(--jv-floating-control-bg);
  color: var(--jv-floating-text);
}

.submit-form-wrapper
  .jv-floating-field
  > :is(input, select, textarea).jv-floating-field__control {
  font-size: var(--jv-submit-field-font-size, 0.8rem) !important;
  font-weight: var(--jv-submit-field-control-font-weight, 400) !important;
  line-height: var(--jv-submit-field-line-height, 1.4286) !important;
}

.submit-form-wrapper .jv-floating-field > .jv-floating-field__label {
  position: absolute;
  left: var(--jv-floating-label-left);
  top: var(--jv-floating-label-top);
  z-index: 1;
  color: var(--jv-floating-label-color);
  font-size: var(--jv-submit-field-label-size, 0.8rem);
  font-weight: var(--jv-submit-field-label-font-weight, 600);
  line-height: 1;
  pointer-events: none;
  transform-origin: left top;
  transition: transform 0.2s ease, color 0.2s ease, top 0.2s ease,
    background-color 0.2s ease;
}

.submit-form-wrapper
  .jv-floating-field--outlined
  > .jv-floating-field__label {
  margin-left: -0.35rem;
  padding: 0 0.35rem;
  background: var(--jv-floating-label-bg);
}

/*
 * @purpose Center idle single-line floating labels against the control height without including helper descriptions.
 * @target Empty outlined and standard submit-form inputs before focus.
 * @keywords floating-label, vertical-alignment, idle-state, control-height
 */
.submit-form-wrapper
  .jv-floating-field--outlined:not(.jv-floating-field--multiline):not(
    .jv-floating-field--active
  ):not(.jv-floating-field--focused)
  .jv-floating-field__label,
.submit-form-wrapper
  .jv-floating-field--standard:not(.jv-floating-field--multiline):not(
    .jv-floating-field--active
  ):not(.jv-floating-field--focused)
  .jv-floating-field__label {
  top: var(--jv-floating-label-top) !important;
  transform: translateY(-50%) !important;
}

.submit-form-wrapper
  .jv-floating-field--multiline:not(.jv-floating-field--active):not(
    .jv-floating-field--focused
  )
  > .jv-floating-field__label {
  top: var(--jv-floating-multiline-label-top) !important;
  transform: none !important;
}

.submit-form-wrapper[data-jv-floating-weight="thin"] .jv-floating-field {
  --jv-floating-border-width: 1px;
}

.submit-form-wrapper[data-jv-floating-weight="thick"] .jv-floating-field {
  --jv-floating-border-width: 2px;
}

.submit-form-wrapper[data-jv-floating-background="current"] .jv-floating-field {
  --jv-floating-control-bg: var(--jv-submit-field-control-bg, #eff5fb);
  --jv-floating-label-bg: var(--jv-submit-field-control-bg, #eff5fb);
}

.submit-form-wrapper[data-jv-floating-background="transparent"] .jv-floating-field {
  --jv-floating-control-bg: transparent;
  --jv-floating-label-bg: var(--jv-submit-field-bg, #ffffff);
}

.submit-form-wrapper[data-jv-floating-background="custom"] .jv-floating-field {
  --jv-floating-control-bg: var(--jv-floating-custom-bg, #ffffff);
  --jv-floating-label-bg: var(--jv-floating-custom-bg, #ffffff);
}

/*
 * @purpose Add a controlled vertical gap between floating field rows only.
 * @target Submit form floating fields; normal fields remain unchanged.
 * @keywords floating-label, row-gap, spacing, preset
 */
.submit-form-wrapper[data-jv-floating-row-gap="none"] {
  --jv-floating-row-gap: 0px;
}

.submit-form-wrapper[data-jv-floating-row-gap="small"] {
  --jv-floating-row-gap: 3px;
}

.submit-form-wrapper[data-jv-floating-row-gap="medium"] {
  --jv-floating-row-gap: 6px;
}

.submit-form-wrapper[data-jv-floating-row-gap]
  [data-jv-form-row]:has(.jv-floating-field):has(~ [data-jv-form-row]) {
  padding-block-end: var(--jv-floating-row-gap);
}

.submit-form-wrapper .jv-floating-field > :is(input, select).jv-floating-field__control {
  min-height: var(--jv-submit-field-floating-control-height, 4.25rem) !important;
  padding-top: 0.875rem !important;
  padding-right: var(--jv-submit-field-control-padding-x, 0.875rem) !important;
  padding-bottom: 0.875rem !important;
  padding-left: var(--jv-submit-field-control-padding-x, 0.875rem) !important;
  background: var(--jv-floating-control-bg) !important;
  background-color: var(--jv-floating-control-bg) !important;
  color: var(--jv-floating-text) !important;
}

/*
 * @purpose Show saved numeric units without moving the entered value off center.
 * @target Floating number controls backed by Count Metric and other shared unit settings.
 * @keywords floating-label, number-input, unit-label, vertical-alignment
 */
.submit-form-wrapper .jv-floating-field__unit {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  color: var(--jv-floating-label, #64748b);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-50%);
}

.submit-form-wrapper .jv-floating-field__unit--prefix {
  left: var(--jv-submit-field-control-padding-x, 0.875rem);
}

.submit-form-wrapper .jv-floating-field__unit--suffix {
  right: var(--jv-submit-field-control-padding-x, 0.875rem);
}

.submit-form-wrapper
  .jv-floating-field--unit-before
  > input.jv-floating-field__control {
  padding-left: 4rem !important;
}

.submit-form-wrapper .jv-floating-field--unit-before {
  --jv-floating-label-left: 4rem;
}

.submit-form-wrapper
  .jv-floating-field--unit-after
  > input.jv-floating-field__control {
  padding-right: 4rem !important;
}

/*
 * @purpose Center numeric values inside floating controls without changing the label position.
 * @target Floating number inputs in shared submit forms.
 * @keywords floating-label, number-input, vertical-alignment, spinner
 */
.submit-form-wrapper
  .jv-floating-field
  > input[type="number"].jv-floating-field__control {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
  appearance: textfield;
}

.submit-form-wrapper
  .jv-floating-field
  > input[type="number"].jv-floating-field__control::-webkit-inner-spin-button,
.submit-form-wrapper
  .jv-floating-field
  > input[type="number"].jv-floating-field__control::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}

.submit-form-wrapper .jv-floating-field > textarea.jv-floating-field__control {
  min-height: 6.25rem !important;
  padding: 1.5rem var(--jv-submit-field-control-padding-x, 0.875rem) 0.65rem !important;
  background: var(--jv-floating-control-bg) !important;
  background-color: var(--jv-floating-control-bg) !important;
  color: var(--jv-floating-text) !important;
}

.submit-form-wrapper .jv-floating-field--outlined:is(.jv-floating-field--active, .jv-floating-field--focused) .jv-floating-field__label {
  top: calc(var(--jv-floating-border-width) / 2) !important;
  transform: scale(0.9) translateY(-50%) !important;
}

.submit-form-wrapper .jv-floating-field--standard:is(.jv-floating-field--active, .jv-floating-field--focused) .jv-floating-field__label {
  top: var(--jv-floating-standard-label-active-top) !important;
  transform: scale(0.9) !important;
}

.submit-form-wrapper[data-jv-floating-shape="box"] .jv-floating-field:is(.jv-floating-field--outlined, .jv-floating-field--standard) > .jv-floating-field__control {
  border: var(--jv-floating-border-width) solid var(--jv-floating-border) !important;
  border-radius: var(--jv-floating-radius) !important;
}

.submit-form-wrapper[data-jv-floating-shape="box"] .jv-floating-field:is(.jv-floating-field--outlined, .jv-floating-field--standard) > .jv-floating-field__control:focus {
  border-color: var(--jv-floating-focus-border) !important;
  box-shadow: 0 0 0 4px var(--jv-floating-focus-ring) !important;
}

.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field:is(.jv-floating-field--outlined, .jv-floating-field--standard) > .jv-floating-field__control {
  border-width: 0 0 var(--jv-floating-border-width) 0 !important;
  border-style: solid !important;
  border-color: var(--jv-floating-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field:is(.jv-floating-field--outlined, .jv-floating-field--standard) > .jv-floating-field__control:focus {
  border-bottom-color: var(--jv-floating-focus-border) !important;
  box-shadow: none !important;
}

/*
 * The generic submit-field selector also uses !important. These scoped rules
 * keep a floating presentation's background and custom colors authoritative.
 *
 * @purpose Resolve generic form CSS conflicts for floating controls.
 * @target Floating outlined and standard controls only.
 * @keywords floating-label, css-specificity, background, border
 */
.submit-form-wrapper[data-jv-floating-shape][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--outlined > :is(input, select, textarea).jv-floating-field__control,
.submit-form-wrapper[data-jv-floating-shape][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--standard > :is(input, select, textarea).jv-floating-field__control {
  background-color: var(--jv-floating-control-bg) !important;
}

.submit-form-wrapper[data-jv-floating-shape][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--outlined > :is(input, select, textarea).jv-floating-field__control,
.submit-form-wrapper[data-jv-floating-shape][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--standard > :is(input, select, textarea).jv-floating-field__control {
  border-color: var(--jv-floating-border) !important;
}

.submit-form-wrapper[data-jv-floating-shape][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--outlined > :is(input, select, textarea).jv-floating-field__control:focus,
.submit-form-wrapper[data-jv-floating-shape][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--standard > :is(input, select, textarea).jv-floating-field__control:focus {
  border-color: var(--jv-floating-focus-border) !important;
}

.submit-form-wrapper[data-jv-floating-shape="underline"][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--outlined > :is(input, select, textarea).jv-floating-field__control,
.submit-form-wrapper[data-jv-floating-shape="underline"][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--standard > :is(input, select, textarea).jv-floating-field__control,
.submit-form-wrapper[data-jv-floating-shape="underline"][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--outlined > :is(input, select, textarea).jv-floating-field__control:focus,
.submit-form-wrapper[data-jv-floating-shape="underline"][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field.jv-floating-field--standard > :is(input, select, textarea).jv-floating-field__control:focus {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.submit-form-wrapper .jv-floating-field--filled > :is(input, select).jv-floating-field__control {
  min-height: var(--jv-submit-field-floating-control-height, 4.25rem) !important;
  padding-top: var(--jv-submit-field-floating-padding-top, 1.9rem) !important;
  padding-right: var(--jv-submit-field-control-padding-x, 0.875rem) !important;
  padding-bottom: var(--jv-submit-field-floating-padding-bottom, 0.6rem) !important;
  padding-left: var(--jv-submit-field-control-padding-x, 0.875rem) !important;
  background: var(--jv-submit-field-control-bg, #eff5fb) !important;
  background-color: var(--jv-submit-field-control-bg, #eff5fb) !important;
  border: var(--jv-floating-border-width) solid var(--jv-floating-border) !important;
  border-radius: var(--jv-submit-field-radius, 5px) !important;
  box-shadow: none !important;
}

.submit-form-wrapper .ts-wrapper.single .ts-control,
.submit-form-wrapper .ts-wrapper.multi .ts-control {
  background: var(--jv-submit-field-control-bg, #eff5fb) !important;
  background-color: var(--jv-submit-field-control-bg, #eff5fb) !important;
  border: 1px solid var(--jv-submit-field-border, #d7e0ea) !important;
  color: var(--jv-submit-field-text, #334155) !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: center !important;
  gap: var(--jv-submit-field-chip-gap, 0.375rem) !important;
  min-height: var(--jv-submit-field-control-height, 3rem) !important;
  padding: var(--jv-submit-field-control-padding-y, 0.5rem) var(--jv-submit-field-control-padding-x, 0.875rem) !important;
}

.submit-form-wrapper .ts-wrapper.jv-taxonomy-select .ts-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]),
.submit-form-wrapper .ts-wrapper.single .ts-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]),
.submit-form-wrapper .ts-wrapper.multi .ts-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]) {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  min-width: 3rem !important;
  max-width: 100% !important;
  flex: 1 0 4rem !important;
}

.submit-form-wrapper .ts-wrapper.jv-taxonomy-select .ts-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):focus,
.submit-form-wrapper .ts-wrapper.single .ts-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):focus,
.submit-form-wrapper .ts-wrapper.multi .ts-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):focus {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.submit-form-wrapper .ts-wrapper.focus .ts-control,
.submit-form-wrapper .ts-wrapper.single.focus .ts-control,
.submit-form-wrapper .ts-wrapper.multi.focus .ts-control,
.submit-form-wrapper .ts-wrapper.single .ts-control:focus-within,
.submit-form-wrapper .ts-wrapper.multi .ts-control:focus-within {
  border-color: var(--jv-submit-field-focus-border, #bcc8d6) !important;
  box-shadow: 0 0 0 3px var(--jv-submit-field-focus-ring, rgba(203, 213, 225, 0.38)) !important;
}

.submit-form-wrapper .jv-floating-field--taxonomy .ts-wrapper .ts-control {
  min-height: var(--jv-submit-field-floating-control-height, 4.25rem) !important;
  padding-top: var(--jv-submit-field-floating-padding-top, 1.9rem) !important;
  padding-bottom: var(--jv-submit-field-floating-padding-bottom, 0.6rem) !important;
  padding-left: var(--jv-submit-field-control-padding-x, 0.875rem) !important;
  padding-right: var(--jv-submit-field-control-padding-x, 0.875rem) !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.submit-form-wrapper .jv-floating-field--taxonomy.jv-floating-field--filled .ts-wrapper .ts-control {
  background: var(--jv-submit-field-control-bg, #eff5fb) !important;
  background-color: var(--jv-submit-field-control-bg, #eff5fb) !important;
  border: 1px solid var(--jv-submit-field-border, #d7e0ea) !important;
  border-bottom-width: var(--jv-floating-border-width, 1px) !important;
  border-radius: var(--jv-submit-field-radius, 5px) !important;
  box-shadow: none !important;
}

/*
 * @purpose Apply shared floating background, shape, and border settings to enhanced taxonomy inputs.
 * @target Tom Select controls rendered inside outlined and standard floating taxonomy fields.
 * @keywords taxonomy, tom-select, floating-label, background, border
 */
.submit-form-wrapper[data-jv-floating-shape][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field--taxonomy.jv-floating-field--outlined .ts-wrapper .ts-control,
.submit-form-wrapper[data-jv-floating-shape][data-jv-floating-weight][data-jv-floating-background] .jv-floating-field--taxonomy.jv-floating-field--standard .ts-wrapper .ts-control {
  background: var(--jv-floating-control-bg) !important;
  background-color: var(--jv-floating-control-bg) !important;
  border-color: var(--jv-floating-border) !important;
}

.submit-form-wrapper[data-jv-floating-shape="box"] .jv-floating-field--taxonomy.jv-floating-field--outlined .ts-wrapper .ts-control,
.submit-form-wrapper[data-jv-floating-shape="box"] .jv-floating-field--taxonomy.jv-floating-field--standard .ts-wrapper .ts-control {
  border: var(--jv-floating-border-width) solid var(--jv-floating-border) !important;
  border-radius: var(--jv-floating-radius) !important;
}

.submit-form-wrapper[data-jv-floating-shape="box"] .jv-floating-field--taxonomy.jv-floating-field--outlined .ts-wrapper.focus .ts-control,
.submit-form-wrapper[data-jv-floating-shape="box"] .jv-floating-field--taxonomy.jv-floating-field--outlined .ts-control:focus-within,
.submit-form-wrapper[data-jv-floating-shape="box"] .jv-floating-field--taxonomy.jv-floating-field--standard .ts-wrapper.focus .ts-control,
.submit-form-wrapper[data-jv-floating-shape="box"] .jv-floating-field--taxonomy.jv-floating-field--standard .ts-control:focus-within {
  border-color: var(--jv-floating-focus-border) !important;
  box-shadow: 0 0 0 4px var(--jv-floating-focus-ring) !important;
}

.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field--taxonomy.jv-floating-field--outlined .ts-wrapper .ts-control,
.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field--taxonomy.jv-floating-field--standard .ts-wrapper .ts-control {
  border-width: 0 0 var(--jv-floating-border-width) 0 !important;
  border-style: solid !important;
  border-color: var(--jv-floating-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field--taxonomy.jv-floating-field--outlined .ts-wrapper.focus .ts-control,
.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field--taxonomy.jv-floating-field--outlined .ts-control:focus-within,
.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field--taxonomy.jv-floating-field--standard .ts-wrapper.focus .ts-control,
.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field--taxonomy.jv-floating-field--standard .ts-control:focus-within {
  border-bottom-color: var(--jv-floating-focus-border) !important;
  box-shadow: none !important;
}

.submit-form-wrapper[data-jv-floating-background] .jv-floating-field--taxonomy .ts-control.jv-floating-taxonomy-control {
  background: var(--jv-floating-control-bg) !important;
  background-color: var(--jv-floating-control-bg) !important;
}

.submit-form-wrapper[data-jv-floating-shape="box"] .jv-floating-field--taxonomy .ts-control.jv-floating-taxonomy-control--box {
  border: var(--jv-floating-border-width) solid var(--jv-floating-border) !important;
  border-radius: var(--jv-floating-radius) !important;
}

.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field--taxonomy .ts-control.jv-floating-taxonomy-control--underline {
  border: 0 solid var(--jv-floating-border) !important;
  border-bottom: var(--jv-floating-border-width) solid var(--jv-floating-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field--taxonomy .ts-wrapper.focus .ts-control.jv-floating-taxonomy-control--underline,
.submit-form-wrapper[data-jv-floating-shape="underline"] .jv-floating-field--taxonomy .ts-control.jv-floating-taxonomy-control--underline:focus-within {
  border-bottom-color: var(--jv-floating-focus-border) !important;
  box-shadow: none !important;
}

.submit-form-wrapper .jv-taxonomy-option {
  border-radius: var(--jv-submit-field-radius, 0.5rem) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--jv-submit-field-border, #d7e0ea) !important;
  background: var(--jv-submit-field-bg, #ffffff) !important;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
  position: relative;
  min-height: calc(var(--jv-submit-field-control-height, 3rem) - 0.2rem);
}

.submit-form-wrapper .jv-taxonomy-checklist--grid {
  align-items: stretch !important;
}

.submit-form-wrapper .jv-taxonomy-checklist--tree {
  align-items: stretch !important;
  gap: 0.55rem !important;
  width: 100%;
}

.submit-form-wrapper .jv-taxonomy-option--has-description {
  align-items: flex-start !important;
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
}

.submit-form-wrapper .jv-taxonomy-checklist--tree .jv-taxonomy-option {
  --jv-taxonomy-depth-offset: calc(var(--jv-taxonomy-depth, 0) * 2.35rem);
  width: calc(100% - var(--jv-taxonomy-depth-offset)) !important;
  margin-left: var(--jv-taxonomy-depth-offset) !important;
  padding-left: 0.95rem !important;
}

.submit-form-wrapper .jv-taxonomy-checklist--tree .jv-taxonomy-option--has-children .jv-taxonomy-label {
  font-weight: 650 !important;
}

.submit-form-wrapper .jv-taxonomy-checklist--tree .jv-taxonomy-option--child {
  min-height: calc(var(--jv-submit-field-control-height, 3rem) - 0.45rem);
  background: color-mix(in srgb, var(--jv-submit-field-bg, #ffffff) 92%, #f8fafc 8%) !important;
}

.submit-form-wrapper .jv-taxonomy-tree-toggle,
.submit-form-wrapper .jv-taxonomy-tree-toggle-placeholder {
  display: inline-flex;
  width: 1.7rem;
  height: 1.7rem;
  flex: 0 0 1.7rem;
  align-items: center;
  justify-content: center;
}

.submit-form-wrapper .jv-taxonomy-tree-toggle {
  margin-left: -0.15rem;
  border: 1px solid var(--jv-submit-field-border, #d7e0ea);
  border-radius: 5px;
  background: #ffffff;
  color: #64748b;
  cursor: pointer;
  transition: border-color 0.16s ease, color 0.16s ease, background-color 0.16s ease;
}

.submit-form-wrapper .jv-taxonomy-tree-toggle:hover,
.submit-form-wrapper .jv-taxonomy-tree-toggle:focus-visible {
  border-color: var(--jv-submit-field-border-strong, #94a3b8);
  color: #0f172a;
  outline: none;
}

.submit-form-wrapper .jv-taxonomy-tree-toggle i {
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.16s ease;
}

.submit-form-wrapper .jv-taxonomy-tree-toggle.is-expanded i {
  transform: rotate(90deg);
}

.submit-form-wrapper .jv-taxonomy-option__content {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
}

.submit-form-wrapper .jv-taxonomy-option__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
}

.submit-form-wrapper .jv-taxonomy-option__meta {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  gap: 0.18rem;
}

.submit-form-wrapper .jv-taxonomy-label {
  display: block;
}

.submit-form-wrapper .jv-taxonomy-description {
  display: block;
  color: var(--jv-submit-field-helper, #64748b) !important;
  line-height: 1.45 !important;
}

.submit-form-wrapper .jv-taxonomy-count {
  flex-shrink: 0;
  align-self: center;
  margin-top: 0;
}

.submit-form-wrapper .jv-taxonomy-option--has-description .jv-taxonomy-option__content,
.submit-form-wrapper .jv-taxonomy-option--has-description .jv-taxonomy-option__header {
  align-items: flex-start !important;
}

.submit-form-wrapper .jv-taxonomy-option--has-description .jv-taxonomy-count {
  align-self: flex-start;
  margin-top: 0.05rem;
}

.submit-form-wrapper .jv-taxonomy-option--has-description .jv-taxonomy-badge,
.submit-form-wrapper .jv-taxonomy-option--has-description .jv-taxonomy-thumb,
.submit-form-wrapper .jv-taxonomy-option--has-description .jv-taxonomy-svg {
  margin-top: 0.12rem;
}

.submit-form-wrapper .jv-taxonomy-option.is-selected,
.submit-form-wrapper .jv-taxonomy-option:has(> .jv-taxonomy-input:checked),
.submit-form-wrapper .jv-taxonomy-option.is-selected:hover,
.submit-form-wrapper .jv-taxonomy-option:has(> .jv-taxonomy-input:checked):hover {
  border-color: var(--jv-submit-field-selection-border, #0369a1) !important;
  border-width: 1px !important;
  border-style: solid !important;
  background: var(--jv-submit-field-selection-bg, #f0f9ff) !important;
  box-shadow: none !important;
}

.submit-form-wrapper .jv-taxonomy-input--visible {
  accent-color: #0f172a !important;
}

.submit-form-wrapper .jv-taxonomy-option.is-selected .jv-taxonomy-badge,
.submit-form-wrapper .jv-taxonomy-option.is-selected .jv-taxonomy-thumb,
.submit-form-wrapper .jv-taxonomy-option.is-selected .jv-taxonomy-svg,
.submit-form-wrapper .jv-taxonomy-option:has(> .jv-taxonomy-input:checked) .jv-taxonomy-badge,
.submit-form-wrapper .jv-taxonomy-option:has(> .jv-taxonomy-input:checked) .jv-taxonomy-thumb,
.submit-form-wrapper .jv-taxonomy-option:has(> .jv-taxonomy-input:checked) .jv-taxonomy-svg {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip {
  overflow: visible !important;
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip::before,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip::after {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 30;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip::after {
  content: attr(data-jv-taxonomy-tooltip);
  max-width: min(18rem, calc(100vw - 2rem));
  border-radius: 0.4rem;
  background: rgba(15, 23, 42, 0.92);
  color: #ffffff;
  font-size: 0.72rem;
  line-height: 1.35;
  padding: 0.45rem 0.6rem;
  white-space: normal;
  text-align: left;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip::before {
  content: '';
  border: 6px solid transparent;
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="top"]::after,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip:not([data-jv-taxonomy-tooltip-position])::after {
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translate(-50%, 4px);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="top"]::before,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip:not([data-jv-taxonomy-tooltip-position])::before {
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  border-top-color: rgba(15, 23, 42, 0.92);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="bottom"]::after {
  left: 50%;
  top: calc(100% + 12px);
  transform: translate(-50%, -4px);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="bottom"]::before {
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border-bottom-color: rgba(15, 23, 42, 0.92);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="left"]::after {
  right: calc(100% + 12px);
  top: 50%;
  transform: translate(4px, -50%);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="left"]::before {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: rgba(15, 23, 42, 0.92);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="right"]::after {
  left: calc(100% + 12px);
  top: 50%;
  transform: translate(-4px, -50%);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="right"]::before {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: rgba(15, 23, 42, 0.92);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip:hover::before,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip:hover::after,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip:focus-within::before,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip:focus-within::after {
  opacity: 1;
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="top"]:hover::after,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="top"]:focus-within::after,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip:not([data-jv-taxonomy-tooltip-position]):hover::after,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip:not([data-jv-taxonomy-tooltip-position]):focus-within::after {
  transform: translate(-50%, 0);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="bottom"]:hover::after,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="bottom"]:focus-within::after {
  transform: translate(-50%, 0);
}

.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="left"]:hover::after,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="left"]:focus-within::after,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="right"]:hover::after,
.submit-form-wrapper .jv-taxonomy-option--has-tooltip[data-jv-taxonomy-tooltip-position="right"]:focus-within::after {
  transform: translate(0, -50%);
}

.submit-form-wrapper .jv-taxonomy-field-wrapper {
  position: relative;
}

.submit-form-wrapper .jv-taxonomy-field-wrapper .ts-wrapper.dropdown-active .ts-control:not(.jv-floating-taxonomy-control),
.submit-form-wrapper .jv-taxonomy-field-wrapper .ts-wrapper.focus.dropdown-active .ts-control:not(.jv-floating-taxonomy-control),
.submit-form-wrapper .jv-taxonomy-field-wrapper .ts-wrapper.dropdown-active .ts-control:not(.jv-floating-taxonomy-control):focus-within {
  border-bottom-left-radius: 0.3rem !important;
  border-bottom-right-radius: 0.3rem !important;
  border-bottom-color: transparent !important;
  background: var(--jv-submit-field-control-bg, #eff5fb) !important;
}

.submit-form-wrapper .jv-taxonomy-field-wrapper .ts-dropdown {
  margin-top: -1px !important;
  border-color: var(--jv-submit-field-border, #d7e0ea) !important;
  border-radius: 0 0 var(--jv-submit-field-radius, 5px) var(--jv-submit-field-radius, 5px) !important;
  background: var(--jv-submit-field-bg, #ffffff) !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}

.submit-form-wrapper .jv-taxonomy-field-wrapper .ts-dropdown-content {
  padding: 0.2rem 0 !important;
}

.submit-form-wrapper .jv-taxonomy-field-wrapper .ts-dropdown .option,
.submit-form-wrapper .jv-taxonomy-field-wrapper .ts-dropdown .no-results {
  padding: 0.6rem 0.85rem !important;
  border-top: 1px solid rgba(215, 224, 234, 0.75) !important;
}

.submit-form-wrapper .jv-taxonomy-field-wrapper .ts-dropdown .option:first-child,
.submit-form-wrapper .jv-taxonomy-field-wrapper .ts-dropdown .no-results:first-child {
  border-top: 0 !important;
}

.submit-form-wrapper .ts-wrapper.multi .ts-control > div,
.submit-form-wrapper .ts-wrapper.single .ts-control > div.item,
.submit-form-wrapper .ts-wrapper.single .ts-control > .item,
.submit-form-wrapper .ts-wrapper.multi .ts-control > div.item,
.submit-form-wrapper .ts-wrapper.multi .ts-control [data-value] {
  display: inline-flex !important;
  align-items: center !important;
  font-size: var(--jv-submit-field-chip-font-size, calc(var(--jv-submit-field-font-size) - 1px)) !important;
  background: var(--jv-submit-field-bg-soft, #f8fafc) !important;
  background-color: var(--jv-submit-field-bg-soft, #f8fafc) !important;
  background-image: none !important;
  border: 1px solid var(--jv-submit-field-border, #d7e0ea) !important;
  color: var(--jv-submit-field-text, #334155) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  border-radius: var(--jv-submit-field-chip-radius, 5px) !important;
  min-height: 2rem !important;
  padding: var(--jv-submit-field-chip-padding-y, 0.2rem) var(--jv-submit-field-chip-padding-x, 0.625rem) !important;
  margin: 0.125rem 0.25rem 0.125rem 0 !important;
}

.submit-form-wrapper .ts-wrapper.multi .ts-control > div.active,
.submit-form-wrapper .ts-wrapper.single .ts-control > div.item.active,
.submit-form-wrapper .ts-wrapper.single .ts-control > .item.active,
.submit-form-wrapper .ts-wrapper.multi .ts-control > div.item.active {
  background: var(--jv-submit-field-bg-muted, #eff5fb) !important;
  background-color: var(--jv-submit-field-bg-muted, #eff5fb) !important;
  border-color: var(--jv-submit-field-border-strong, #bcc8d6) !important;
  color: var(--jv-submit-field-heading, #0f172a) !important;
}

.submit-form-wrapper .ts-wrapper.plugin-remove_button .item {
  display: inline-flex !important;
  align-items: center !important;
}

.submit-form-wrapper .ts-wrapper.plugin-remove_button .item:is(:hover, :focus-within) {
  padding-right: 0.28rem !important;
}

.submit-form-wrapper .ts-wrapper.multi.plugin-remove_button .ts-control > div.item:is(:hover, :focus-within),
.submit-form-wrapper .ts-wrapper.multi.plugin-remove_button .ts-control [data-value]:is(:hover, :focus-within) {
  padding-right: 0.28rem !important;
}

.submit-form-wrapper .ts-wrapper.plugin-remove_button .item .remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  box-sizing: border-box !important;
  width: 0 !important;
  max-width: 0 !important;
  min-width: 0 !important;
  height: 1rem !important;
  max-height: 1rem !important;
  min-height: 1rem !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  line-height: 1 !important;
  border-left: 0 solid transparent !important;
  color: transparent !important;
  transform: translateX(-0.2rem) !important;
  transition: max-width 0.18s ease, opacity 0.18s ease, transform 0.18s ease, margin-left 0.18s ease, padding 0.18s ease, border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease !important;
}

.submit-form-wrapper .ts-wrapper.plugin-remove_button .item:is(:hover, :focus-within) .remove,
.submit-form-wrapper .ts-wrapper.plugin-remove_button .item .remove:focus {
  width: 1rem !important;
  max-width: 1rem !important;
  min-width: 1rem !important;
  height: 1rem !important;
  max-height: 1rem !important;
  min-height: 1rem !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  padding-left: 0 !important;
  margin-left: 0.12rem !important;
  border-left-width: 0 !important;
  border-left-color: transparent !important;
  color: var(--jv-submit-field-helper, #64748b) !important;
  transform: translateX(0) !important;
}

.submit-form-wrapper .ts-wrapper.plugin-remove_button .item .remove:hover {
  background: var(--jv-submit-field-bg-muted, #eff5fb) !important;
  color: var(--jv-submit-field-heading, #0f172a) !important;
}

.submit-form-wrapper .ts-dropdown .active,
.submit-form-wrapper .ts-dropdown .create:hover,
.submit-form-wrapper .ts-dropdown .option:hover {
  background: var(--jv-submit-field-bg-soft, #f8fafc) !important;
  color: var(--jv-submit-field-heading, #0f172a) !important;
}

.javo-post-meta-logo-shell {
  position: relative;
  overflow: visible;
}

.javo-post-meta-logo-shell--has-membership {
  isolation: isolate;
  width: fit-content;
  max-width: 100%;
}

.javo-post-meta-logo-membership {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translate(32%, -32%);
  outline: none;
}

.javo-post-meta-logo-membership__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 2px solid #facc15;
  border-radius: 999px;
  background: #fef3c7;
  color: #b45309;
  box-shadow: 0 4px 12px rgba(180, 83, 9, 0.2), 0 0 0 3px #fff;
}

.javo-post-meta-logo-membership__badge i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  font-size: 13px;
  line-height: 1;
}

.javo-post-meta-logo-membership__popover {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 170px;
  max-width: min(240px, calc(100vw - 24px));
  padding: 11px 13px;
  border: 1px solid #dbe4f0;
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
  text-align: left;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
  pointer-events: none;
}

.javo-post-meta-logo-membership__popover::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 10px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #dbe4f0;
  border-left: 1px solid #dbe4f0;
  background: #fff;
  transform: rotate(45deg);
}

.javo-post-meta-logo-membership:hover .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership:focus .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership:focus-within .javo-post-meta-logo-membership__popover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.javo-post-meta-logo-membership__popover-title {
  color: #0f172a;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
}

.javo-post-meta-logo-membership__popover-description {
  color: #475569;
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1.35;
}

.javo-author-avatar-membership--placement-top .javo-author-avatar-membership__popover,
.javo-post-meta-logo-membership--placement-top .javo-post-meta-logo-membership__popover {
  top: auto;
  right: 0;
  bottom: calc(100% + 9px);
  left: auto;
  transform: translateY(4px);
}

.javo-author-avatar-membership--placement-top .javo-author-avatar-membership__popover::before,
.javo-post-meta-logo-membership--placement-top .javo-post-meta-logo-membership__popover::before {
  top: auto;
  right: 10px;
  bottom: -5px;
  left: auto;
  border-top: 0;
  border-right: 1px solid #dbe4f0;
  border-bottom: 1px solid #dbe4f0;
  border-left: 0;
}

.javo-author-avatar-membership--placement-bottom .javo-author-avatar-membership__popover,
.javo-post-meta-logo-membership--placement-bottom .javo-post-meta-logo-membership__popover {
  top: calc(100% + 9px);
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-4px);
}

.javo-author-avatar-membership--placement-bottom .javo-author-avatar-membership__popover::before,
.javo-post-meta-logo-membership--placement-bottom .javo-post-meta-logo-membership__popover::before {
  top: -5px;
  right: 10px;
  bottom: auto;
  left: auto;
  border-top: 1px solid #dbe4f0;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid #dbe4f0;
}

.javo-author-avatar-membership--placement-left .javo-author-avatar-membership__popover,
.javo-post-meta-logo-membership--placement-left .javo-post-meta-logo-membership__popover {
  top: 50%;
  right: calc(100% + 9px);
  bottom: auto;
  left: auto;
  transform: translateY(-50%) translateX(4px);
}

.javo-author-avatar-membership--placement-left .javo-author-avatar-membership__popover::before,
.javo-post-meta-logo-membership--placement-left .javo-post-meta-logo-membership__popover::before {
  top: 50%;
  right: -5px;
  bottom: auto;
  left: auto;
  border-top: 1px solid #dbe4f0;
  border-right: 1px solid #dbe4f0;
  border-bottom: 0;
  border-left: 0;
  transform: translateY(-50%) rotate(45deg);
}

.javo-author-avatar-membership--placement-right .javo-author-avatar-membership__popover,
.javo-post-meta-logo-membership--placement-right .javo-post-meta-logo-membership__popover {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(100% + 9px);
  transform: translateY(-50%) translateX(-4px);
}

.javo-author-avatar-membership--placement-right .javo-author-avatar-membership__popover::before,
.javo-post-meta-logo-membership--placement-right .javo-post-meta-logo-membership__popover::before {
  top: 50%;
  right: auto;
  bottom: auto;
  left: -5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #dbe4f0;
  border-left: 1px solid #dbe4f0;
  transform: translateY(-50%) rotate(45deg);
}

.javo-author-avatar-membership--placement-top:hover .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-top:focus .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-top:focus-within .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-bottom:hover .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-bottom:focus .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-bottom:focus-within .javo-author-avatar-membership__popover,
.javo-post-meta-logo-membership--placement-top:hover .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-top:focus .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-top:focus-within .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-bottom:hover .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-bottom:focus .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-bottom:focus-within .javo-post-meta-logo-membership__popover {
  transform: translateY(0);
}

.javo-author-avatar-membership--placement-left:hover .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-left:focus .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-left:focus-within .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-right:hover .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-right:focus .javo-author-avatar-membership__popover,
.javo-author-avatar-membership--placement-right:focus-within .javo-author-avatar-membership__popover,
.javo-post-meta-logo-membership--placement-left:hover .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-left:focus .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-left:focus-within .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-right:hover .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-right:focus .javo-post-meta-logo-membership__popover,
.javo-post-meta-logo-membership--placement-right:focus-within .javo-post-meta-logo-membership__popover {
  transform: translateY(-50%) translateX(0);
}

.javo-event-hero-extra {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 680px;
  margin-top: 4px;
}

.javo-event-hero-extra .javo-post-meta-wrapper {
  width: 100%;
}

.javo-event-hero-tagline .javo-post-meta-value {
  color: #6b7280;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.javo-event-hero-date .javo-post-meta-content {
  gap: 8px;
}

.javo-event-hero-date .javo-post-meta-value {
  color: #4b5563;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.javo-event-contact-lines {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.javo-event-contact-lines .elementor-widget-javo-post-meta,
.javo-event-contact-lines .javo-post-meta-wrapper {
  max-width: 100%;
  width: 100%;
}

.javo-event-contact-lines .javo-post-meta-content {
  align-items: flex-start;
  flex-wrap: nowrap;
  max-width: 100%;
}

.javo-event-contact-lines .javo-post-meta-value {
  max-width: 100%;
  min-width: 0;
}

.javo-event-contact-lines a.javo-post-meta-value,
.javo-event-contact-lines .javo-post-meta-value a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.javo-event-contact-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.javo-event-detail-facts {
  display: grid;
  gap: 12px;
}

.javo-event-detail-fact {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}

.javo-event-detail-fact__label {
  color: #0f172a;
  font-size: 14px;
  font-weight: 700;
}

.javo-event-detail-fact__value {
  color: #475569;
  font-size: 14px;
  line-height: 1.6;
}

.javo-event-detail-fact__list {
  margin: 0;
  padding-left: 1.1rem;
}

.javo-event-detail-fact__list li + li {
  margin-top: 4px;
}

.javo-event-main-gallery {
  margin: 24px 0;
}

.javo-event-main-gallery .javo-gallery-classic {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.javo-event-main-gallery .javo-gallery-item {
  min-width: 0;
}

@media (max-width: 767px) {
  body.single-lv_listing .e-con.e-grid:has(> .elementor-widget-javo-post-meta + .elementor-widget-javo-post-meta) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding-top: 16px !important;
  }

  body.single-lv_listing .e-con.e-grid:has(> .elementor-widget-javo-post-meta + .elementor-widget-javo-post-meta) > .elementor-widget-javo-post-meta {
    width: auto !important;
    min-width: 0;
  }

  body.single-lv_listing .e-con.e-grid:has(> .elementor-widget-javo-post-meta + .elementor-widget-javo-post-meta) .javo-post-meta-wrapper {
    min-height: 84px;
    padding-top: 18px;
    padding-bottom: 14px;
  }

  body.single-lv_listing [id^="spyscroll-"],
  body.single-lv_listing #jv-review-review {
    scroll-margin-top: 76px;
  }

  .javo-event-main-gallery .javo-gallery-classic {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  .javo-event-main-gallery .javo-gallery-classic {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/*
 * Child listing detail responsive summaries.
 *
 * @purpose Keep trainer, location, activity, and event hero metadata readable below media on phones.
 * @target Elementor mobile-only detail summary clones and related-school/demo cards.
 * @keywords child-listing detail mobile title contact actions school logo demo badge
 */
@media (max-width: 767px) {
  body.single-lv_listing .javo-child-detail-mobile-summary {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 18px 16px 20px !important;
    color: #0f172a !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: none !important;
    transform: none !important;
  }

  body.single-lv_listing .javo-child-detail-mobile-summary .elementor-element,
  body.single-lv_listing .javo-child-detail-mobile-summary .javo-post-meta-wrapper,
  body.single-lv_listing .javo-child-detail-mobile-summary .javo-post-meta-content,
  body.single-lv_listing .javo-child-detail-mobile-summary .javo-post-meta-value {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.single-lv_listing .javo-child-detail-mobile-summary .javo-post-meta-value,
  body.single-lv_listing .javo-child-detail-mobile-summary .javo-post-meta-value a,
  body.single-lv_listing .javo-child-detail-mobile-summary .javo-taxonomy-list,
  body.single-lv_listing .javo-child-detail-mobile-summary .javo-review-score,
  body.single-lv_listing .javo-child-detail-mobile-summary .javo-review-count {
    color: #475569 !important;
  }

  body.single-lv_listing .javo-child-detail-mobile-title .javo-post-meta-value,
  body.single-lv_listing .javo-child-detail-mobile-title .javo-post-meta-value a,
  body.single-lv_listing
    .javo-child-detail-mobile-summary
    .elementor-widget-javo-post-meta:has(.javo-post-meta-edit-button)
    .javo-post-meta-value,
  body.single-lv_listing
    .javo-child-detail-mobile-summary
    .elementor-widget-javo-post-meta:has(.javo-post-meta-edit-button)
    .javo-post-meta-value
    a {
    color: #0f172a !important;
    font-size: 28px !important;
    font-weight: 750 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.025em !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body.single-lv_listing .javo-child-detail-mobile-summary .javo-post-meta-edit-button {
    align-self: center;
    margin-left: 8px;
    color: #475569 !important;
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
  }

  body.single-lv_listing .javo-child-detail-mobile-actions {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
  }

  body.single-lv_listing .javo-child-detail-mobile-actions > .elementor-element,
  body.single-lv_listing .javo-child-detail-mobile-actions .javo-post-meta-wrapper,
  body.single-lv_listing .javo-child-detail-mobile-actions .javo-post-meta-content,
  body.single-lv_listing .javo-child-detail-mobile-actions .javo-post-meta-value,
  body.single-lv_listing .javo-child-detail-mobile-actions button {
    width: 100% !important;
    max-width: none !important;
  }

  body.single-lv_listing .javo-child-detail-mobile-action--contact {
    grid-column: 1 / -1;
  }

  body.single-lv_listing
    .javo-child-detail-mobile-actions
    > .elementor-element:has(.javo-contact-button) {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  body.single-lv_listing
    .javo-child-detail-mobile-actions
    > .elementor-element:has(.javo-share-button),
  body.single-lv_listing
    .javo-child-detail-mobile-actions
    > .elementor-element:has(.javo-favorite) {
    grid-row: 2;
  }

  body.single-lv_listing .javo-child-detail-mobile-actions button {
    min-height: 44px;
    justify-content: center !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 650 !important;
  }

  body.single-lv_listing .javo-child-detail-mobile-action--contact button {
    color: #ffffff !important;
    background: #0f172a !important;
    border-color: #0f172a !important;
  }

  body.single-lv_listing
    .javo-child-detail-mobile-actions
    .javo-contact-button
    button {
    color: #ffffff !important;
    background: #0f172a !important;
    border-color: #0f172a !important;
  }

  body.single-lv_listing .javo-child-detail-mobile-action--share button,
  body.single-lv_listing .javo-child-detail-mobile-action--favorite button {
    color: #475569 !important;
    background: #f8fafc !important;
    border-color: #dbe3ee !important;
  }

  body.single-lv_listing .javo-child-detail-school-card {
    display: grid !important;
    grid-template-columns: 85px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px 16px !important;
    min-height: 0 !important;
    padding: 16px !important;
  }

  body.single-lv_listing .javo-child-detail-school-icon {
    display: none !important;
  }

  body.single-lv_listing
    .javo-child-detail-school-card
    > .elementor-widget-javo-post-meta:has(.ti-building-estate) {
    display: none !important;
  }

  body.single-lv_listing .javo-child-detail-school-content {
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.single-lv_listing .javo-child-detail-school-logo-wrap {
    display: flex !important;
    grid-column: 1;
    grid-row: 1;
    width: 85px !important;
    min-width: 85px !important;
    min-height: 85px !important;
    height: 85px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-lv_listing .javo-child-detail-school-logo,
  body.single-lv_listing .javo-child-detail-school-logo .javo-post-meta-wrapper,
  body.single-lv_listing .javo-child-detail-school-logo .javo-post-meta-content,
  body.single-lv_listing .javo-child-detail-school-logo .javo-post-meta-value,
  body.single-lv_listing .javo-child-detail-school-logo .javo-post-meta-image--logo {
    width: 85px !important;
    max-width: 85px !important;
    height: 85px !important;
    max-height: 85px !important;
    margin: 0 !important;
  }

  body.single-lv_listing .javo-child-detail-school-logo .javo-post-meta-image--logo {
    object-fit: contain !important;
    object-position: center !important;
  }

  body.single-lv_listing
    .javo-child-detail-school-logo-wrap
    .elementor-widget-javo-post-meta,
  body.single-lv_listing
    .javo-child-detail-school-logo-wrap
    .javo-post-meta-wrapper,
  body.single-lv_listing
    .javo-child-detail-school-logo-wrap
    .javo-post-meta-content,
  body.single-lv_listing
    .javo-child-detail-school-logo-wrap
    .javo-post-meta-value,
  body.single-lv_listing
    .javo-child-detail-school-logo-wrap
    .javo-post-meta-image--logo {
    width: 85px !important;
    max-width: 85px !important;
    height: 85px !important;
    max-height: 85px !important;
    margin: 0 !important;
  }

  body.single-lv_listing
    .javo-child-detail-school-logo-wrap
    .javo-post-meta-image--logo {
    object-fit: contain !important;
    object-position: center !important;
  }

  body.single-lv_listing .javo-demo-sample-notice {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  body.single-lv_listing .javo-demo-sample-notice__body {
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  body.single-lv_listing .javo-demo-sample-notice__heading {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  body.single-lv_listing .javo-demo-sample-notice__title {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body.single-lv_listing
    .javo-demo-sample-notice__heading
    > .elementor-widget-heading {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body.single-lv_listing .javo-demo-sample-notice__badge {
    width: auto !important;
    min-width: 62px !important;
    flex: 0 0 auto !important;
    padding: 5px 9px !important;
  }

  body.single-lv_listing .javo-demo-sample-notice__message,
  body.single-lv_listing .javo-demo-sample-notice__message p,
  body.single-lv_listing
    .javo-demo-sample-notice__body
    > .elementor-widget-text-editor,
  body.single-lv_listing
    .javo-demo-sample-notice__body
    > .elementor-widget-text-editor
    p {
    margin: 0 !important;
  }
}


/*
 * Submit form Tom Select chip guard.
 *
 * @purpose Keep single and multiple Tom Select chips visually consistent after late-loaded vendor styles.
 * @target Taxonomy and location dropdown chips inside frontend listing submit forms.
 * @keywords submit-form, tom-select, field-height, chip-style
 */
.submit-form-wrapper .ts-wrapper.single .ts-control,
.submit-form-wrapper .ts-wrapper.multi .ts-control {
  min-height: var(--jv-submit-field-control-height, 3rem) !important;
  display: flex !important;
  align-items: center !important;
  align-content: center !important;
  gap: var(--jv-submit-field-chip-gap, 0.375rem) !important;
  padding: var(--jv-submit-field-control-padding-y, 0.5rem) var(--jv-submit-field-control-padding-x, 0.875rem) !important;
}

.submit-form-wrapper .ts-wrapper.single .ts-control > .item,
.submit-form-wrapper .ts-wrapper.single .ts-control > div.item,
.submit-form-wrapper .ts-wrapper.multi .ts-control > div.item,
.submit-form-wrapper .ts-wrapper.multi .ts-control [data-value] {
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  height: 1.75rem !important;
  min-height: 1.75rem !important;
  max-height: 1.75rem !important;
  padding: var(--jv-submit-field-chip-padding-y, 0.2rem) var(--jv-submit-field-chip-padding-x, 0.625rem) !important;
  border: 1px solid var(--jv-submit-field-border, #d7e0ea) !important;
  border-radius: var(--jv-submit-field-chip-radius, 5px) !important;
  background: var(--jv-submit-field-bg-soft, #f8fafc) !important;
  background-color: var(--jv-submit-field-bg-soft, #f8fafc) !important;
  color: var(--jv-submit-field-text, #334155) !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  margin: 0 0.25rem 0 0 !important;
}

/*
 * Listing contact centered modal.
 *
 * @purpose Present listing inquiries in a centered dialog on desktop and mobile.
 * @target Lazy contact modal rendered from listing detail action buttons.
 * @keywords contact-form, centered-modal, dialog, responsive
 */
.javo-contact-modal-wrapper {
  --javo-contact-modal-bg: #ffffff;
  --javo-contact-modal-bg-soft: #fbfcfe;
  --javo-contact-modal-border: #e2e8f0;
  --javo-contact-modal-text: #172033;
  --javo-contact-modal-muted: #64748b;
  z-index: 10050;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(15, 23, 42, 0.48) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.javo-contact-modal__panel {
  width: min(840px, calc(100vw - 48px));
  max-width: 840px;
  max-height: calc(100dvh - 48px);
}

.javo-contact-modal__dialog {
  display: flex;
  min-height: 0;
  max-height: calc(100dvh - 48px);
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--javo-contact-modal-border);
  border-radius: 14px;
  background: var(--javo-contact-modal-bg);
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.24), 0 8px 26px rgba(15, 23, 42, 0.12);
}

.javo-contact-modal__header {
  flex: 0 0 auto;
  gap: 24px;
  padding: 24px 26px 20px;
  border-color: var(--javo-contact-modal-border);
  background: linear-gradient(180deg, var(--javo-contact-modal-bg) 0%, var(--javo-contact-modal-bg-soft) 100%);
}

.javo-contact-modal__heading {
  min-width: 0;
}

.javo-contact-modal__eyebrow {
  display: block;
  margin-bottom: 5px;
  color: #2563eb;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.13em;
  line-height: 1.2;
  text-transform: uppercase;
}

.javo-contact-modal__title {
  color: var(--javo-contact-modal-text);
  margin: 0;
  overflow: hidden;
  font-size: clamp(19px, 2.2vw, 24px);
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.javo-contact-modal__close {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border: 1px solid var(--javo-contact-modal-border);
  background: transparent;
  color: var(--javo-contact-modal-muted);
}

.javo-contact-modal__close svg {
  width: 14px;
  height: 14px;
}

.javo-contact-modal__content {
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 24px 26px 26px;
  overscroll-behavior: contain;
  color: var(--javo-contact-modal-text);
}

.javo-contact-modal__content .javo-contact-form {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: 18px;
}

.javo-contact-modal__content .javo-contact-form label:not(.jv-floating-field__label) {
  color: var(--javo-contact-modal-text);
  font-size: 14px;
  font-weight: 650;
}

.javo-contact-modal__content .javo-contact-form input:not([type="hidden"]):not(.jv-floating-field__control),
.javo-contact-modal__content .javo-contact-form select:not(.jv-floating-field__control),
.javo-contact-modal__content .javo-contact-form textarea:not(.jv-floating-field__control) {
  border-color: var(--javo-contact-modal-border);
  border-radius: 8px;
  background: var(--javo-contact-modal-bg-soft);
  color: var(--javo-contact-modal-text);
  box-shadow: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.javo-contact-modal__content .javo-contact-form input:not([type="hidden"]):not(.jv-floating-field__control):focus,
.javo-contact-modal__content .javo-contact-form select:not(.jv-floating-field__control):focus,
.javo-contact-modal__content .javo-contact-form textarea:not(.jv-floating-field__control):focus {
  border-color: #2563eb;
  background: var(--javo-contact-modal-bg);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  outline: none;
}

.javo-contact-modal__content .javo-contact-form textarea {
  min-height: 132px;
  resize: vertical;
}

/*
 * Keep the country selector and number input inside one floating Contact control.
 * The lazy modal arrives after wp_footer, so these compound styles must ship with
 * the always-loaded frontend stylesheet instead of relying only on field inline CSS.
 */
.javo-contact-modal__content .jv-floating-field--claim-phone .jv-floating-field__compound-control {
  display: flex;
  width: 100%;
  min-height: var(--jv-floating-control-height) !important;
  overflow: hidden;
  border: var(--jv-floating-border-width) solid var(--jv-floating-border) !important;
  border-radius: var(--jv-floating-radius) !important;
  background: var(--jv-floating-control-bg) !important;
  color: var(--jv-floating-text);
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.javo-contact-modal__content .jv-floating-field--claim-phone .jv-floating-field__compound-control:focus-within {
  border-color: var(--jv-floating-focus-border) !important;
  box-shadow: 0 0 0 4px var(--jv-floating-focus-ring);
}

.javo-contact-modal__content .jv-floating-field--claim-phone .claim-phone-country-select,
.javo-contact-modal__content .jv-floating-field--claim-phone .claim-phone-input {
  min-width: 0;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--jv-floating-text) !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: var(--jv-submit-field-font-size, 0.8rem);
  font-weight: var(--jv-submit-field-control-font-weight, 400);
  line-height: var(--jv-submit-field-line-height, 1.4286);
}

.javo-contact-modal__content .jv-floating-field--claim-phone .claim-phone-country-select {
  width: min(42%, 15rem);
  flex: 0 0 min(42%, 15rem);
  padding: 1.25rem 2.25rem 0.45rem 0.75rem !important;
  border-right: var(--jv-floating-border-width) solid var(--jv-floating-border) !important;
}

.javo-contact-modal__content .jv-floating-field--claim-phone .claim-phone-input {
  flex: 1 1 auto;
  width: 100%;
  padding: 1.25rem 0.875rem 0.45rem !important;
}

.javo-contact-modal__content .jv-floating-field--claim-phone .claim-phone-input::placeholder {
  color: var(--jv-floating-label-color) !important;
  opacity: 0.72;
}

.dark .javo-contact-modal__content .jv-floating-field--claim-phone .claim-phone-country-select option {
  background: #172033;
  color: #e2e8f0;
}

@media (max-width: 640px) {
  .javo-contact-modal__content .jv-floating-field--claim-phone .claim-phone-country-select {
    width: 52%;
    flex-basis: 52%;
    padding-left: 0.625rem !important;
  }

  .javo-contact-modal__content .jv-floating-field--claim-phone .claim-phone-input {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
}

.javo-contact-form[data-jv-floating-row-gap="none"] .jv-floating-field {
  margin-block: 0;
}

.javo-contact-form[data-jv-floating-row-gap="small"] .jv-floating-field {
  margin-block: 3px;
}

.javo-contact-form[data-jv-floating-row-gap="medium"] .jv-floating-field {
  margin-block: 6px;
}

.javo-contact-modal__content .javo-contact-form > .flex.justify-end {
  position: sticky;
  bottom: -26px;
  z-index: 2;
  margin: auto -26px -26px !important;
  padding: 18px 26px 22px;
  border-top: 1px solid var(--javo-contact-modal-border);
  background: color-mix(in oklab, var(--javo-contact-modal-bg) 94%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.javo-contact-modal__content .javo-contact-form > .flex.justify-end button {
  min-height: 46px;
  border-radius: 8px;
  padding-inline: 20px;
  font-weight: 700;
}

.javo-contact-modal__content .javo-contact-form > .flex.justify-end button[type="submit"] {
  background: #1d4ed8;
  box-shadow: 0 8px 20px rgba(29, 78, 216, 0.2);
}

body.javo-contact-modal-open .jv-chat-floating-container {
  opacity: 0;
  pointer-events: none;
}

/*
 * Listing Contact dark theme and non-blocking submission toast.
 *
 * @purpose Adapt the centered form and completion feedback to the site dark-mode class.
 * @target Listing detail Contact modal and AJAX submission result.
 * @keywords contact-form,dark-mode,toast,listing-detail
 */
.dark .javo-contact-modal-wrapper {
  --javo-contact-modal-bg: #2f3349;
  --javo-contact-modal-bg-soft: #292d42;
  --javo-contact-modal-border: #44485e;
  --javo-contact-modal-text: #e7e5f4;
  --javo-contact-modal-muted: #acabc1;
  background: rgba(12, 14, 24, 0.72) !important;
}

.dark .javo-contact-modal__dialog {
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.48), 0 10px 28px rgba(0, 0, 0, 0.28);
}

.dark .javo-contact-modal__close:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}

.dark .javo-contact-modal__content .javo-contact-form :is(input, select, textarea)::placeholder {
  color: rgba(207, 205, 228, 0.58);
}

.dark .javo-contact-modal__content .javo-contact-form select option {
  background: var(--javo-contact-modal-bg);
  color: var(--javo-contact-modal-text);
}

.dark .javo-contact-modal__content .javo-contact-form .jv-floating-field__control {
  color: var(--javo-contact-modal-text);
}

.dark .javo-contact-modal__content .javo-contact-form .jv-floating-field__label {
  color: var(--javo-contact-modal-muted);
}

.javo-contact-toast-region {
  display: grid;
  gap: 10px;
  max-width: min(390px, calc(100vw - 32px));
  pointer-events: none;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 100%;
  z-index: 10150;
}

.admin-bar .javo-contact-toast-region {
  top: 52px;
}

.javo-contact-toast {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dce4ee;
  border-radius: 12px;
  box-shadow: 0 18px 46px rgba(2, 6, 23, 0.22);
  color: #172033;
  display: grid;
  gap: 11px;
  grid-template-columns: 34px minmax(0, 1fr) 28px;
  opacity: 0;
  padding: 12px;
  pointer-events: auto;
  transform: translateY(-8px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.javo-contact-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.javo-contact-toast > i {
  align-items: center;
  background: #ecfdf5;
  border-radius: 9px;
  color: #059669;
  display: inline-flex;
  font-size: 18px;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.javo-contact-toast.is-error > i {
  background: #fff1f2;
  color: #e11d48;
}

.javo-contact-toast > span {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.javo-contact-toast > button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  padding: 0;
  width: 28px;
}

.javo-contact-toast > button:hover {
  background: #f1f5f9;
  color: #172033;
}

.dark .javo-contact-toast {
  background: #2f3349;
  border-color: #44485e;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.38);
  color: #e7e5f4;
}

.dark .javo-contact-toast > i {
  background: rgba(16, 185, 129, 0.14);
  color: #34d399;
}

.dark .javo-contact-toast.is-error > i {
  background: rgba(244, 63, 94, 0.14);
  color: #fb7185;
}

.dark .javo-contact-toast > button {
  color: #acabc1;
}

.dark .javo-contact-toast > button:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}

@media (max-width: 640px) {
  .javo-contact-modal-wrapper {
    align-items: center;
    padding: 12px;
  }

  .javo-contact-modal__panel {
    width: min(100%, 840px);
    max-width: none;
    max-height: calc(100dvh - 24px);
  }

  .javo-contact-modal__dialog {
    max-height: calc(100dvh - 24px);
    border-radius: 12px;
  }

  .javo-contact-modal__header {
    padding: 19px 18px 16px;
  }

  .javo-contact-modal__content {
    padding: 20px 18px 22px;
  }

  .javo-contact-modal__content .javo-contact-form > .flex.justify-end {
    bottom: -22px;
    margin: auto -18px -22px !important;
    padding: 15px 18px calc(16px + env(safe-area-inset-bottom));
  }

  .javo-contact-modal__content .javo-contact-form > .flex.justify-end button {
    flex: 1 1 0;
    padding-inline: 12px;
  }

  .javo-contact-toast-region {
    left: 12px;
    max-width: none;
    right: 12px;
    top: 12px;
    width: auto;
  }

  .admin-bar .javo-contact-toast-region {
    top: 58px;
  }
}

/*
 * Mobile modal scroll safety.
 *
 * @purpose Keep every interactive frontend dialog reachable when its content,
 * the software keyboard, or a short landscape viewport exceeds the screen.
 * @target Listing detail actions, dashboard dialogs, form pickers, coupons,
 * claims, reviews, search, reports, and other semantic Javo modal overlays.
 * @keywords modal, mobile, overflow, dvh, safe-area, accessibility
 */
@media (max-width: 767px) {
  :where(
    .javo-modal-stack,
    .javo-listing-delete-modal,
    .javo-ai-image-modal,
    .javo-map-modal,
    .javo-relationship-map-modal,
    .javo-dashboard-contact-modal,
    .taxonomy-modal,
    .post-browser-modal,
    .icon-picker-modal,
    .user-selection-modal,
    #search-modal,
    #listing-submit-guide,
    #javo-coupon-email-modal,
    #javo-coupon-detail-modal,
    #avatar-crop-modal,
    #avatar-ai-modal,
    #javo-point-code-modal,
    #javo-point-detail-modal,
    #javo-point-usage-modal,
    #javo-point-product-modal,
    [data-coupon-modal],
    [data-jv-ai-autofill-modal],
    .fixed[role="dialog"][aria-modal="true"]
  ) {
    align-items: flex-start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
    padding-top: max(12px, env(safe-area-inset-top)) !important;
    -webkit-overflow-scrolling: touch;
  }

  /*
   * Auto margins retain the familiar centered position while a dialog fits.
   * When it grows taller than the viewport, auto margins collapse to zero so
   * the top remains reachable and the overlay becomes the scroll container.
   * Absolute backdrops are intentionally excluded.
   */
  :where(
    .javo-modal-stack,
    .javo-listing-delete-modal,
    .javo-ai-image-modal,
    .javo-map-modal,
    .javo-relationship-map-modal,
    .javo-dashboard-contact-modal,
    .taxonomy-modal,
    .post-browser-modal,
    .icon-picker-modal,
    .user-selection-modal,
    #search-modal,
    #listing-submit-guide,
    #javo-coupon-email-modal,
    #javo-coupon-detail-modal,
    #avatar-crop-modal,
    #avatar-ai-modal,
    #javo-point-code-modal,
    #javo-point-detail-modal,
    #javo-point-usage-modal,
    #javo-point-product-modal,
    [data-coupon-modal],
    [data-jv-ai-autofill-modal],
    .fixed[role="dialog"][aria-modal="true"]
  ) > :not(.absolute):not([hidden]) {
    margin-bottom: auto;
    margin-top: auto;
  }
}