.relevanssi-query-term {
  background: #fff3a0;
  padding: 0 0.15em;
  border-radius: 2px;
}

/* =========================================================
   MOBILE: show Filter Everything filters ABOVE posts
   Kadence archive layout
   ========================================================= */
@media (max-width: 1024px){

  /* Force the container that holds posts + sidebar into a column */
  body .content-container.site-container{
    display: flex !important;
    flex-direction: column !important;
  }

  /* Sidebar (filters) first */
  body .content-container.site-container > #secondary{
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
  }

  /* Posts second */
  body .content-container.site-container > #main{
    order: 2 !important;
    width: 100% !important;
  }

  /* Remove sidebar padding so it feels like a top filter bar */
  #secondary .sidebar-inner-wrap{
    padding: 0 !important;
  }

  /* =========================================================
     Filter Everything mobile polish
     ========================================================= */

  /* Tighter filter headings */
  #secondary .wpc-filters-widget h4,
  #secondary .wpc-filter-title{
    margin: 0 0 8px 0 !important;
    font-weight: 600;
  }

  /* Reduce vertical gaps between filters */
  #secondary .wpc-filters-widget{
    margin-bottom: 0 !important;
  }

  #secondary .wpc-filter-wrap{
    margin-bottom: 12px !important;
  }

  /* Make inputs feel full-width and intentional */
  #secondary .wpc-filters-widget input,
  #secondary .wpc-filters-widget select{
    width: 100% !important;
  }
}




/* ===============================
   Jetpack AI Search (polished v2)
   Goals:
   - White/clean bar (match Quick Search vibe)
   - Tight spacing + aligned widths
   - Button height matches input
   - Looks good before + after search
   =============================== */

/* Wrapper */
.jp-ai-search-wrap{
  --quickbar-width: 980px; /* <<< adjust this to match Quick Search row width */
  max-width: 1120px;
  margin: 16px auto 10px;
}

/* Jetpack AI Search block wrapper */
.jp-ai-search-wrap .wp-block-jetpack-ai-search,
.jp-ai-search-wrap [class*="jetpack"][class*="ai"][class*="search"],
.jp-ai-search-wrap [class*="ai-search"]{
  background: #fff !important;
  border: 1px solid rgba(31,79,122,.18) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
  width: 100% !important;
}

/* Title/label (“AI-Powered Search”) */
.jp-ai-search-wrap h1,
.jp-ai-search-wrap h2,
.jp-ai-search-wrap h3,
.jp-ai-search-wrap .ai-powered-search,
.jp-ai-search-wrap [class*="ai-powered"],
.jp-ai-search-wrap [class*="AI-Powered"]{
  margin: 0 0 10px !important;
  font-family: inherit !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  color: #1f4f7a !important;
  letter-spacing: -0.01em !important;

  /* keep label aligned to the same width as the bar */
  max-width: var(--quickbar-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Form layout */
.jp-ai-search-wrap form{
  display: grid !important;
  grid-template-columns: 1fr 140px !important; /* fixed Ask button */
  gap: 12px !important;
  align-items: center !important;
  margin: 0 !important;

  /* >>> THIS is what makes it match Quick Search width <<< */
  max-width: var(--quickbar-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Inputs */
.jp-ai-search-wrap input[type="text"],
.jp-ai-search-wrap input[type="search"],
.jp-ai-search-wrap textarea{
  width: 100% !important;
  height: 52px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(31,79,122,.22) !important;
  background: #fff !important;
  color: #111 !important;
  outline: none !important;
}

/* Placeholder */
.jp-ai-search-wrap input::placeholder,
.jp-ai-search-wrap textarea::placeholder{
  color: rgba(0,0,0,.45) !important;
}

/* Focus ring */
.jp-ai-search-wrap input[type="text"]:focus,
.jp-ai-search-wrap input[type="search"]:focus,
.jp-ai-search-wrap textarea:focus{
  border-color: #D64326 !important;
  box-shadow: 0 0 0 4px rgba(214,67,38,.22) !important;
}

/* Buttons */
.jp-ai-search-wrap button,
.jp-ai-search-wrap [role="button"],
.jp-ai-search-wrap .components-button{
  height: 52px !important;
  border-radius: 999px !important;
  background: #D64326 !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 0 18px !important;
  border: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 18px rgba(214,67,38,.18) !important;
}

.jp-ai-search-wrap button:hover,
.jp-ai-search-wrap [role="button"]:hover,
.jp-ai-search-wrap .components-button:hover{
  filter: brightness(1.04) !important;
}

/* Match Kadence system font */
.jp-ai-search-wrap input[type="text"],
.jp-ai-search-wrap input[type="search"],
.jp-ai-search-wrap textarea,
.jp-ai-search-wrap button,
.jp-ai-search-wrap .components-button{
  font-family: -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial,
               sans-serif, "Apple Color Emoji",
               "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* -------------------------------
   Results styling (after search)
   ------------------------------- */

/* Keep result content consistent with the bar width */
.jp-ai-search-wrap .wp-block-jetpack-ai-search > *{
  max-width: var(--quickbar-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Response text rhythm */
.jp-ai-search-wrap p{
  margin: 10px 0 !important;
  line-height: 1.6 !important;
}

/* Headings inside results */
.jp-ai-search-wrap h4,
.jp-ai-search-wrap h5{
  margin: 14px 0 8px !important;
  line-height: 1.25 !important;
}

/* Additional resources list spacing */
.jp-ai-search-wrap ul,
.jp-ai-search-wrap ol{
  margin: 8px 0 0 !important;
  padding-left: 18px !important;
}

/* “Copy Response” button normalize */
.jp-ai-search-wrap button[class*="copy"],
.jp-ai-search-wrap [class*="copy"] button{
  height: 40px !important;
  font-size: 15px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  margin-top: 8px !important;
}

/* Mobile */
@media (max-width: 900px){
  .jp-ai-search-wrap{
    max-width: 1200px;
    margin: 14px auto 8px;
    padding: 0 10px;
    --quickbar-width: 100%;
  }

  .jp-ai-search-wrap form{
    grid-template-columns: 1fr !important;
  }

  .jp-ai-search-wrap button,
  .jp-ai-search-wrap [role="button"],
  .jp-ai-search-wrap .components-button{
    width: 100% !important;
  }
}

/* ===============================
   Mobile polish: reduce Ask button WIDTH (not height)
   =============================== */
@media (max-width: 700px) {

  .jp-ai-search-wrap form {
    grid-template-columns: 1fr auto !important; /* keep side-by-side when possible */
  }

  .jp-ai-search-wrap button,
  .jp-ai-search-wrap [role="button"],
  .jp-ai-search-wrap .components-button {
    width: auto !important;          /* prevent full-width stretch */
    min-width: 72px !important;      /* compact but tappable */
    padding: 0 14px !important;      /* tighter horizontal padding */
    font-size: 16px !important;
  }
}