/*
 * CHANGE LOG
 * File: /var/www/html/prohrhq.com/static/css/carrier_search.css
 * Purpose: Styles for /carriers + /carriers/search. Loaded alongside
 *          carrier_detail.css; uses the same cdv2-* design tokens.
 * Used by: templates/carriers/index.html, templates/carriers/search.html
 * Version History:
 *   2026-05-23 v1.0 - Initial.
 */

.cdv3-list-hero { padding: 1.5rem 0 2rem; border-bottom: 1px solid #e3e8f0; margin-bottom: 1.5rem; }
.cdv3-list-hero h1 { font-family: 'EB Garamond', serif; font-size: 2.2rem; margin: 0.3rem 0 0.8rem; }
.cdv3-list-hero--results { padding-bottom: 1rem; }

.cdv3-search-form { display: grid; grid-template-columns: 2fr 1fr 1fr auto; gap: 0.6rem; margin: 1rem 0 0.5rem; }
@media (max-width: 700px) { .cdv3-search-form { grid-template-columns: 1fr 1fr; } .cdv3-search-q { grid-column: 1 / -1; } .cdv3-search-btn { grid-column: 1 / -1; } }

.cdv3-search-q, .cdv3-search-state, .cdv3-search-grade {
  font-family: 'Barlow Condensed', sans-serif; font-size: 1rem;
  padding: 0.6rem 0.8rem; border: 1px solid #c8d0dc; border-radius: 6px;
  background: #fff; color: var(--color-text, #1f2a44);
}
.cdv3-search-q:focus, .cdv3-search-state:focus, .cdv3-search-grade:focus {
  outline: 2px solid #1851a0; outline-offset: -1px;
}
.cdv3-search-btn {
  font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase;
  letter-spacing: 0.05em; font-weight: 500; font-size: 1rem;
  padding: 0.6rem 1.3rem; background: #1851a0; color: #fff;
  border: none; border-radius: 6px; cursor: pointer;
}
.cdv3-search-btn:hover { background: #143f80; }

.cdv3-results-count { margin: 0.7rem 0 0; }
.cdv3-results-pagination { margin-top: 1rem; }

.cdv3-list-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.8rem; margin-top: 0.5rem; }
.cdv3-list-card { display: block; padding: 0.9rem 1rem; background: #f6f8fb; border: 1px solid #e3e8f0; border-radius: 6px; text-decoration: none; color: var(--color-text, #1f2a44); transition: background 0.12s; }
.cdv3-list-card:hover { background: #eef3f9; }
.cdv3-list-name { font-weight: 600; font-size: 1.05rem; margin-bottom: 0.2rem; }
.cdv3-list-dba { font-style: italic; font-size: 0.9rem; color: var(--color-text-mute, #4a5872); margin-bottom: 0.3rem; }
.cdv3-list-meta { font-family: 'Barlow Condensed', sans-serif; font-size: 0.92rem; color: var(--color-text-mute, #4a5872); margin-bottom: 0.3rem; }
.cdv3-list-ids { font-family: 'Barlow Condensed', sans-serif; font-size: 0.85rem; color: var(--color-text-mute, #4a5872); }
.cdv3-list-status { color: #876626; }