/* Only the mobile search results overlay. All desktop styling is untouched. */
@media (max-width: 767px) {
  /* Prevent the broken inline shortcode from creating a second/clipped dropdown. */
  .coarts-search-dropdown { display: none !important; }

  #coarts-mobile-search-repair-v2-panel {
    display: block !important;
    position: fixed !important;
    z-index: 2147483647 !important;
    box-sizing: border-box !important;
    background: #0f172a !important;
    color: #f1f5f9 !important;
    border: 1px solid #1e293b !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    font-family: 'Raleway', 'Avenir', Arial, sans-serif !important;
  }
  #coarts-mobile-search-repair-v2-panel[hidden] { display: none !important; }
  #coarts-mobile-search-repair-v2-panel .coarts-search-results-list {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
  }
  #coarts-mobile-search-repair-v2-panel .coarts-search-item { margin: 0 !important; padding: 0 !important; }
  #coarts-mobile-search-repair-v2-panel .coarts-search-item a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    color: #f1f5f9 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #1e293b !important;
    box-sizing: border-box !important;
  }
  #coarts-mobile-search-repair-v2-panel .coarts-search-item:last-child a { border-bottom: 0 !important; }
  #coarts-mobile-search-repair-v2-panel .coarts-search-item a:hover { background: #1e293b !important; }
  #coarts-mobile-search-repair-v2-panel .item-main-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
  }
  #coarts-mobile-search-repair-v2-panel .item-title {
    color: #f8fafc !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    overflow-wrap: anywhere !important;
  }
  #coarts-mobile-search-repair-v2-panel .item-sku {
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-family: monospace !important;
  }
  #coarts-mobile-search-repair-v2-panel .item-badge {
    flex: none !important;
    background: #1e3a50 !important;
    color: #38bdf8 !important;
    border-radius: 4px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
  }
  #coarts-mobile-search-repair-v2-panel .coarts-no-search-results,
  #coarts-mobile-search-repair-v2-panel .coarts-mobile-search-status {
    padding: 14px 16px !important;
    color: #cbd5e1 !important;
    font-size: 14px !important;
  }
}