/*
 * Product card layout: Woodmart "Show summary on hover" (base)
 */

.wd-product.wd-hover-base .wd-buttons.wd-pos-r-t {
	top: 10px;
	right: 10px;
	z-index: 9;
    background-color: unset !important;
    box-shadow: unset !important;
}

.wd-product.wd-hover-base .wd-buttons.wd-pos-r-t,
.wd-product.wd-hover-base .wd-buttons.wd-pos-r-t .wd-wishlist-btn,
.wd-product.wd-hover-base .wd-buttons.wd-pos-r-t .wd-wishlist-btn > a {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
}

.wd-product.wd-hover-base .wd-shop-now-wrap .wd-shop-now-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-decoration: none;
	font-size: 14px;
    margin-top: 20px;
}

.wd-product.wd-hover-base .wd-shop-now-wrap .wd-shop-now-btn::before {
	display: none !important;
	content: none !important;
}

.wd-product.wd-hover-base .wd-shop-now-wrap .wd-shop-now-btn span {
	display: inline-block;
	line-height: 1.2;
}

.wd-product.wd-hover-base .wd-shop-now-wrap {
    width: 100%;   
}

.wd-product.wd-hover-base .wd-shop-now-wrap .wd-shop-now-btn {
	box-shadow: inset 0 0 0 1px transparent;
	transition: all .2s ease;
    text-transform: uppercase;
}

.wd-product.wd-hover-base .wd-shop-now-wrap .wd-shop-now-btn:hover {
	box-shadow: inset 0 0 0 1px #40746A;
    color: #40746A;
    border: none;
}

.wd-product.wd-hover-base .product-element-top {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.wd-product.wd-hover-base .product-element-top .product-image-link {
	display: block;
	width: 100%;
	height: 100%;
}

.wd-product.wd-hover-base .product-element-top .product-image-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Film Developing products: the film types are drawn as tall, narrow rolls on
   small source images, so the cover crop above zooms into a slice of the roll
   (and the single-use camera loses its edges). Show them whole instead.
   Scoped to `.wd-product.wdm-fd-product`, the compound class that
   wd_child_fd_post_class() puts on those products' own loop items, NOT the
   descendant form `.wdm-fd-product .wp-post-image`: on a single film page the
   <body> carries wdm-fd-product too, so the loose form would also catch the
   albums in that page's related row. This file loads site-wide, which is why
   the rule lives here rather than in film-developing.css (film pages only).

   !important because a deep Woodmart carousel rule (.wd-carousel-inner
   .wd-carousel-item .product-element-top .product-image-link img, specificity
   0,4,1) outweighs any sanely scoped selector that does not repeat its chain.

   The padding is there because two of the three source files (the 35mm roll,
   the 120 box) are square shots with the product running edge to edge - the
   roll's spool nub sits on row 1 of 500 - so even contained they fill the
   tile wall to wall and read as cut off next to the camera, whose landscape
   frame gives it side margins for free. object-fit works within the content
   box, so padding shrinks the drawn image and gives all three the same
   inset; the files stay untouched (they live on S3, not in uploads/). */
.wd-product.wdm-fd-product .wp-post-image {
	object-fit: contain !important;
	box-sizing: border-box;
	padding: 8%;
}

.product-element-bottom.product-information {
    gap: 0 !important;
    padding: 0 !important;
    padding-bottom: 20px;
    margin-top: 30px;
    gap: 8px !important;
}

.product-element-bottom.product-information .product-rating-price .price{
    font-weight: 500 !important;
}

.wd-product .product-wrapper {
    gap: 0 !important;
}