/* Custom color overrides for product pages only */
/* Apply only to product content, not header/footer */

/* === Footer copyright bar — brand-aligned background === */
.wd-copyrights.copyrights-wrapper {
    background-color: #2A6451;
    color: #ffffff;
    border-top: none;
}

.wd-copyrights.copyrights-wrapper a {
    color: #ffffff;
}

.wd-copyrights.copyrights-wrapper a:hover {
    color: #f5f1e8;
    text-decoration: underline;
}

/* Buttons - restore green theme */
.single-product .button, 
.single-product .btn, 
.single-product .add_to_cart_button,
.single-product .single_add_to_cart_button,
.single-product .woocommerce-button,
.single-product .wd-add-btn a {
    background-color: #006e52 !important;
    border-color: #006e52 !important;
}

.single-product .button:hover, 
.single-product .btn:hover,
.single-product .add_to_cart_button:hover,
.single-product .single_add_to_cart_button:hover {
    background-color: #005540 !important;
    border-color: #005540 !important;
}

/* Product badges */
.single-product .product-labels .onsale,
.single-product .product-labels .featured {
    background-color: #006e52 !important;
}

/* Star ratings */
.single-product .star-rating span {
    color: #006e52 !important;
}

/* Links within product content only */
.single-product .entry-content a,
.single-product .woocommerce-review-link {
    color: #006e52;
}

.single-product .entry-content a:hover {
    color: #005540;
}

/* Price colors */
.single-product .price del .amount,
.single-product .regular-price__product-box-price-grid-veganmilker {
    color: #999 !important;
}

.single-product .price ins .amount,
.single-product .sale-price__product-box-price-grid-veganmilker {
    color: #006e52 !important;
}

/* Product labels positioning */
.single-product .product-labels {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

.single-product .product-label {
    display: inline-block;
    padding: 5px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin-right: 5px;
}

.single-product .wd-shape-round {
    border-radius: 50px !important;
}

/* === Home hero video — exact Divi (et_pb_video) player replica === */
@font-face {
    font-family: ETmodules;
    font-display: swap;
    src: url(../fonts/etmodules.woff) format("woff"),
         url(../fonts/etmodules.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

.et_pb_video {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.et_pb_video_box {
    display: block;
    position: relative;
    z-index: 1;
    line-height: 0;
}

/* Reserve the 16:9 box up front so playback never resizes the layout */
.et_pb_video_box video {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    display: block;
}

.et_pb_video_overlay {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

.et_pb_video_overlay_hover {
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    transition: all 0.5s ease-in-out;
}

.et_pb_video .et_pb_video_overlay_hover:hover {
    background: rgba(0, 0, 0, 0.6);
}

.et_pb_video_play {
    display: block;
    position: absolute;
    z-index: 100;
    color: #fff;
    left: 50%;
    top: 50%;
    font-size: 6rem;
    line-height: 6rem;
    margin-left: -3rem;
    margin-top: -3rem;
    text-decoration: none;
}

.et_pb_video_overlay .et_pb_video_play {
    color: #fff;
}

.et_pb_video_play:before {
    font-family: ETmodules;
    content: "I";
}

/* et_pb_video_0 — white 5px border + 20px rounded corners */
.et_pb_video_0 {
    border-style: solid;
    border-width: 5px;
    border-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

/* Enlarge the hero video slot (was the 165px cashew image slot) to a medium size */
.elementor-2 .elementor-element.elementor-element-e987c44 {
    --container-widget-width: 340px;
    width: var(--container-widget-width, 340px);
    max-width: 340px;
}

@media (max-width: 1024px) {
    .elementor-2 .elementor-element.elementor-element-e987c44 {
        --container-widget-width: 260px;
        width: var(--container-widget-width, 260px);
        max-width: 260px;
    }
}

@media (max-width: 767px) {
    .elementor-2 .elementor-element.elementor-element-e987c44 {
        --container-widget-width: 200px;
        width: var(--container-widget-width, 200px);
        max-width: 200px;
    }
}

/* === Navbar cart: solo ícono + contador, nunca el subtotal de FunnelKit === */
/* Defiende contra fragments cacheados en sessionStorage del visitante */
.cart-toggle .fkcart-shortcode-price {
    display: none !important;
}