/* Logo Uozzart - ingrandimento reale */

.navbar-brand {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.category-hero { text-align: center; }
.category-hero-image { display: flex; justify-content: center; }
.category-hero-image img { max-width: 260px; height: auto; }
.category-hero-description { max-width: 800px; margin: 0 auto 30px; text-align: center; }

.main-nav ul, .primary-menu, #menu-principale {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.main-nav ul li a, .primary-menu li a, #menu-principale li a {
    padding: 0 10px;
    font-size: 15px;
    white-space: nowrap;
}
#menu-primary {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    width: 100% !important;
    margin-right: 0 !important;
}
#menu-primary > li > a {
    padding: 0 9px !important;
    font-size: 14px !important;
    white-space: nowrap;
}
.navbar-brand img {
    width: 700px !important;
    max-width: 700px !important;
    height: auto !important;
}

.bs-header-main .container {
    display: flex !important;
    justify-content: center !important;
}
/* LOGO MOBILE */

@media (max-width: 768px) {

    .navbar-brand {
        width: 100% !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .navbar-brand img {
        width: 320px !important;
        max-width: 90vw !important;
        height: auto !important;
    }

}
/* Riduzione altezza header mobile */

@media (max-width: 768px) {

    .site-header,
    .bs-header-main {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

}
@media (max-width: 768px) {

    .navbar-brand img {
        width: 260px !important;
        max-width: 80vw !important;
    }

}
@media (max-width: 768px) {

    .site-header,
    .bs-header-main {
        overflow: hidden !important;
    }

    .navbar-brand img,
    .custom-logo {
        max-width: 75vw !important;
        width: 260px !important;
        height: auto !important;
    }

}
@media (max-width: 768px) {

    /* elimina lo spazio/elemento residuo sopra l'header */
    .site-header {
        overflow: hidden !important;
    }

    .bs-header-main {
        overflow: hidden !important;
    }

    /* nasconde eventuali elementi fuori area */
    .site-header .container,
    .site-header .row {
        overflow: hidden !important;
    }

}
@media (max-width: 768px) {

    /* nasconde il vecchio logo duplicato mobile */
    .mobile-logo,
    .mobile-header-logo,
    .site-header .custom-logo:not(.navbar-brand img) {
        display: none !important;
    }

    /* pulizia area sopra header */
    .site-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}@media (max-width: 768px) {

    /* nasconde il vecchio logo duplicato mobile */
    .mobile-logo,
    .mobile-header-logo,
    .site-header .custom-logo:not(.navbar-brand img) {
        display: none !important;
    }

    /* pulizia area sopra header */
    .site-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}
@media (max-width: 768px) {

    .site-header {
        overflow: hidden !important;
    }

    .site-header .navbar-brand {
        overflow: hidden !important;
        height: 90px !important;
    }

    .navbar-brand img,
    .custom-logo {
        transform: none !important;
        position: relative !important;
        top: 0 !important;
    }

}
@media (max-width: 768px) {
    .site-header .navbar-brand img {
        outline: 3px solid red !important;
    }
}
@media (max-width: 768px) {

    .navbar-brand {
        overflow: hidden !important;
    }

    .navbar-brand img {
        width: 260px !important;
        max-width: 260px !important;
        height: auto !important;
    }

}
@media (max-width: 768px) {

.site-branding img.custom-logo,
.navbar-brand img.custom-logo {
    width: 320px !important;
    max-width: 90vw !important;
    height: auto !important;
}

.navbar-brand {
    width: 100% !important;
    justify-content: center !important;
}
	
	/* HERO CATEGORIA UOZZART */

.category-hero-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -80px;
}

.category-hero-image img {
    display: block;
    margin: 0 auto;
}


/* descrizione categoria */

.category-hero-description {
    text-align: center;
}

.category-hero-description p {
    font-weight: 700;
    font-style: italic;
}
	.category-hero-image {
    background: red !important;
}
	
	.category-hero {
    text-align: center;
}

.category-hero-image {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: -120px;
    margin-bottom: 20px;
}

.category-hero-image img {
    max-width: 260px;
    height: auto;
}

.category-hero-description {
    text-align: center;
    font-style: italic;
    font-weight: bold;
}
	.category-hero-image img {
    width: 260px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

.category-hero-image {
    text-align: center !important;
}