/* Bloom Room Atelier 1.5.0 — matching catalogue, Gutenberg cards and cart actions.
   Pure presentation; no WooCommerce or Bloom Room Core checkout logic changes. */

/* 1. Classic WooCommerce archive cards: center the CTA inside EACH card. */
body.br-atelier .woocommerce ul.products li.product .button,
body.br-atelier.woocommerce ul.products li.product .button,
body.br-atelier.woocommerce-page ul.products li.product .button{
  align-self:center!important;
  margin:auto auto 0!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  width:max-content;
  max-width:calc(100% - 30px)!important;
  min-height:42px;
}
body.br-atelier .woocommerce ul.products li.product .added_to_cart,
body.br-atelier.woocommerce ul.products li.product .added_to_cart{
  align-self:center!important;
  margin:10px auto 0!important;
  text-align:center!important;
}

/* 2. Gutenberg "product-best-sellers" cards: same treatment as catalogue.
   Gutenberg page contains its own scoped CSS, so these rules deliberately
   use stronger selectors and !important to win without editing the page. */
body.br-atelier .brhp .brhp-products .wc-block-grid__products{
  align-items:stretch!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__products > li.wc-block-grid__product{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0 0 23px!important;
  margin:0!important;
  border:1px solid #eadce3!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 35px rgba(68,41,59,.055)!important;
  overflow:hidden!important;
  text-align:center!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__products > li.wc-block-grid__product:hover{
  border-color:#cfabba!important;
  box-shadow:0 22px 48px rgba(68,41,59,.12)!important;
  transform:translateY(-4px)!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-image,
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-image > a{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 19px!important;
  padding:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  line-height:0!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-image > a{margin:0!important}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-image img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:4/4.7!important;
  object-fit:cover!important;
  border-radius:0!important;
  margin:0!important;
  transform:none!important;
  transition:filter .3s ease!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product:hover .wc-block-grid__product-image img{filter:saturate(1.05)}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-title{
  display:block!important;
  box-sizing:border-box;
  padding:0 20px!important;
  margin:0 0 9px!important;
  min-height:2.5em!important;
  font-family:Georgia,'Palatino Linotype',serif!important;
  font-size:clamp(19px,1.5vw,27px)!important;
  font-weight:400!important;
  line-height:1.22!important;
  color:#39343b!important;
  text-align:center!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-title a{color:inherit!important;text-decoration:none!important}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-price,
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount{
  font-size:16px!important;
  color:#925e75!important;
  font-weight:700!important;
  text-align:center!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-price{
  margin:0 16px 18px!important;
  min-height:24px;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-rating,
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-onsale{
  margin-inline:auto!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-add-to-cart{
  display:flex!important;
  justify-content:center!important;
  margin:auto auto 0!important;
  padding:0 15px!important;
  width:100%!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button{
  margin:0 auto!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link,
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-add-to-cart a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:11px 20px!important;
  margin:0 auto!important;
  border:1px solid #e8d4df!important;
  border-radius:999px!important;
  background:#f8eff3!important;
  color:#725162!important;
  text-decoration:none!important;
  font:600 12px/1.4 system-ui,sans-serif!important;
  text-align:center!important;
  box-shadow:none!important;
}
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-add-to-cart a:hover{
  background:#705867!important;
  border-color:#705867!important;
  color:white!important;
}

/* 3. One bordered cart in the menu: style the EXISTING menu item, never
   manufacture a second link or cart counter. */
body.br-atelier .br-main-navigation .br-menu > li.br-atelier-menu-cart > a,
body.br-atelier .br-main-navigation .br-menu > li.wpmenucartli > a,
body.br-atelier .br-main-navigation .br-menu > li > a.br-atelier-menu-cart-link,
body.br-atelier .br-main-navigation .br-menu > li > a[href*="/cart-2/"],
body.br-atelier .br-main-navigation .br-menu > li > a[href*="/koszyk/"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:43px!important;
  padding:9px 16px!important;
  border:1px solid #e5d5dd!important;
  border-radius:999px!important;
  background:#faf5f7!important;
  color:#554550!important;
  font-weight:650!important;
  text-decoration:none!important;
  box-shadow:0 5px 18px rgba(78,48,64,.055)!important;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.br-atelier .br-main-navigation .br-menu > li.br-atelier-menu-cart > a:hover,
body.br-atelier .br-main-navigation .br-menu > li.wpmenucartli > a:hover,
body.br-atelier .br-main-navigation .br-menu > li > a.br-atelier-menu-cart-link:hover,
body.br-atelier .br-main-navigation .br-menu > li > a[href*="/cart-2/"]:hover,
body.br-atelier .br-main-navigation .br-menu > li > a[href*="/koszyk/"]:hover{
  background:#f6eaf0!important;
  border-color:#c9a4b6!important;
  box-shadow:0 9px 21px rgba(78,48,64,.09)!important;
}
body.br-atelier .br-main-navigation .br-menu > li.br-atelier-menu-cart > a::after,
body.br-atelier .br-main-navigation .br-menu > li.wpmenucartli > a::after,
body.br-atelier .br-main-navigation .br-menu > li > a.br-atelier-menu-cart-link::after{display:none!important}

/* 4. Classic cart Update button: visible at rest and when disabled.
   WooCommerce enables the button after a quantity change, keep that logic. */
body.br-atelier.woocommerce-cart .woocommerce-cart-form button[name="update_cart"],
body.br-atelier.woocommerce-cart .woocommerce-cart-form button.button[name="update_cart"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:11px 22px!important;
  background:#eee1e8!important;
  color:#4f3c49!important;
  border:1px solid #ceadbf!important;
  border-radius:12px!important;
  box-shadow:0 3px 12px rgba(70,45,60,.045)!important;
  font-weight:650!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
}
body.br-atelier.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:not(:disabled):hover{
  background:#725667!important;
  border-color:#725667!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.br-atelier.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:disabled{
  cursor:not-allowed!important;
  background:#f7f1f4!important;
  color:#776671!important;
  border-color:#e2d4dc!important;
  opacity:1!important;
}
body.br-atelier.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:focus-visible{
  outline:2px solid #a57288!important;
  outline-offset:3px!important;
}

@media(max-width:700px){
  body.br-atelier .brhp .brhp-products .wc-block-grid__products > li.wc-block-grid__product{border-radius:17px!important;padding-bottom:17px!important}
  body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-title{font-size:18px!important;padding-inline:12px!important;min-height:2.4em!important}
  body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-price{font-size:13px!important;margin-bottom:13px!important}
  body.br-atelier .brhp .brhp-products .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link{font-size:11px!important;padding:10px 13px!important}
}
@media(prefers-reduced-motion:reduce){
  body.br-atelier .brhp .brhp-products .wc-block-grid__product,
  body.br-atelier .brhp .brhp-products .wc-block-grid__product-image img{
    transition:none!important;transform:none!important;
  }
}