/* === SteelBlue Override v2.4.3 === */
.steelblue, .steelblue body, .steelblue html { overflow-x: hidden; }
/* Desktop menu inline */
@media (min-width:901px){
  .steelblue .primary-menu{display:block !important; position:static !important}
  .steelblue .primary-menu .menu{display:flex !important; flex-direction:row !important; gap:22px !important}
  .steelblue .primary-menu .menu > li{position:relative}
  .steelblue .primary-menu .sub-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:220px;background:#0f243c;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 0;display:none;box-shadow:0 14px 32px rgba(0,0,0,.25)}
  .steelblue .primary-menu .menu > li:hover > .sub-menu{display:block}
}
/* Woo grid */
.steelblue .woocommerce ul.products, .steelblue ul.products{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(260px,1fr)) !important;
  gap:26px !important;
  margin:0 auto !important;
  padding:0 !important;
  width:100% !important;
  align-items:stretch !important;
}
/* Kill Woo columns widths/floats */
.steelblue .columns-1 ul.products li.product,
.steelblue .columns-2 ul.products li.product,
.steelblue .columns-3 ul.products li.product,
.steelblue .columns-4 ul.products li.product,
.steelblue .columns-5 ul.products li.product,
.steelblue .columns-6 ul.products li.product,
.steelblue .woocommerce ul.products li.product,
.steelblue ul.products li.product{
  width:auto !important; float:none !important; margin:0 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;display:flex;flex-direction:column;
}
/* Square media wrapper */
.steelblue .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.steelblue ul.products li.product a.woocommerce-LoopProduct-link{
  display:block !important; position:relative !important; width:100% !important; aspect-ratio:1/1 !important; overflow:hidden !important; border-radius:12px !important; margin:0 0 12px !important; background:#0d2035 !important;
}
/* Show full image (contain) */
.steelblue .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.steelblue ul.products li.product a.woocommerce-LoopProduct-link img{
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  object-fit:contain !important; padding:8px !important; background:transparent !important; border-radius:12px !important; margin:0 !important;
}
/* Title/price/button */
.steelblue .woocommerce ul.products li.product .woocommerce-loop-product__title,
.steelblue ul.products li.product .woocommerce-loop-product__title{ font-size:1.06rem; line-height:1.35; margin:.25rem 0 .45rem; color:#e6e9ef; min-height:2.7em }
.steelblue .woocommerce ul.products li.product .price,
.steelblue ul.products li.product .price{ margin-bottom:.4rem; font-weight:700; color:#e6e9ef }
.steelblue .woocommerce ul.products li.product .button,
.steelblue ul.products li.product .button{ text-decoration:none !important; background:none; border:0; padding:0; color:var(--color-accent); font-weight:800 }
@media (max-width:1200px){
  .steelblue .woocommerce ul.products, .steelblue ul.products{ grid-template-columns:repeat(3, minmax(240px,1fr)) !important }
}
@media (max-width:800px){
  .steelblue .woocommerce ul.products, .steelblue ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:16px !important }
}
@media (max-width:380px){
  .steelblue .woocommerce ul.products, .steelblue ul.products{ gap:12px !important }
}
/* Hide admin badges in footer (safety) */
.steelblue .footer a[href*="customize.php"],
.steelblue .footer a[href*="themes.php"]{ display:none !important; }


/* v2.4.5: hide product descriptions in loop/grid */
.steelblue .woocommerce ul.products li.product .woocommerce-product-details__short-description,
.steelblue ul.products li.product .woocommerce-product-details__short-description,
.steelblue .woocommerce ul.products li.product .woocommerce-loop-product__description,
.steelblue ul.products li.product .woocommerce-loop-product__description,
.steelblue .woocommerce ul.products li.product .product-short-description,
.steelblue ul.products li.product .product-short-description { display:none !important; }


/* v2.4.8: Hover micro-interaction for 'Bekijk ›' buttons */
.steelblue .woocommerce ul.products li.product .button,
.steelblue ul.products li.product .button{
  transition: transform .18s ease, color .18s ease;
  will-change: transform;
}
.steelblue .woocommerce ul.products li.product .button:hover,
.steelblue ul.products li.product .button:hover{
  transform: translateX(2px);
}


/* v2.4.9: aggressive hide of any loop description/excerpt blocks */
.steelblue .woocommerce ul.products li.product .woocommerce-loop-product__description,
.steelblue .woocommerce ul.products li.product .woocommerce-product-details__short-description,
.steelblue .woocommerce ul.products li.product .product-short-description,
.steelblue .woocommerce ul.products li.product .product__excerpt,
.steelblue .woocommerce ul.products li.product .loop-excerpt,
.steelblue .woocommerce ul.products li.product .entry-summary,
.steelblue ul.products li.product .woocommerce-loop-product__description,
.steelblue ul.products li.product .woocommerce-product-details__short-description,
.steelblue ul.products li.product .product-short-description,
.steelblue ul.products li.product .product__excerpt,
.steelblue ul.products li.product .loop-excerpt,
.steelblue ul.products li.product .entry-summary{
  display:none !important;
}

/* Safety: any immediate sibling right after product link that's not title/price/button gets hidden */
.steelblue .woocommerce ul.products li.product a.woocommerce-LoopProduct-link + *:not(.woocommerce-loop-product__title):not(.price):not(.button),
.steelblue ul.products li.product a.woocommerce-LoopProduct-link + *:not(.woocommerce-loop-product__title):not(.price):not(.button){
  display:none !important;
}


/* v2.5.0: nuke any loop description remnants */
.steelblue .woocommerce ul.products li.product h2 + p,
.steelblue .woocommerce ul.products li.product h2 + div,
.steelblue ul.products li.product h2 + p,
.steelblue ul.products li.product h2 + div{
  display:none !important;
}
/* hide any block directly after product link that's not title/price/button */
.steelblue .woocommerce ul.products li.product a.woocommerce-LoopProduct-link + *:not(h2):not(.woocommerce-loop-product__title):not(.price):not(.button),
.steelblue ul.products li.product a.woocommerce-LoopProduct-link + *:not(h2):not(.woocommerce-loop-product__title):not(.price):not(.button){
  display:none !important;
}


/* v2.5.1: hide product titles and prices in loop/grid */
.steelblue .woocommerce ul.products li.product .woocommerce-loop-product__title,
.steelblue ul.products li.product .woocommerce-loop-product__title,
.steelblue .woocommerce ul.products li.product h2,
.steelblue ul.products li.product h2,
.steelblue .woocommerce ul.products li.product .price,
.steelblue ul.products li.product .price {
  display: none !important;
}


/* v2.5.2: Center and style product loop button */
.steelblue .woocommerce ul.products li.product .button,
.steelblue ul.products li.product .button{
  display:inline-block !important;
  margin:12px auto 0 auto !important;
  background:var(--color-accent) !important;
  color:#fff !important;
  padding:8px 18px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  text-align:center !important;
  transition:all .2s ease !important;
}
.steelblue .woocommerce ul.products li.product .button:hover,
.steelblue ul.products li.product .button:hover{
  background:#1a7fb8 !important;
  transform:translateY(-2px);
}

/* v2.5.2: Responsive container padding */
.container{
  padding-left:40px;
  padding-right:40px;
}
@media (max-width:900px){
  .container{ padding-left:24px; padding-right:24px; }
}
@media (max-width:600px){
  .container{ padding-left:16px; padding-right:16px; }
}


/* v2.5.3: Product card styling */
.steelblue .woocommerce ul.products li.product,
.steelblue ul.products li.product{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  padding:16px !important;
  box-shadow:0 4px 12px rgba(0,0,0,.12) !important;
  transition:box-shadow .25s ease, transform .25s ease;
}
.steelblue .woocommerce ul.products li.product:hover,
.steelblue ul.products li.product:hover{
  box-shadow:0 8px 24px rgba(0,0,0,.2) !important;
  transform:translateY(-2px);
}

/* v2.5.3: Button hover lighter instead of darker */
.steelblue .woocommerce ul.products li.product .button:hover,
.steelblue ul.products li.product .button:hover{
  background:#3db3ef !important;
  transform:translateY(-2px) scale(1.03);
}


/* v2.5.4: pack the grid to avoid empty gaps */
.steelblue .woocommerce ul.products,
.steelblue ul.products{
  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  grid-auto-flow: row dense !important;
  align-items: stretch !important;
}

/* Normalize product cards so height is consistent */
.steelblue .woocommerce ul.products li.product,
.steelblue ul.products li.product{
  display:flex !important;
  flex-direction:column !important;
}

/* Ensure image wrapper + button spacing consistent */
.steelblue .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{ margin-bottom:10px !important; }
.steelblue .woocommerce ul.products li.product .button{ margin-top:auto !important; }

/* Kill any nth-child float clears / pseudo elements from Woo or plugins */
.steelblue .woocommerce ul.products:before,
.steelblue .woocommerce ul.products:after,
.steelblue ul.products:before,
.steelblue ul.products:after{ content:none !important; display:none !important; }


/* v2.5.8: Footer grid + social icons */
.footer-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:24px;
  align-items:flex-start;
}
@media (max-width:900px){
  .footer-grid{ grid-template-columns:1fr; }
}
.footer-col .muted{ margin-top:.5rem; }
.footer-social .social-list{ display:flex; gap:14px; justify-content:flex-end; }
@media (max-width:900px){ .footer-social .social-list{ justify-content:flex-start; } }
.footer-social .social{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:12px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
  color:#fff; transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.footer-social .social:hover{ transform:translateY(-2px); background:#2d9cdb; border-color:#2d9cdb; color:#fff; }