/* Product Accessories list. Layout only, ported from bwmachinery (assets/css/product.css); class names
   match it so that styling can be reused. Colours and type are left to the theme. */

.add-gift-listing { margin-bottom: 30px; }
.gift-title { background-color: #eee; font-size: 18px; color: #626967; font-weight: 500; padding: 15px; line-height: 1; text-transform: capitalize; }
.gift-panel { border: 1px solid #d4d4d4; padding: 20px 25px; max-height: 305px; overflow-y: auto; }
.gift-panel::-webkit-scrollbar { background-color: #d4d4d4; width: 3px; }
.gift-panel::-webkit-scrollbar-thumb { background-color: #3e9400; }

.gift-item-row { position: relative; display: flex; align-items: center; }
.gift-item-row:not(:last-child) { border-bottom: 1px solid #d4d4d4; padding-bottom: 10px; margin-bottom: 10px; }
.gift-panel .gift-thumb { width: 90px; height: auto; display: inline-block; }
.gift-panel .gift-info { line-height: 1.2; padding: 0 10px; flex: 1; }
.gift-panel .gift-info .gift-name { display: inline-block; font-weight: 600; color: #333; text-decoration: none; margin-bottom: 3px; line-height: 1.1; }
.gift-panel .gift-info .gift-name:hover { color: #3e9400; text-decoration: underline; }
.gift-panel .gift-info .gift-price { font-weight: 700; }

/* the theme sets min-width:176px on every .woocommerce a.button, so this needs to outrank it */
.woocommerce .gift-panel .gift-item-row a.gift-add { flex: 0 0 46px; width: 46px; min-width: 46px; max-width: 46px; height: 46px; margin-left: 10px; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: #3e9400; border: 1px solid #3e9400; border-radius: 3px; }
.woocommerce .gift-panel .gift-item-row a.gift-add:hover,
.woocommerce .gift-panel .gift-item-row a.gift-add:focus { background: #357f00; border-color: #357f00; }
.gift-item-row .gift-add img { width: 18px; height: auto; display: block; margin: 0; }
.gift-item-row .gift-add.loading,
.gift-item-row .gift-add.added { opacity: 0.85; }
.woocommerce .gift-panel .gift-item-row a.gift-add--unavailable { flex: 0 0 auto; width: auto; max-width: none; min-width: 46px; padding: 0 14px; font-size: 13px; font-weight: 600; color: #fff; background: #9aa0a0; border-color: #9aa0a0; }
.gift-item-row .gift-add--unavailable:hover,
.gift-item-row .gift-add--unavailable:focus { background: #7f8585; border-color: #7f8585; }

/* WooCommerce appends its own "View cart" link after an AJAX add; it is not wanted inside the row. */
.gift-item-row .added_to_cart { display: none; }

@media (max-width: 767px) {
	.gift-panel { padding: 15px; }
	.gift-panel .gift-thumb { width: 65px; }
	.gift-item-row:not(:last-child) { padding-bottom: 15px; margin-bottom: 15px; }
}