/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.3.10
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/

/* Smanjenje opaciteta za glavni proizvod i galeriju na single product page kada proizvod nije na skladištu */
.woocommerce-page .product.outofstock .woocommerce-product-gallery,
.woocommerce-page .product.outofstock .woocommerce-product-gallery__image img {
    opacity: 0.3; /* Smanjite opacitet glavne slike i galerije na 30% */
    transition: opacity 0.3s ease; /* Glatka animacija pri promeni opaciteta */
}

/* Isključivanje efekta smanjenja opaciteta na slike povezanim proizvodima na single product page */
.woocommerce-page .product.outofstock .related.products .product img {
    opacity: 1 !important; /* Osigurava da opacitet povezanim proizvodima ostane 100% */
    transition: opacity 0.3s ease; /* Glatka animacija pri promeni opaciteta */
}

/* Smanjenje opaciteta na proizvode na shop page i archive stranici kada proizvod nije na skladištu */
.woocommerce-page .product.outofstock .woocommerce-loop-product__link img {
    opacity: 0.3; /* Smanjite opacitet slike proizvoda na shop i archive stranici */
    transition: opacity 0.3s ease; /* Glatka animacija pri promeni opaciteta */
}

.elementor .elementor-background-slideshow {

    height: 535px;
    width: 1920px;
}
/* Blokovi ispod brenda */
/* Blokovi ispod brenda */
.crom-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
    width: 100%;
}

/* BADGE */
.crom-badge {
    width: calc(33.333% - 7px);
    box-sizing: border-box;

    display: flex;
    align-items: center;
    gap: 6px;

    padding: 8px 12px;
    border-radius: 5px;

    font-size: 13px;
    line-height: 1.3;
}

/* DASHICONS */
.crom-badge .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

/* TEKST */
.crom-badge span {
    line-height: 1.3;
}

.crom-badge strong {
    line-height: 1.3;
}

/* BOJE */
.crom-badge.badge-garancija { background: #e9f7d2; }
.crom-badge.badge-dostava   { background: #ffe7b3; }
.crom-badge.badge-povrat    { background: #e3f2fd; }
.crom-badge.badge-placanje  { background: #e1e1e1; }
.crom-badge.badge-pdv       { background: #ffff96; }

/* Tablet */
@media (max-width: 1200px) {

    .crom-badge {
        width: calc(50% - 5px);
    }
}

/* Mobitel */
@media (max-width: 480px) {

    .crom-badge {
        width: 100%;
    }
}

.crom-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px;
    width: 100% !important;
}

.crom-badge {
    flex: 0 0 calc(33.333% - 7px) !important;
    max-width: calc(33.333% - 7px) !important;
    width: calc(33.333% - 7px) !important;

    white-space: normal !important;
    box-sizing: border-box;
}

/* tablet */
@media (max-width: 768px) {
    .crom-badge {
        flex: 0 0 calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
    }
}

/* mobitel */
@media (max-width: 480px) {
    .crom-badge {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/*dostupnost front end*/