.header-cart-link i {
    font-size: 20px;
    color: #f39c12;
}
.header-cart-link:hover i {
    color: #e67e22;
}
.text-3 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.header-widgets-desktop .text-3 {
    display: inline-flex !important;
    align-items: center;
}

/* Ascunde Showing all results si sortare pe pagina Servicii Online */
.woocommerce-products-results,
.woocommerce-ordering,
.woocommerce-result-count,
.woocommerce .woocommerce-breadcrumb {
    display: none !important;
}

/* FIX 2026-10-29: la servicii-online fontul titlurilor era mult prea mare (moștenit din h2) */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 16px !important;
    line-height: 1.35;
    color: #333333;
}

/* FIX 2026-10-29: galeria produsului rămânea la opacity 0 dacă JS-ul de inițializare eșua —
   garantăm vizibilitatea pozei (din dreapta) chiar și fără JS */
.woocommerce-product-gallery {
    opacity: 1 !important;
}

/* FIX 2026-10-30: meniul — fond = culoarea headerului (#454545), text alb (scris
   peste CSS-ul din Customizer care rămâne în cached_css; !important câștigă) */
@media (max-width: 991px) {
    .navigation,
    .navigation .navbar-collapse {
        background-color: #454545 !important;
    }
    .navigation--main > li,
    .navigation--main > li + li {
        border-top-color: rgba(255, 255, 255, 0.08);
    }
    .navigation--main .sub-menu > li > a {
        color: #ffffff !important;
    }
}

@media (min-width: 992px) {
    .navigation {
        background: #454545 !important;
    }
    .navigation--main > li > a,
    .navigation--main > .menu-item-has-children > a::after {
        color: #ffffff !important;
    }
    .navigation--main > li:hover > a,
    .navigation--main > .menu-item-has-children:hover > a::after {
        color: #f7c51e !important;
    }
}

.navigation--main > li > a,
.navigation--main > .menu-item-has-children > a::after,
.navigation--main .sub-menu > li > a {
    color: #ffffff !important;
}
.navigation--main > li:hover > a,
.navigation--main > .menu-item-has-children:hover > a::after {
    color: #f7c51e !important;
}
.navigation--main .sub-menu > li > a {
    color: #333333 !important;
}
.navigation--main .sub-menu > li > a:hover {
    color: #000000 !important;
}
.navigation--top > li > a,
.navigation--top > .menu-item-has-children > a::after {
    color: #dddddd !important;
}