:root {
    --homepage-img-desktop: url("../img/Nuova_Home_26.png");
    --homepage-img-mobile: url("../img/home-bg-mobile.png");
    --homepage-gradient: linear-gradient(rgba(199, 164, 158, 0.1), rgba(199, 164, 158, 0.1));

    --navbar-home-bg: transparent;
    /* sfondo navbar */
    --navbar-home-text: #ffffff;
    /* colore testo/link */
    --navbar-home-hover: #ffffff;
    /* colore hover link */
    --navbar-home-dropdown-bg: #ffffff;
    /* sfondo dropdown */
    --navbar-home-dropdown-text: #000;
    /* testo dropdown */
    --navbar-home-icon: #ffffff;
    /* colore icone */

    --navbar-site-bg: #c8cac9;
    /* sfondo navbar */
    --navbar-site-text: #000;
    /* colore testo/link */
    --navbar-site-hover: #040404;
    /* colore hover link */
    --navbar-site-dropdown-bg: #ffffff;
    /* sfondo dropdown */
    --navbar-site-dropdown-text: #000;
    /* testo dropdown */
    --navbar-site-icon: #ffffff;
    /* colore icone */

    /* Mobile */
    --site-bg-mobile: #f5f5f5;
    --site-text-mobile: #000000;

    /* Navbar mobile */
    --navbar-mobile-bg: #c8cac9;
    --navbar-mobile-text: #000;
    --navbar-mobile-hover: #021d47;

    --footer: #c8cac9;
}

/*--------------------------------------------------------------
# NavBar Home
--------------------------------------------------------------*/
/* Contenitore header trasparente */
.header-transparent.navbar-home,
.navbar-home {
    background-color: var(--navbar-home-bg);
    color: var(--navbar-home-text);
}

/* Link principali */
.navbar-home a {
    color: var(--navbar-home-text);
    text-decoration: none;
}

.navbar-home a:hover,
.navbar-home a:focus {
    color: var(--navbar-home-hover);
}

/* Brand + icona casa: usa currentColor per sincronizzare */
.navbar-home .navbar-brand {
    color: var(--navbar-home-text);
}

.navbar-home .navbar-brand i {
    color: currentColor;
    /* eredita il colore del brand */
    font-size: 1.2rem;
}

/* Icone generiche nella navbar (toggle, chevron, ecc.) */
.navbar-home i {
    color: var(--navbar-home-icon);
}

/* Toggle mobile */
.navbar-home .mobile-nav-toggle {
    color: var(--navbar-home-icon);
}

/* Dropdown menu (versione con .dropdown-menu + .dropdown-item) */
.navbar-home .dropdown-menu {
    background-color: var(--navbar-home-dropdown-bg);
    border: none;
}

/* Link dropdown */
.navbar-home .dropdown-menu a {
    background-color: transparent;
}

/* Hover dropdown */
.navbar-home .dropdown-menu a:hover {
    background-color: transparent;
    /* oppure un grigio chiaro */
    color: #021d47;
}

.navbar-home .dropdown-item {
    color: var(--navbar-home-dropdown-text);
}

.navbar-home .dropdown-item:hover,
.navbar-home .dropdown-item:focus {
    background-color: var(--navbar-home-bg);
    color: var(--navbar-home-hover);
}

.navbar-home .dropdown>a i,
.navbar-home .dropdown-toggle i {
    color: var(--navbar-home-text);
}

/* Stato aperto del dropdown (se gestito via classi o JS) */
.navbar-home .dropdown.show>.dropdown-menu {
    display: block;
}

/* Brand */
.navbar-home .navbar-brand {
    color: var(--navbar-home-text);
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif;
}

/* Icona del brand */
.navbar-home .navbar-brand i {
    color: var(--navbar-home-icon);
    font-size: 1.2rem;
}

/*--------------------------------------------------------------
# NavBar Site
--------------------------------------------------------------*/
body.theme-site #header {
    background: var(--navbar-site-bg);
    padding: 24px 0;
}

body.theme-site #header.header-scrolled {
    background: var(--navbar-site-bg);
    padding: 12px;
}

/* Link principali */
.navbar-site a {
    color: var(--navbar-site-text);
    text-decoration: none;
}

.navbar-site a:hover,
.navbar-site a:focus {
    color: var(--navbar-site-hover);
}

/* Brand + icona casa: usa currentColor per sincronizzare */
.navbar-site .navbar-brand {
    color: var(--navbar-site-text);
}

.navbar-site .navbar-brand i {
    color: currentColor;
    /* eredita il colore del brand */
    font-size: 1.2rem;
}

/* Icone generiche nella navbar (toggle, chevron, ecc.) */
.navbar-site i {
    color: var(--navbar-site-icon);
}

/* Toggle mobile */
.navbar-site .mobile-nav-toggle {
    color: var(--navbar-site-icon);
}

/* Dropdown menu (versione con .dropdown-menu + .dropdown-item) */
.navbar-site .dropdown-menu {
    background-color: var(--navbar-site-dropdown-bg);
    border: none;
}

/* Link dropdown */
.navbar-site .dropdown-menu a {
    background-color: transparent;
}

/* Hover dropdown */
.navbar-site .dropdown-menu a:hover {
    background-color: transparent;
    /* oppure un grigio chiaro */
    color: #021d47;
}

.navbar-site .dropdown-item {
    color: var(--navbar-site-dropdown-text);
}

.navbar-site .dropdown-item:hover,
.navbar-site .dropdown-item:focus {
    background-color: var(--navbar-site-bg);
    color: var(--navbar-site-hover);
}

/* Stato aperto del dropdown (se gestito via classi o JS) */
.navbar-site .dropdown.show>.dropdown-menu {
    display: block;
}

.navbar-site .dropdown>a i,
.navbar-site .dropdown-toggle i {
    color: var(--navbar-site-text);
    /* oppure var(--navbar-site-icon) */
}

/* Brand */
.navbar-site .navbar-brand {
    color: var(--navbar-site-text);
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif;
}

/* Icona del brand */
.navbar-site .navbar-brand i {
    color: var(--navbar-site-icon);
    font-size: 1.2rem;
}

/* Navbar Mobile x tutti */
@media (max-width: 768px) {
    body {
        background-color: var(--site-bg-mobile);
        color: var(--site-text-mobile);
    }

    .navbar {
        background-color: var(--navbar-mobile-bg);
        color: var(--navbar-mobile-text);
    }

    .navbar a {
        color: var(--navbar-mobile-text);
    }

    .navbar a:hover {
        color: var(--navbar-mobile-hover);
    }
}