/* public/assets/css/front/boats/listing.css */

/* Page */
.boats-page{
  max-width:1100px;
  margin:0 auto;
  padding:24px 16px 60px;
}

/* Header */
.boats-header-title{
  font-size:32px;
  font-weight:900;
  color:#111827;
  margin:0;
  letter-spacing:-.02em;
}
.boats-header-sub{
  font-size:14px;
  color:#6b7280;
  margin-top:6px;
  line-height:1.6;
}

/* SEO text blocks */
.boats-seo-top,
.boats-seo-bottom{
  font-size:13px;
  color:#6b7280;
  line-height:1.7;
  margin:10px 0 14px;
}
.boats-seo-bottom a{ color:inherit; text-decoration:underline; text-underline-offset:3px; }

/* Filters (your structure) */
.boats-filters{
  margin:14px 0;
  padding:12px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}

.boats-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:flex-end;
}

.boats-filter-group{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.boats-filter-group > span{
  font-size:12px;
  font-weight:800;
  color:#374151;
}

.boats-filters .form-control,
.boats-filters select.form-control{
  height:42px;
  border-radius:12px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  color:#111827;
  outline:none;
}

.boats-filters .form-control:focus{
  border-color:rgba(59,130,246,.45);
  box-shadow:0 0 0 4px rgba(59,130,246,.12);
}

/* Result info */
.boats-result-info{
  font-size:13px;
  color:#6b7280;
  margin:10px 0 12px;
}

/* Card (your markup) */
.boat-card{
  display:flex;
  gap:16px;
  padding:14px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 18px 44px rgba(15,23,42,.07);
  margin-bottom:14px;
  text-decoration:none;
  color:inherit;
  align-items:stretch;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.boat-card:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 60px rgba(15,23,42,.10);
  border-color:rgba(17,24,39,.12);
}

/* Image wrap (IMPORTANT: fixes “huge” images) */
.boat-card-img-wrap{
  flex:0 0 270px;
  height:180px;
  border-radius:18px;
  overflow:hidden;
  background:#f3f4f6;
}
.boat-card-img-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.001);
  transition:transform .25s ease;
}
.boat-card:hover .boat-card-img-wrap img{
  transform:scale(1.04);
}

/* Body */
.boat-card-body{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
}

/* Featured badge (your markup) */
.boat-featured-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#7c2d12;
  background:#fffbeb;
  border:1px solid rgba(251,191,36,.45);
  margin-bottom:8px;
}

/* Title */
.boat-card-title{
  font-size:18px;
  font-weight:900;
  color:#111827;
  line-height:1.25;
  margin:0 0 6px;
}

/* Meta chips */
.boat-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:12px;
  color:#374151;
}
.boat-card-meta > span{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#f9fafb;
  border:1px solid rgba(17,24,39,.08);
}

/* Footer area inside card */
.boat-card-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}

.boat-card-price{
  font-size:18px;
  font-weight:900;
  color:#b91c1c;
  white-space:nowrap;
}

.boat-card-dealer{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:#6b7280;
  margin-top:8px;
}

.boat-dealer-logo{
  width:36px;
  height:36px;
  border-radius:12px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f4f6;
  border:1px solid rgba(17,24,39,.10);
  font-weight:900;
  color:#374151;
}
.boat-dealer-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Button on right */
.boat-card-btn{
  border-radius:999px;
  font-weight:800;
  padding:8px 14px;
}

/* Pager */
.boats-pager{
  margin-top:18px;
  display:flex;
  justify-content:center;
}

/* Responsive */
@media (max-width: 900px){
  .boat-card-img-wrap{ flex:0 0 240px; height:170px; }
}

@media (max-width: 768px){
  .boats-page{ padding:18px 12px 50px; }
  .boats-header-title{ font-size:26px; }

  .boat-card{
    flex-direction:column;
    gap:12px;
    padding:14px;
    border-radius:18px;
  }

  .boat-card-img-wrap{
    flex:0 0 auto;
    width:100%;
    height:220px;
    border-radius:16px;
  }

  .boat-card-footer{
    flex-direction:column;
    align-items:flex-start;
  }
}
.boats-filters .boats-filter-row{
  display:flex;
  align-items:flex-end;
  gap:12px;
  flex-wrap:nowrap;            /* ✅ one line */
}

.boats-filters .boats-filter-group{
  min-width:140px;
}

.boats-filters .boats-filter-search{ flex: 1 1 260px; min-width:240px; }
.boats-filters .boats-filter-button{ flex: 0 0 auto; }

.boats-filters select.form-control,
.boats-filters input.form-control{
  height:46px;
  border-radius:14px;
}

@media (max-width: 900px){
  .boats-filters .boats-filter-row{ flex-wrap:wrap; } /* mobile wrap */
}
.boat-card-dealercard{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#fff;
}
.boat-card-dealercard .dc-left{display:flex;align-items:center;gap:10px;min-width:0}
.boat-card-dealercard .dc-logo{
  width:42px;height:42px;border-radius:12px;
  border:1px solid #e5e7eb;background:#f9fafb;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;font-weight:800;color:#111827;
  flex:0 0 auto;
}
.boat-card-dealercard .dc-logo img{width:100%;height:100%;object-fit:cover}
.boat-card-dealercard .dc-meta{min-width:0}
.boat-card-dealercard .dc-title{
  font-weight:800;color:#111827;font-size:14px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.boat-card-dealercard .dc-sub{
  font-size:12px;color:#6b7280;margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.boat-card-dealercard .dc-btn{
  flex:0 0 auto;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid #dbeafe;
  background:#eff6ff;
  font-weight:800;
  font-size:12px;
  text-decoration:none;
}
.boat-card-dealercard{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}
.boat-card-dealercard .dc-left{display:flex;align-items:center;gap:10px;min-width:0}
.boat-card-dealercard .dc-logo{width:34px;height:34px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:900}
.boat-card-dealercard .dc-logo img{width:100%;height:100%;object-fit:cover}
.boat-card-dealercard .dc-meta{min-width:0}
.boat-card-dealercard .dc-title{font-weight:800;font-size:13px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.boat-card-dealercard .dc-sub{font-size:12px;color:#6b7280}
.boat-card-dealercard .dc-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(59,130,246,.35);font-size:12px;font-weight:800;cursor:pointer}
.boats-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
/* ================================
   Boats V2 – hard layout override
   (put at END of listing.css)
================================ */

.boats-list{display:flex;flex-direction:column;gap:14px;}

a.boat-card{
  display:grid !important;
  grid-template-columns: 260px 1fr !important;
  gap:16px !important;
  align-items:stretch !important;
}

.boat-card-img-wrap{
  width:260px !important;
  min-height:180px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#f3f4f6 !important;
}

.boat-card-img-wrap img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.boat-card-body{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-width:0 !important;
}

.boat-card-footer{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:16px !important;
  margin-top:12px !important;
}

.boat-card-footer > div{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  align-items:flex-start !important;  /* ✅ stops centering */
}

.boat-card-price{
  margin:0 !important;
  width:auto !important;
  max-width:100% !important;
  text-align:left !important;
}

.boat-card-dealercard{
  width:100% !important;
  max-width:420px !important;
}

.boat-card-btn{
  white-space:nowrap !important;
  align-self:flex-end !important;
}

/* Mobile */
@media (max-width: 768px){
  a.boat-card{grid-template-columns:1fr !important;}
  .boat-card-img-wrap{width:100% !important; min-height:190px !important;}
  .boat-card-footer{align-items:flex-start !important;}
  .boat-card-btn{align-self:flex-start !important;}
}