/* Homline Cart UX */
.homline-loop-cart { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 12px; }
.homline-loop-qty { display: flex; justify-content: center; }
.homline-loop-qty .quantity { display: inline-flex !important; align-items: stretch; float: none !important; margin: 0 !important; }
.homline-loop-qty .quantity .screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; }
.homline-loop-qty input.qty { width: 44px !important; min-height: 36px; margin: 0 !important; text-align: center; -moz-appearance: textfield; appearance: textfield; }
.homline-loop-qty input.qty::-webkit-outer-spin-button,
.homline-loop-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Boutons de secours (thème sans −/+) */
.homline-qty-btn { width: 36px; min-height: 36px; padding: 0; margin: 0; border: 1px solid #e4e4e4; background: transparent; color: inherit; font-size: 16px; line-height: 1; cursor: pointer; }

/* OceanWP place le bouton des listes sur l'image, visible au survol, et le masque après l'ajout :
   ici il reste dans le flux, sous la quantité, toujours visible. */
.woocommerce ul.products li.product .homline-loop-cart .button,
.homline-loop-cart .add_to_cart_button { position: static !important; display: block !important; width: 100% !important; transform: none !important; opacity: 1 !important; visibility: visible !important; margin: 0 !important; }
.homline-loop-cart .added_to_cart { display: inline-block; font-size: 13px; }

.homline-empty-cart { margin: 12px 0 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.homline-empty-cart[hidden], .homline-empty-cart [hidden] { display: none !important; }
.homline-empty-cart__confirm { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.homline-empty-cart__question { font-weight: 600; }
.woocommerce-cart-form .homline-empty-cart { display: inline-flex; margin: 0 0 0 8px; float: left; }

/* Cartes de même hauteur sur une ligne (1.0.2) : le −/+ allonge les cartes des produits simples ;
   celles des produits à variations (« Select options », sans quantité) étaient plus courtes.
   La grille OceanWP est en flottants → flex, et les boutons sont calés en bas de chaque carte. */
.woocommerce ul.products.oceanwp-row { display: flex; flex-wrap: wrap; }
.woocommerce ul.products.oceanwp-row::before,
.woocommerce ul.products.oceanwp-row::after { display: none !important; }
.woocommerce ul.products.oceanwp-row > li.product { float: none; display: flex; flex-direction: column; }
.woocommerce ul.products.oceanwp-row > li.product > .product-inner { flex: 1 1 auto; display: flex; flex-direction: column; }
.woocommerce ul.products.oceanwp-row > li.product > .product-inner > ul.woo-entry-inner { flex: 1 1 auto; display: flex; flex-direction: column; }
.woocommerce ul.products.oceanwp-row > li.product > .product-inner > ul.woo-entry-inner > li.btn-wrap { margin-top: auto; }
/* « Select options » / « Read more » : même largeur que « Add to cart » */
.woocommerce ul.products.oceanwp-row li.product .btn-wrap > .button { display: block; width: 100%; margin-top: 12px; }
