/* active shop theme: red */
/* =========================
 * Shop Theme Overrides
 * ========================= */

/* Card border + radius */
.dlcms-shop-card{
  border-color: #C11B17 !important;
  border-radius: 0px !important;
}

/* Thumbnail image options (home/category cards) */
.dlcms-shop-card .image-wrapper img{
  height: 200px !important;
  object-fit: cover !important;
}

/* Overlay (price bar) */
.dlcms-shop-pricebar{
  background: #C11B17 !important;
  color:  !important;
  height: 24px !important;
  line-height: 24px !important;
}
.dlcms-shop-pricebar .shop-price-now{
  color:  !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
.dlcms-shop-pricebar .shop-price-old{
  color:  !important;
  font-size: 14px !important;
  text-decoration: line-through !important;
  opacity: .9 !important;
}

/* Zoom effect + zoom button */
.shop-zoomable img{ transition: transform .35s ease !important; }
.shop-zoomable:hover img{ transform: scale(1.08) !important; }
.shop-zoom-btn{
  background:  !important;
  color: #fff !important;
}
.shop-zoom-btn:hover{ background:  !important; }

/* Color boxes (cards) */
.shop-card-colors .shop-color-chip{
  background:  !important;
  border: 1px solid #C11B17 !important;
}

/* If color chip is text */
.shop-card-colors .shop-color-text{
  background:  !important;
  color:  !important;
}

/* Size boxes (cards) */
.shop-card-sizes .shop-size-chip{
  background: #C11B17 !important;
  border: 1px solid #C11B17 !important;
  color:  !important;
}

/* Show page color/size chips */
.shop-product-wrap .shop-chip{
  background:  !important;
  border-color: #C11B17 !important;
  color:  !important;
}
.shop-product-wrap .shop-chip.active{
  background:  !important;
  border-color:  !important;
  color: #fff !important;
}

/* Add to cart button */
.shop-addtocart{
  background: #C11B17 !important;
  border-color: #C11B17 !important;
  color:  !important;
  font-size: 18px !important;
}

/* View cart button */
.shop-go-cart{
  background:  !important;
  border-color:  !important;
  color:  !important;
}

/* Cart link (top of product) */
.shop-cart-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border-radius:10px;
  border:1px solid #e53935 !important;
  background:#e53935 !important;
  color:#ffffff !important;
  font-weight:800;
  text-decoration:none;
  transition: background .2s, color .2s, transform .2s, box-shadow .2s;
}
.shop-cart-link:hover{
  background:#ffffff !important;
  color:#e53935 !important;
  transform: translateY(-1px);
  box-shadow: 0 0 0 3px rgba(229,57,53,.15);
}
.shop-cart-link #shop-cart-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  background: rgba(255,255,255,.22);
  color:#fff;
  font-size:13px;
  font-weight:900;
  line-height:1;
}
.shop-cart-link:hover #shop-cart-count{
  background: rgba(229,57,53,.12);
  color:#e53935;
}

/* Quantity box */
.shop-qty-row{
  background:  !important;
  border-color: #C11B17 !important;
}
.shop-qty-val{
  color:  !important;
}
.shop-qty-btn{
  background:  !important;
  border-color:  !important;
  color:  !important;
}

/* Breadcrumb + Tabs (inline CSS in show.html => we force override) */
.shop-breadcrumb a{
  color:  !important;
  border-color: #C11B17 !important;
}
.shop-tab-btn.active{
  background:  !important;
  border-color:  !important;
  color:  !important;
}


/* Mobile shop sections and product grid policy */
.dl-md-sections-grid{
  align-items:stretch;
}
.dl-md-section-card{
  width:100%;
}
.dl-md-section-card .dl-md-section-img,
.dl-md-section-img{
  width:100%;
}
.dl-md-section-card .dl-md-section-img img,
.dl-md-section-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Small portrait phones: section card image spans the small screen width */
@media (max-width: 767px) and (orientation: portrait){
  .dl-md-sections-wrap{
    width:100%;
  }
  .dl-md-sections-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .dl-md-section-card{
    width:100% !important;
    max-width:100% !important;
    margin-inline:0 !important;
  }
  .dl-md-section-img{
    height:clamp(180px, 56vw, 280px) !important;
  }

  .dlcms-shop-card,
  .shop-brief-content{
    width:100% !important;
  }
  .dlcms-shop-card .image-wrapper img,
  .shop-brief-content .image-wrapper img,
  img.shop-card-img{
    width:100% !important;
    height:clamp(150px, 44vw, 230px) !important;
    object-fit:cover !important;
  }
}

/* Small landscape phones: sections two side-by-side, products four per row */
@media (max-width: 920px) and (orientation: landscape){
  .dl-md-sections-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
  }
  .dl-md-section-img{
    height:clamp(145px, 28vw, 220px) !important;
  }
  .dlcms-shop-card,
  .shop-brief-content{
    width:100% !important;
  }
  .dlcms-shop-card .image-wrapper img,
  .shop-brief-content .image-wrapper img,
  img.shop-card-img{
    width:100% !important;
    height:clamp(110px, 20vw, 180px) !important;
    object-fit:cover !important;
  }
}