/* Trasparenza header per taxonomy product-category */

/* Trasparenza solo quando è al top */
body.tax-product-category #header-outer.at-top {
    background-color: transparent !important;
}

body.tax-product-category #header-outer:not(.scrolled-down):not(.small-nav) {
    background-color: transparent !important;
}

/* Transizione smooth per il cambio di trasparenza */
body.tax-product-category #header-outer {
    transition: background-color 0.3s ease;
}

/* Assicurati che il testo rimanga visibile */
body.tax-product-category #header-outer.at-top #top .col span.light-text {
    color: #fff !important;
}

body.tax-product-category #header-outer.at-top nav > ul > li > a {
    color: #fff !important;
}

/* Gestione logo - nascondi logo scuro quando trasparente */
body.tax-product-category #header-outer.at-top .default-logo,
body.tax-product-category #header-outer.at-top .dark-version {
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}

/* Mostra logo chiaro quando trasparente */
body.tax-product-category #header-outer.at-top .starting-logo,
body.tax-product-category #header-outer.at-top .light-version,
body.tax-product-category #header-outer.at-top .taxonomy-white-logo {
    opacity: 1 !important;
    transition: opacity 0.3s ease;
}

/* Logo normale quando non trasparente */
body.tax-product-category #header-outer:not(.at-top) .default-logo,
body.tax-product-category #header-outer:not(.at-top) .dark-version {
    opacity: 1 !important;
}

body.tax-product-category #header-outer:not(.at-top) .starting-logo,
body.tax-product-category #header-outer:not(.at-top) .light-version,
body.tax-product-category #header-outer:not(.at-top) .taxonomy-white-logo {
    opacity: 0 !important;
}

/* Posizionamento per il logo creato dinamicamente */
body.tax-product-category #logo {
    position: relative;
}

body.tax-product-category .taxonomy-white-logo {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 10;
}