/*
Theme Name: L'Atelier Gutenberg Child
Template: latelier-gutenberg
Description: Thème enfant pour personnalisations custom
Version: 1.0
*/

/* === CORRECTION IMAGES PRODUITS RECHERCHE === */
/* Surcharge theme.css ligne 1276 - images boutique et recherche */
.woocommerce ul.products li.product a img {
  border-radius: 8px 8px 0 0;
  clip-path: inset(0 round 8px 8px 0 0);
  -webkit-clip-path: inset(0 round 8px 8px 0 0);
  margin: 0;
}

.woocommerce ul.products li.product {
  border-radius: 8px;
  overflow: hidden;
}

.woocommerce ul.products li.product > a {
  display: block;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

/* === SHOP LAYOUT BLOCK IMAGES === */
/* Surcharge theme.css ligne 1937 */
.latelier-shop-layout__products .wc-block-product img {
  border-radius: 8px 8px 0 0;
  clip-path: inset(0 round 8px 8px 0 0);
  -webkit-clip-path: inset(0 round 8px 8px 0 0);
}

/* === CONTENT WIDTH HOTFIX AFTER PERFORMANCE OPTIMIZATION === */
/* Keep editorial pages aligned with the site shell while preserving Woo layouts. */
body.page:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .latelier-page-shell > .wp-block-post-title,
body.page:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .latelier-page-shell > .entry-content.wp-block-post-content {
  width: min(1080px, calc(100vw - 4rem)) !important;
  max-width: min(1080px, calc(100vw - 4rem)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .latelier-page-shell > .entry-content.wp-block-post-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: min(1080px, 100%) !important;
}

@media (min-width: 1180px) {
  .woocommerce-shop .latelier-shop-layout__products .wc-block-product-template.wc-block-product-template__responsive.columns-3,
  .woocommerce-shop .latelier-shop-layout__products .wp-block-woocommerce-product-template.wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
  }
}