/**
 * WC Hover Image — frontend styles v1.2.0
 */

/* ── Hover wrap ──────────────────────────────────────────────────────────── */

.elementor-widget-theme-post-featured-image .wchi-hover-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}

.elementor-widget-theme-post-featured-image .wchi-hover-wrap img.wchi-original,
.elementor-widget-theme-post-featured-image .wchi-hover-wrap img.wchi-secondary {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.8s ease;
}

.elementor-widget-theme-post-featured-image .wchi-hover-wrap img.wchi-secondary {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1.1s ease;
}

.elementor-widget-theme-post-featured-image .wchi-hover-wrap:hover img.wchi-original {
    opacity: 0;
}

.elementor-widget-theme-post-featured-image .wchi-hover-wrap:hover img.wchi-secondary {
    opacity: 1;
}

/* ── Add to cart button ──────────────────────────────────────────────────── */

.wchi-atc-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #111;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.25s ease, transform 0.25s ease, background 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

.wchi-atc-btn svg {
    width: 16px;
    height: 16px;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Checkmark — sakriveno by default */
.wchi-atc-btn .wchi-check {
    position: absolute;
    opacity: 0;
    transform: scale(0.6);
}

/* Hover na wrapperu → prikaži button */
.wchi-hover-wrap:hover .wchi-atc-btn {
    opacity: 1;
    transform: translateY(0);
}

/* Hover na samom buttonu */
.wchi-atc-btn:hover {
    background: #333;
    transform: translateY(0) scale(1.08);
}

/* Loading state — pulsira */
.wchi-atc-btn.wchi-loading {
    opacity: 0.6;
    cursor: wait;
    animation: wchi-pulse 0.8s ease infinite alternate;
}

@keyframes wchi-pulse {
    from { transform: scale(1); }
    to   { transform: scale(0.92); }
}

/* Added state — prikaži checkmark */
.wchi-atc-btn.wchi-added {
    background: #2a7a2a;
}

.wchi-atc-btn.wchi-added svg:first-child {
    opacity: 0;
    transform: scale(0.6);
}

.wchi-atc-btn.wchi-added .wchi-check {
    opacity: 1;
    transform: scale(1);
}

/* ── Sakrij WooCommerce "View cart" poruku ───────────────────────────────── */

.woocommerce-message.woocommerce-message--info,
a.added_to_cart.wc-forward {
    display: none !important;
}