/* Shared styles for the vehicle inventory archive + single detail page.
   Enqueue this from functions.php (see 6-enqueue-styles.php). */
@media (min-width: 922px) {
    .site-content .ast-container {
        display: block !important;
    }
}
a{
	text-decoration:none !important;
}
/* .wva-wrap{max-width:1180px; margin:0 auto; padding:0 24px;} */
.wva-eyebrow{display:inline-block; font-size:12.5px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:#C9302D; background:#F7DAD9; padding:6px 14px; border-radius:999px; margin-bottom:12px;}
.wva-btn {
    display: inline-block;
    padding: 11px 22px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    text-decoration: none;
    text-align: center;
}
.wva-btn-primary{background:#C9302D; color:#fff;}
.wva-btn-primary:hover{background:#C9302D; color:#fff;}
.wva-btn-dark{background:#C9302D; color:#fff; width:100%;}
.wva-btn-block{display:block; width:100%; margin-bottom:8px;}

/* ---- Archive / inventory listing ---- */
.wva-inventory{padding:56px 0 72px;}
.wva-toolbar{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:60px;}
.wva-toolbar h1{ font-size:40px; margin:20px 0 0;}
.wva-specs-table td {
    border-right: 0px;
}
.wva-filter-chips {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.wva-chip {
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid #E5E5E5;
    font-size: 16px;
    color: #000;
    display: flex;
    justify-content: center;
    min-width: 80px;
    text-transform: capitalize;
    font-size: 1;
    background: #fff;
    font-family: 'Instrument Sans';
}
.wva-chip.active{background:#C9302D; color:#fff; border-color:#C9302D;}
.wva-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.wva-card{display:block; background:#fff; border:1px solid #E5E5E5; border-radius:14px; overflow:hidden; color:inherit; transition:box-shadow .2s ease, transform .2s ease;}
.wva-card:hover{box-shadow:0 16px 30px -16px rgba(0,0,0,.15); transform:translateY(-3px);}
.wva-photo {
    height: 200px;
    background: #F5F5F5 center / cover no-repeat;
    position: relative;
}
.wva-badge{position:absolute; top:10px; left:10px; background:#2E9B7A; color:#fff; font-size:11px; font-weight:700; padding:4px 10px; border-radius:999px;}
.wva-card-body{padding:20px;}
.wva-card-body h4 {
    margin: 10px 0px 25px;
    font-size: 18px;
}
.wva-trim{font-size:13px; color:#4A4A4A; margin:0 0 12px;}
.wva-meta{display:flex; justify-content:space-between; align-items:baseline; font-size:15px; color:#000; margin-bottom:30px;}
.wva-price {
    font-size: 19px;
    font-weight: 700;
    color: #C9302D;
    /* font-family: Georgia, serif; */
}
.wva-pagination{margin-top:36px; text-align:center;}
.wva-pagination .page-numbers{display:inline-block; padding:8px 14px; margin:0 3px; border:1px solid #E5E5E5; border-radius:8px; color:#C9302D;}
.wva-pagination .page-numbers.current{background:#C9302D; color:#fff; border-color:#C9302D;}
.wva-empty{text-align:center; padding:48px 0; color:#4A4A4A;}
.wva-shortcode-cta{text-align:center; margin-top:28px;}

/* ---- Single vehicle detail page ---- */
.wva-detail{padding:40px 0 72px;}
.wva-breadcrumb{font-size:13px; color:#4A4A4A; margin-bottom:20px;}
.wva-breadcrumb a{color:#C9302D;}
.wva-detail-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:36px; margin-bottom:48px;}
.wva-gallery-main{height:500px; border-radius:5px; background:#F5F5F5 center/cover no-repeat; margin-bottom:12px;}

.wva-gallery-thumbs{display:flex; gap:8px; overflow-x:hidden; flex-wrap:wrap;}

.wva-thumb{    width: 200px;
    height: 200px; flex-shrink:0; border-radius:8px; background:#F5F5F5 center/cover no-repeat; border:1px solid #E5E5E5;}
.wva-summary h1{ font-size:28px; margin:0 0 24px;}
.wva-trim-lg{font-size:15px; color:#000; margin:0 0 16px;}
.wva-price-lg{font-size:32px; font-weight:700; color:#C9302D; margin-bottom:16px;}
.wva-quickfacts{list-style:none; padding:0; margin:0 0 24px; display:flex; flex-wrap:wrap; gap:10px;}
.wva-quickfacts li{background:#F5F5F5; border-radius:8px; padding:8px 12px; font-size:13px; color:#4A4A4A;}
.wva-soft-note{font-size:12.5px; color:#8A8A8A; text-align:center; margin:0 0 20px;}
.wva-dealer-box{border-top:1px solid #E5E5E5; padding-top:16px;}
.wva-dealer-box h4{font-size:12.5px; text-transform:uppercase; letter-spacing:1px; color:#8A8A8A; margin:0 0 6px;}
.wva-section{margin-bottom:40px;}
.wva-section h2{font-size:22px; margin:0 0 16px;}
.wva-specs-table{    width: 100%;
    border-collapse: initial;
    font-size: 17.5px;
    border: none;
}}
.wva-specs-table td{padding:15px 0; border-right:0px; border-bottom:1px solid #E5E5E5;}
.wva-specs-table td:first-child {
    color: #000;
    width: 50%;
}
.wva-features-list{list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,1fr); gap:10px; font-size:14.5px;}
.wva-features-list li:before{content:"✓ "; color:#2E9B7A; font-weight:700;}
.wva-final-cta{background:#C9302D; color:#fff; border-radius:20px; text-align:center; padding:48px 32px;}
.wva-final-cta h2{color:#fff;}
.wva-final-cta p{color:rgba(255,255,255,.85); margin:20px 0 24px;}

/* ---- Body type pills ---- */
.wva-type-pill{position:absolute; top:10px; right:10px; background:rgba(20,20,20,.78); color:#fff; font-size:11px; font-weight:700; letter-spacing:.3px; padding:5px 12px; border-radius:999px; backdrop-filter:blur(2px);}
.wva-type-pill-lg{font-size:12px; padding:6px 14px;}
.wva-photo-count{position:absolute; bottom:10px; right:10px; background:rgba(20,20,20,.65); color:#fff; font-size:11.5px; font-weight:600; padding:5px 12px; border-radius:999px;}

/* ---- Interactive gallery ---- */
.wva-gallery-main{position:relative; cursor:default; transition:background-image .15s ease;}
.wva-gallery-thumbs{display:flex; gap:8px; flex-wrap:wrap; overflow-x:hidden; padding-bottom:2px;}
.wva-thumb{width:200px; height:200px; flex-shrink:0; border-radius:8px; background:#F5F5F5 center/cover no-repeat; border:2px solid transparent; cursor:pointer; opacity:.75; transition:opacity .15s ease, border-color .15s ease, transform .15s ease;}
.wva-thumb:hover{opacity:1; transform:translateY(-2px);}
.wva-thumb.active{opacity:1; border-color:#C9302D;}

/* ---- Outline button (Email us) ---- */
.wva-btn-outline{background:#fff; color:#C9302D; border:1.5px solid #E5E5E5;     padding: 16px 20px; width:100%; margin-bottom:8px; display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;}
.wva-btn-outline:hover{border-color:#C9302D; color:#C9302D;     background: white;}


/* ---- Email modal ---- */
.wva-modal-overlay{position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; margin:0 !important; transform:none !important; background:rgba(20,20,20,.55); backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; visibility:hidden; transition:opacity .2s ease; z-index:999999;}
.wva-modal-overlay.is-open{opacity:1; visibility:visible;}
.wva-modal{background:#fff; border-radius:20px; max-width:520px; width:100%; max-height:88vh; overflow-y:auto; position:relative; box-shadow:0 30px 60px -20px rgba(0,0,0,.35); transform:translateY(16px) scale(.98); transition:transform .2s ease;}
.wva-modal-overlay.is-open .wva-modal{transform:translateY(0) scale(1);}
.wva-modal-close{position: absolute;
    top: 14px;
    right: 14px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: none;
    background: #F5F5F5;
    color: #C9302D;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
    padding: 0px;}
.wva-modal-close:hover{background:#F7DAD9;}
.wva-modal-vehicle{display:flex; gap:14px; align-items:center; padding:24px 24px 18px; border-bottom:1px solid #F5F5F5;}
.wva-modal-photo{width:88px; height:66px; border-radius:10px; background:#F5F5F5 center/cover no-repeat; flex-shrink:0;}
.wva-modal-eyebrow{font-size:11.5px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:#C9302D; margin:0 0 4px;}
.wva-modal-vehicle h3{ font-size:17px; margin:0 0 2px; line-height:1.3;}
.wva-modal-vehicle h3 span{font-weight:400; color:#4A4A4A; font-size:14px;}
.wva-modal-price{font-size:14px; color:#C9302D; font-weight:700; margin:0;}
.wva-modal-form{padding:20px 24px 28px;}
.wva-modal-placeholder{background:#F5F5F5; border-radius:10px; padding:16px; font-size:13.5px; color:#4A4A4A; text-align:center;}
.wva-modal-form input[type="text"],
.wva-modal-form input[type="email"],
.wva-modal-form input[type="tel"],
.wva-modal-form textarea{border-radius:10px !important; border:1px solid #E5E5E5 !important;}
@media (max-width:560px){
  .wva-modal-vehicle{flex-direction:column; align-items:flex-start;}
  .wva-modal-photo{width:100%; height:120px;}
}
@media (min-width:901px) and (max-width:1024px){
	.wva-grid{grid-template-columns:repeat(2,1fr);
		
	}
}
@media (max-width:900px){
  .wva-grid{grid-template-columns:repeat(2,1fr);}
  .wva-detail-grid{grid-template-columns:1fr;}
  .wva-features-list{grid-template-columns:1fr;}
}
@media (max-width: 600px){
	.wva-gallery-main{
		height:300px;
	}
	.wva-thumb{
		width:100px;
		height:100px;
	}
	.wva-summary h1{
		font-size:22px;
	}
	.wva-price-lg{
		font-size:25px;
	}
}
@media (max-width:560px){
  .wva-grid{grid-template-columns:1fr;}
}
/* ============================================================
   Additions for the search bar + sidebar filter layout on
   archive-vehicle.php. Append this to the end of your existing
   shared stylesheet (the one enqueued from functions.php).
   ============================================================ */

/* ---- Full width search bar ---- */
.wva-search-bar{
  display:flex !important;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid #E5E5E5;
  border-radius:12px;
  padding:10px 16px;
  margin-bottom:32px;
  width:100%;
}
.wva-search-icon{ color:#8A8A8A; flex-shrink:0; }
.wva-search-input{
  flex:1;
  border:none;
  outline:none;
  font-size:16px;
  font-family:'Instrument Sans', inherit;
  padding:10px 4px;
  background:transparent;
}
.wva-search-submit{ flex-shrink:0; padding:11px 24px; }
.wva-search-clear{
  flex-shrink:0;
  font-size:13.5px;
  color:#4A4A4A;
  white-space:nowrap;
}
.wva-search-clear:hover{ color:#C9302D; }

/* ---- Live search dropdown ---- */
.wva-search-wrap{ position:relative; }
.wva-search-results{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid #E5E5E5;
  border-radius:12px;
  box-shadow:0 16px 40px -16px rgba(0,0,0,.2);
  max-height:360px;
  overflow-y:auto;
  z-index:50;
  padding:8px;
}
.wva-search-result{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  border-radius:8px;
  color:inherit;
}
.wva-search-result:hover,
.wva-search-result.is-active{ background:#F5F5F5; }
.wva-search-thumb{
  width:56px;
  height:42px;
  border-radius:6px;
  background:#F5F5F5 center/cover no-repeat;
  flex-shrink:0;
}
.wva-search-info{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.wva-search-title{
  font-size:14px;
  color:#000;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wva-search-price{ font-size:12.5px; color:#C9302D; font-weight:700; }
.wva-search-empty{ padding:16px; font-size:13.5px; color:#8A8A8A; text-align:center; }

/* ---- Two column layout: sidebar + results ---- */
.wva-layout{
  display:grid !important;
  grid-template-columns:260px 1fr !important;
  gap:32px;
  align-items:start;
  width:100%;
}
.wva-layout > .wva-sidebar,
.wva-layout > .wva-content{
  min-width:0; /* prevents grid children from overflowing/forcing a stack */
}

/* ---- Sidebar ---- */
.wva-sidebar{
  background:#fff;
  border:1px solid #E5E5E5;
  border-radius:14px;
  padding:22px;
  position:sticky;
  top:24px;
}
.wva-filter-group{ margin-bottom:20px; }
.wva-filter-group-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.wva-filter-group-head h3{
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.6px;
  color:#000;
  margin:0;
}
.wva-filter-clear{
  font-size:12.5px;
  color:#C9302D;
  font-weight:600;
}
.wva-filter-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.wva-filter-checkbox{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14.5px;
  color:#000;
  cursor:pointer;
  text-transform:capitalize;
}
.wva-filter-checkbox input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:#C9302D;
  flex-shrink:0;
  cursor:pointer;
}
.wva-filter-checkbox span{ flex:1; }
.wva-filter-checkbox em{
  font-style:normal;
  font-size:12px;
  color:#8A8A8A;
}
.wva-filter-apply{ margin-top:4px; }

/* ---- Active filter pills above the grid ---- */
.wva-active-filters{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:24px;
}
.wva-active-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#F5F5F5;
  color:#000;
  font-size:13px;
  padding:6px 12px;
  border-radius:999px;
}
.wva-active-pill-removable:hover{ background:#F7DAD9; color:#C9302D; }
.wva-results-count{
  margin-left:auto;
  font-size:13.5px;
  color:#4A4A4A;
}

/* ---- Results column shares the grid rules already defined
   for .wva-grid / .wva-card / etc. in the main stylesheet ---- */

/* ---- Responsive ---- */
@media (max-width:900px){
  .wva-layout{ grid-template-columns:1fr; }
  .wva-sidebar{ position:static; }
  .wva-search-bar{ flex-wrap:wrap; }
  .wva-search-input{ width:100%; order:1; }
  .wva-search-submit{ order:2; }
  .wva-search-clear{ order:3; }
}