/*
Theme Name: Shiro Theme
Theme URI: https://example.com/
Author: Shiro
Author URI: https://example.com/
Description: Custom sneakers shop theme with hero slider, banners, collections sections and WooCommerce support.
Version: 1.0
Text Domain: shiro-theme
*/

/* === Collection Carousel (new) === */
.sh-cc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
@media (max-width: 576px){
  .sh-cc-head{ flex-direction:column; align-items:flex-start; }
}
.sh-cc-banner{ margin-bottom:20px; }
.sh-cc-banner img{ width:100%; display:block; }
.sh-cc-section{ background: transparent !important; }

/* === Single product carousel fix === */
.sh-single-carousel .swiper-slide{
  display:flex;
  justify-content:center;
}
.sh-single-carousel .product{
  width:100%;
  max-width:420px;
}

/* === FORCE HORIZONTAL SINGLE PRODUCT CAROUSEL === */
.sh-single-carousel ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;
}

.sh-single-carousel li.product {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* === FINAL CAROUSEL FIX === */
.sh-single-carousel ul.products{
  display:flex !important;
  flex-wrap:nowrap !important;
}
.sh-single-carousel li.product{
  flex:0 0 100% !important;
  max-width:100% !important;
}
@media(min-width:768px){
  .sh-single-carousel li.product{
    flex:0 0 50% !important;
    max-width:50% !important;
  }
}

/* === KILL GRID / FORCE SWIPER LAYOUT === */
.sh-single-carousel ul.products{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
}
.sh-single-carousel ul.products > li.product{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
@media(min-width:768px){
  .sh-single-carousel ul.products > li.product{
    width:50% !important;
    max-width:50% !important;
  }
}

/* kill theme grid rules */
.sh-single-carousel .products.columns-2,
.sh-single-carousel .products.columns-3,
.sh-single-carousel .products.columns-4{
  display:flex !important;
  grid-template-columns:none !important;
}

/* === Home Collection carousel === */
.sh-home-carousel .swiper-slide{
  display:flex;
}

.sh-home-carousel ul.products{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
}

.sh-home-carousel ul.products > li.product{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}

@media(min-width:768px){
  .sh-home-carousel ul.products > li.product{
    width:50% !important;
    max-width:50% !important;
  }
}

@media(min-width:1024px){
  .sh-home-carousel ul.products > li.product{
    width:25% !important;
    max-width:25% !important;
  }
}

.sh-home-carousel .products.columns-2,
.sh-home-carousel .products.columns-3,
.sh-home-carousel .products.columns-4{
  display:flex !important;
  grid-template-columns:none !important;
}

.sh-hero{position:relative;width:100%;overflow:hidden}
.sh-hero-slide{position:relative;min-height:70vh}
.sh-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.sh-hero-slide:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.sh-hero-content{position:relative;z-index:2;min-height:70vh;display:flex;flex-direction:column;justify-content:center;color:#fff;max-width:600px;padding:0 20px}
.sh-hero-btn{background:#c4ff00;color:#000;padding:14px 28px;font-weight:600;text-decoration:none;width:fit-content}