/*
 * Color Variables Override
 * Questo file sovrascrive i colori hardcoded del frontend
 * con le variabili CSS dinamiche gestite dal backend
 */

:root {
    /* Mapping dei colori specifici del tema alle variabili globali */
    --theme-brand-primary: var(--primary-color, #457b9d);
    --theme-brand-secondary: var(--default-color, #e63946);
    --theme-bg-white: var(--bg-primary, #ffffff);
    --theme-bg-dark: var(--bg-secondary, #000000);
}

/* Logo Size - Applica dimensione dinamica */
.logo-gramma-div,
.logo-gramma-div svg,
.site-logo,
.site-logo img,
.site-logo svg,
.navbar-brand,
.navbar-brand img,
.navbar-brand svg,
.header-logo,
.header-logo img,
.header-logo svg {
    width: 150px;
    max-width: 150px;
    height: auto !important;
}

/* Header & Navigation Colors */
.dropdown-open .item-menu span,
.dropdown-open .item-menu:hover span {
    color: var(--theme-brand-primary) !important;
}

.dropdown-open .item-menu:hover .icon-square {
    border-color: var(--theme-brand-primary) !important;
}

.dropdown-open .item-menu:hover .icon-line {
    background-color: var(--theme-brand-primary) !important;
}

.dropdown-open .logo-gramma-div svg,
.dropdown-open .logo-tipo-div svg,
.scroll .cls-1,
.dropdown-open .cls-1 {
    fill: var(--color-white) !important;
}

.logo-tipo-div svg {
    fill: var(--theme-bg-white) !important;
}

/* Hero Section */
.hero h1 {
    color: var(--theme-bg-white) !important;
}


.footer-logo svg,
.footer-logo img {
    max-width: 180px;
    height: auto;
    width: var(--logo-width);
    filter: brightness(0) invert(1);
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.footer-logo:hover svg,
.footer-logo:hover img {
    opacity: 1;
}