/* Site Search Indexer frontend styles */
/* Search form */
.ssi-search-form-wrapper { display: block; margin: 16px 0; }
.ssi-search-form-row { display: flex; gap: 8px; }
.ssi-search-input { flex: 1; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 6px; }
.ssi-search-btn { padding: 10px 14px; border: 1px solid #2563eb; background: #2563eb; color: #fff; border-radius: 6px; cursor: pointer; }
.ssi-search-btn:hover { background: #1d4ed8; }
.ssi-search-form-filters { display: flex; gap: 12px; align-items: center; margin-top: 10px; flex-wrap: wrap; }
.ssi-search-form-filters label { display: flex; gap: 6px; align-items: center; font-size: 14px; color: #374151; }
.ssi-search-form-filters input[type="text"],
.ssi-search-form-filters select { padding: 6px 8px; border: 1px solid #d1d5db; border-radius: 6px; }

/* Sort controls */
.ssi-sort-toggle-container { margin: 0; }
.ssi-sort-section { display: flex; align-items: center; gap: 12px; }
.ssi-sort-label { font-size: 14px; color: #666; font-weight: 500; }
.ssi-sort-dropdown { position: relative; }
.ssi-sort-toggle-btn { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: #fff; border: 1px solid #d1d5db; border-radius: 6px; cursor: pointer; font-size: 14px; color: #374151; transition: all .2s ease; }
.ssi-sort-toggle-btn:hover { border-color: #9ca3af; background: #f9fafb; }
.ssi-sort-toggle-btn:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.1); }
.ssi-sort-current { font-weight: 500; }
.ssi-sort-arrow { transition: transform .2s ease; }
.ssi-sort-toggle-btn.active .ssi-sort-arrow { transform: rotate(180deg); }
.ssi-sort-dropdown-menu { position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px; background: #fff; border: 1px solid #d1d5db; border-radius: 6px; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); z-index: 50; display: none; min-width: 200px; }
.ssi-sort-dropdown-menu.show { display: block; }
.ssi-sort-option { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; color: #374151; text-decoration: none; font-size: 14px; border-bottom: 1px solid #f3f4f6; transition: background-color .2s ease; }
.ssi-sort-option:last-child { border-bottom: none; }
.ssi-sort-option:hover { background-color: #f9fafb; }
.ssi-sort-option.active { background-color: #eff6ff; color: #1d4ed8; font-weight: 500; }
.ssi-check-icon { color: #1d4ed8; }

/* List + header */
.ssi-search-results-container { margin: 0; }
.ssi-results-header { padding: 16px 0; border-bottom: 1px solid #dadce0; margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ssi-results-actions { flex-shrink: 0; display: flex; align-items: center; }
.ssi-results-info { font-size: 14px; color: #FE8029; }
.ssi-keyword { color: #FE8029; font-weight: bold; }
.ssi-count { color: #FE8029; }
.ssi-results-list { padding: 0; }
.ssi-search-result { display: flex; justify-content: space-between; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid #e5e7eb; gap: 20px; }
.ssi-search-result:last-child { border-bottom: none; }
.ssi-result-content { flex: 1; min-width: 0; }
.ssi-result-title { margin: 0 0 8px 0; font-size: 18px; font-weight: 400; line-height: 1.3; }
.ssi-title-link { color: #1a0dab; text-decoration: none; }
.ssi-title-link:hover { text-decoration: underline; }
.ssi-title-link:visited { color: #609; }
.ssi-result-snippet { color: #4d5156; line-height: 1.58; margin: 8px 0; font-size: 14px; }
.ssi-result-snippet b { font-weight: 700; color: #263F8F; }
.ssi-result-url { color: #1a73e8; font-size: 14px; margin-top: 8px; word-break: break-all; }
.ssi-result-badge { flex-shrink: 0; }
.ssi-badge { display: inline-block; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; }
/* Example badge colors */
.ssi-badge-post,.ssi-badge-document { background: #e8f5e8; color: #1b5e20; }
.ssi-badge-hitap_article { background: #e1f5fe; color: #01579b; }
.ssi-badge-hitap_document { background: #f3e5f5; color: #4a148c; }
.ssi-badge-policy { background: #fff3e0; color: #e65100; }
.ssi-badge-news { background: #e3f2fd; color: #0d47a1; }
.ssi-badge-research { background: #f3e5f5; color: #4a148c; }
.ssi-badge-page { background: #fce4ec; color: #880e4f; }
.ssi-badge-product { background: #fff8e1; color: #ff8f00; }
.ssi-badge { background: #f5f5f5; color: #616161; }

/* Pagination */
.ssi-pagination { margin-top: 32px; padding-top: 24px; border-top: 1px solid #e5e7eb; }
.ssi-pagination-nav { display: flex; justify-content: center; align-items: center; position: relative; gap: 8px;  min-height: 40px; }
.ssi-pagination-info { position: absolute; left: 0; font-size: 14px; color: #70757a; font-weight: 400; }
.ssi-pagination-links { display: flex; align-items: center; gap: 4px; }
.ssi-items-per-page { position: absolute; left: 0; display: flex; align-items: center; gap: 8px; font-size: 14px; color: #374151; }
.ssi-items-select { padding: 6px 24px 6px 12px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; font-size: 14px; color: #374151; cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 8px center; background-repeat: no-repeat; background-size: 16px; }
.ssi-page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 8px; font-size: 14px; font-weight: 500; text-decoration: none; color: #374151; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; transition: all .2s ease; gap: 6px; }
.ssi-page-link:hover { background: #f9fafb; border-color: #d1d5db; color: #374151; }
.ssi-page-link.ssi-current-page { font-weight: 700; }
.ssi-page-link.ssi-prev-link,.ssi-page-link.ssi-next-link { min-width: auto; padding: 0 12px; font-weight: 500; }
.ssi-page-link.ssi-prev-link:disabled,.ssi-page-link.ssi-next-link:disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }
.ssi-page-dots { padding: 0 8px; color: #9ca3af; font-weight: 500; display: flex; align-items: center; height: 32px; }
.ssi-pagination-right { position: absolute; right: 0; font-size: 14px; color: #70757a; font-weight: 400; }


 .mb-ui,.sort-input-placeholder.mb-ui { display: none; }

 
/* Mobile tweaks */
@media (max-width: 768px) {
  .ssi-search-form-row { flex-direction: column; }
  .ssi-search-btn { width: 100%; }
  .ssi-search-result { flex-direction: column; gap: 12px; }
  .ssi-result-badge { align-self: flex-start; }
  .ssi-result-title { font-size: 16px; }
  .ssi-pagination-nav { flex-direction: column; gap: 16px; position: relative; }
  .ssi-items-per-page, .ssi-pagination-right { position: static; align-self: center; }
  .ssi-pagination-links { flex-wrap: wrap; justify-content: center; gap: 8px; }
  .ssi-page-link { min-width: 40px; height: 40px; }
  .ssi-page-link.ssi-prev-link,.ssi-page-link.ssi-next-link { padding: 0 16px; }
  /* Header layout on mobile and UI swapping */
  .ssi-results-header { flex-direction: column; align-items: flex-start; gap: 8px; }
  .ssi-sort-toggle-container { display: none; }
  .mb-ui { display: block; }
  .dt-ui { display: none; }
  .ssi-items-per-page { display: none; visibility: hidden; }
}

/* Misc */
.c-dark-blue { color: #263F8F; }
.ssi-result-text { color: #263F8F; }
.results-desc { font-size: 1.5rem; display: flex; gap: 10px; flex-wrap: wrap; }
#perPageTriggerMb-body label { margin: 10px 0; }
#perPageTriggerMb { margin-left: 0; margin-right: 0; margin-bottom: 15px; }