/*
 * Fasto V3.5
 * Equal-height bike cards and clean breadcrumb/archive headers.
 * Loaded after the existing V2/V3 patch styles.
 */

/* ==========================================================
   Equal-height bike cards across homepage, archives and filters
   ========================================================== */
ul.articles.bikes,
.ajax-bikes-holder ul.articles.bikes,
.bikes-filter-data ul.articles.bikes,
.fasto-v25-browse ul.articles.bikes,
.fasto-v2-discovery-section ul.articles.bikes{
  align-items:stretch;
  grid-auto-rows:1fr;
}

ul.articles.bikes > li.bike-model,
.ajax-bikes-holder ul.articles.bikes > li.bike-model,
.bikes-filter-data ul.articles.bikes > li.bike-model,
.fasto-v25-browse ul.articles.bikes > li.bike-model,
.fasto-v2-discovery-section ul.articles.bikes > li.bike-model{
  display:flex;
  min-width:0;
  height:100%;
}

ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card,
.ajax-bikes-holder ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card,
.bikes-filter-data ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card,
.fasto-v25-browse ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card,
.fasto-v2-discovery-section ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  min-height:590px;
}

.fasto-v2-bike-card .post-thumb{
  flex:0 0 250px;
  width:100%;
  height:250px;
  min-height:250px;
  margin-bottom:18px;
}

.fasto-v2-bike-card .post-thumb > a,
.fasto-v2-bike-card .post-thumb .image,
.fasto-v2-bike-card .post-thumb picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}

.fasto-v2-bike-card .post-thumb img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
}

.fasto-v2-bike-card .bike-categories-wrapper{
  min-height:30px;
  margin-bottom:12px;
}

.fasto-v2-bike-card .post-details{
  display:flex;
  flex:1 0 auto;
  min-height:88px;
  padding-top:0;
}

.fasto-v2-bike-card .post-title{
  width:100%;
  margin-top:0;
  margin-bottom:16px;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.fasto-v2-bike-card .brand-price{
  flex:0 0 auto;
  min-height:68px;
  margin-top:auto;
}

.fasto-v2-bike-card .fasto-v2-admin-card-links{
  flex:0 0 auto;
  min-height:28px;
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
  margin-top:12px;
}

/* ==========================================================
   Clean bike archive headers
   ========================================================== */
.fasto-v35-bike-archive{
  background:#fff;
}

.fasto-v35-archive-header{
  padding:54px clamp(22px,4vw,72px) 36px;
  border-bottom:1px solid #e2e6ec;
  background:#fff;
}

.fasto-v35-archive-kicker{
  margin:0 0 10px;
  color:#ff3434;
  font-size:12px;
  font-weight:700;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.fasto-v35-archive-header h1,
.fasto-v35-archive-header .brand-name.tax{
  margin:0;
  max-width:980px;
  color:#111318;
  font-size:clamp(42px,6vw,84px);
  font-weight:300;
  line-height:.98;
  letter-spacing:-.045em;
  text-transform:uppercase;
}

.fasto-v35-archive-description{
  max-width:720px;
  margin:18px 0 0;
  color:#667085;
  font-size:16px;
  line-height:1.65;
}

.fasto-v35-archive-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

.fasto-v35-bike-results{
  width:100%;
}

.fasto-v35-bike-results > ul.articles.bikes{
  margin-top:0;
}

/* ==========================================================
   Breadcrumbs on archive and single bike pages
   ========================================================== */
.fasto-v35-breadcrumbs,
.fasto-v25-breadcrumbs{
  margin-top:22px;
}

.fasto-v35-breadcrumbs .bike-breadcrumb,
.fasto-v25-breadcrumbs .bike-breadcrumb,
.bike-single .bike-breadcrumb,
.fasto-v35-bike-archive .bike-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
}

.fasto-v35-breadcrumbs .bike-breadcrumb > li,
.fasto-v25-breadcrumbs .bike-breadcrumb > li,
.bike-single .bike-breadcrumb > li,
.fasto-v35-bike-archive .bike-breadcrumb > li{
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0;
  list-style:none;
  color:#98a2b3;
  font-size:12px;
  line-height:1.4;
}

.fasto-v35-breadcrumbs .breadcrumb-item a,
.fasto-v25-breadcrumbs .breadcrumb-item a,
.bike-single .breadcrumb-item a,
.fasto-v35-bike-archive .breadcrumb-item a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0;
  color:#667085;
  text-decoration:none;
  transition:color .18s ease;
}

.fasto-v35-breadcrumbs .breadcrumb-item a:hover,
.fasto-v25-breadcrumbs .breadcrumb-item a:hover,
.bike-single .breadcrumb-item a:hover,
.fasto-v35-bike-archive .breadcrumb-item a:hover{
  color:#ff3434;
}

.fasto-v35-breadcrumbs .breadcrumb-separator,
.fasto-v25-breadcrumbs .breadcrumb-separator,
.bike-single .breadcrumb-separator,
.fasto-v35-bike-archive .breadcrumb-separator{
  width:24px;
  height:30px;
  justify-content:center;
  color:#c5cbd4;
}

.fasto-v35-breadcrumbs .breadcrumb-separator svg,
.fasto-v25-breadcrumbs .breadcrumb-separator svg,
.bike-single .breadcrumb-separator svg,
.fasto-v35-bike-archive .breadcrumb-separator svg{
  width:14px;
  height:14px;
  fill:currentColor;
}

.fasto-v35-breadcrumbs .breadcrumb-current,
.fasto-v25-breadcrumbs .breadcrumb-current,
.bike-single .breadcrumb-current,
.fasto-v35-bike-archive .breadcrumb-current{
  color:#111318;
  font-weight:400;
}

@media (max-width:1180px){
  ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card,
  .ajax-bikes-holder ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card,
  .bikes-filter-data ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card{
    min-height:560px;
  }

  .fasto-v2-bike-card .post-thumb{
    flex-basis:230px;
    height:230px;
    min-height:230px;
  }
}

@media (max-width:680px){
  ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card,
  .ajax-bikes-holder ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card,
  .bikes-filter-data ul.articles.bikes > li.bike-model > article.fasto-v2-bike-card{
    min-height:0;
  }

  .fasto-v2-bike-card .post-thumb{
    flex-basis:240px;
    height:240px;
    min-height:240px;
  }

  .fasto-v35-archive-header{
    padding:38px 20px 26px;
  }

  .fasto-v35-archive-header h1,
  .fasto-v35-archive-header .brand-name.tax{
    font-size:clamp(38px,13vw,58px);
  }

  .fasto-v35-breadcrumbs .bike-breadcrumb,
  .fasto-v25-breadcrumbs .bike-breadcrumb,
  .bike-single .bike-breadcrumb{
    row-gap:2px;
  }
}