/*
 Theme Name:   Woodmart Child
 Template:     woodmart
 Version:      1.0.4
*/

/* =============================================
   BRS: Product thumbnails — 1:1, rounded, soft edges
   ============================================= */

/* 1. Square container */
.wd-product .wd-product-img-link,
.wd-product .product-image-link {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
}

/* 2. Images fill the square, keep proportions */
.wd-product .wd-product-img-link > img,
.wd-product .product-image-link > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* 3. Soft transparent edge fade (mask) */
.wd-product .wd-product-img-link > img,
.wd-product .product-image-link > img,
.wd-product .wd-product-img-hover img {
    -webkit-mask-image: radial-gradient(
        ellipse 72% 72% at center,
        black 35%,
        rgba(0, 0, 0, 0.65) 52%,
        rgba(0, 0, 0, 0.3) 67%,
        rgba(0, 0, 0, 0.1) 80%,
        transparent 92%
    );
    mask-image: radial-gradient(
        ellipse 72% 72% at center,
        black 35%,
        rgba(0, 0, 0, 0.65) 52%,
        rgba(0, 0, 0, 0.3) 67%,
        rgba(0, 0, 0, 0.1) 80%,
        transparent 92%
    );
}

/* 4. Single product page — no mask, no forced sizing */
.single-product .woocommerce-product-gallery img {
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* 5. Cart, widgets, popups — no mask */
.cart_item img,
.mini_cart_item img,
.widget img,
.wd-popup img,
.mfp-content img {
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* =============================================
   BRS: Nova Poshta (wc-ukr-shipping) dropdown fix
   — make search text visible on dark themes
   ============================================= */
.zen-ui-select__search,
.zen-ui-select__search-input {
    background: #fff !important;
    color: #333 !important;
    border-color: #ccc !important;
}
.zen-ui-select__search-input::placeholder {
    color: #999 !important;
}
.zen-ui-select__dropdown,
.zen-ui-select__options {
    background: #fff !important;
    color: #333 !important;
}
.zen-ui-select__option {
    color: #333 !important;
}
.zen-ui-select__option:hover,
.zen-ui-select__option--current {
    background: #ebf5ff !important;
}
.zen-ui-select__value {
    background: #fff !important;
    color: #333 !important;
}
.zen-ui-select__value.disabled {
    background: #efefef !important;
    color: #777 !important;
}

/* =============================================
   BRS: Checkout phone field — validation styling
   ============================================= */
#billing_phone_field.woocommerce-invalid input {
    border-color: #e2401c !important;
}
#billing_phone_field .brs-phone-error {
    color: #e2401c;
    font-size: 0.85em;
    margin-top: 4px;
}