/* Bloom Room Atelier 1.5.2 — mobile WooCommerce presentation repairs.
   CSS only: keeps native WC cart, product templates and checkout behavior. */

/* WooCommerce's "View cart" notice can inherit white text on a light button.
   Give the actual notice action a high-contrast, consistent appearance. */
body.br-atelier .woocommerce-message a.button,
body.br-atelier .woocommerce-message a.button.wc-forward,
body.br-atelier .woocommerce-notices-wrapper .woocommerce-message a.button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:11px 20px!important;
  border:1px solid #51444f!important;
  border-radius:999px!important;
  background:#51444f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:650!important;
  font-size:13px!important;
  line-height:1.35!important;
  opacity:1!important;
  visibility:visible!important;
  text-align:center!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
body.br-atelier .woocommerce-message a.button:hover,
body.br-atelier .woocommerce-message a.button:focus-visible{
  background:#806374!important;
  border-color:#806374!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

@media (max-width:782px){
  /* Product pages: on mobile Woo must not keep its desktop 48% gallery width.
     Match both Woo's body.woocommerce and nested .woocommerce layouts. */
  body.br-atelier.single-product .woocommerce-product-gallery,
  body.br-atelier.single-product.woocommerce div.product div.images,
  body.br-atelier.single-product.woocommerce #content div.product div.images,
  body.br-atelier.single-product .woocommerce div.product div.images{
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 24px!important;
  }
  body.br-atelier.single-product.woocommerce div.product div.summary,
  body.br-atelier.single-product.woocommerce #content div.product div.summary,
  body.br-atelier.single-product .woocommerce div.product div.summary{
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 30px!important;
  }
  body.br-atelier.single-product .woocommerce-product-gallery__wrapper,
  body.br-atelier.single-product .woocommerce-product-gallery__image,
  body.br-atelier.single-product .woocommerce-product-gallery__image > a{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.br-atelier.single-product .woocommerce-product-gallery__image img,
  body.br-atelier.single-product .woocommerce-product-gallery__wrapper img,
  body.br-atelier.single-product.woocommerce div.product div.images img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    object-fit:contain;
  }
  body.br-atelier.single-product .woocommerce-product-gallery{overflow:hidden}

  /* Native WC puts the product name in a TH (not a TD). Its mobile stylesheet
     hides tbody TH and the thumbnail, which made cart items appear nameless. */
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table_responsive tr.cart_item,
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item{
    display:grid!important;
    grid-template-columns:94px minmax(0,1fr) 36px;
    column-gap:13px;
    align-items:center;
    padding:14px 12px 0!important;
    width:100%!important;
    box-sizing:border-box;
    border-bottom:1px solid #eadce3;
    background:#fff;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table_responsive tr.cart_item > td.product-thumbnail,
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-thumbnail{
    grid-column:1;
    grid-row:1;
    display:block!important;
    visibility:visible!important;
    width:94px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-thumbnail::before{display:none!important;content:none!important}
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-thumbnail a{display:block!important;width:100%!important;line-height:0!important}
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-thumbnail img{
    display:block!important;
    width:94px!important;
    height:112px!important;
    max-width:100%!important;
    object-fit:cover!important;
    border:1px solid #eadce3!important;
    border-radius:12px!important;
    margin:0!important;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item > th.product-name,
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tbody tr.cart_item > th.product-name{
    grid-column:2;
    grid-row:1;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#39343b!important;
    text-align:left!important;
    font:400 20px/1.3 var(--brs-sans)!important;
    overflow-wrap:anywhere;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > th.product-name a{
    display:inline!important;
    font:inherit!important;
    color:#39343b!important;
    -webkit-text-fill-color:#39343b!important;
    text-decoration:none!important;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > th.product-name dl.variation{
    font:400 12px/1.5 var(--brs-sans);
    margin:7px 0 0;
    color:#746775;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-remove{
    grid-column:3;
    grid-row:1;
    align-self:start;
    justify-self:end;
    display:flex!important;
    align-items:flex-start;
    justify-content:flex-end;
    width:36px!important;
    padding:0!important;
    border:0!important;
    margin:0!important;
    background:transparent!important;
    text-align:right!important;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-remove a.remove{
    display:grid!important;
    place-items:center;
    width:34px!important;
    height:34px!important;
    line-height:1!important;
    margin:0!important;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-price,
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-quantity,
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-subtotal{
    grid-column:1 / -1;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    flex-wrap:wrap;
    gap:9px;
    min-width:0!important;
    width:100%!important;
    padding:16px 4px!important;
    margin:0!important;
    border:0!important;
    border-top:1px solid #efe6eb!important;
    background:transparent!important;
    text-align:right!important;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-price{grid-row:2;margin-top:14px!important}
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-quantity{grid-row:3}
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-subtotal{grid-row:4}
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-price::before,
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-quantity::before,
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-subtotal::before{
    float:none!important;
    flex:0 0 auto;
    color:#554550;
    font-weight:650!important;
    text-align:left;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-quantity .quantity{margin-left:auto}

  /* Place the notices action below the success message; avoid white-on-white. */
  body.br-atelier.single-product .woocommerce-message,
  body.br-atelier.single-product .woocommerce-notices-wrapper .woocommerce-message{
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:20px 20px 20px 48px!important;
    text-align:left;
  }
  body.br-atelier.single-product .woocommerce-message a.button{
    order:2;
    float:none!important;
    align-self:stretch;
    width:100%!important;
    margin:3px 0 0!important;
  }
}
@media(max-width:370px){
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item{
    grid-template-columns:78px minmax(0,1fr) 32px;
    column-gap:10px;
  }
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-thumbnail,
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-thumbnail img{width:78px!important}
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > td.product-thumbnail img{height:96px!important}
  body.br-atelier.woocommerce-cart .woocommerce table.shop_table tr.cart_item > th.product-name{font-size:18px!important}
}