/* === Palette colori Monzacamper === */
:root {
    --mc-brand:   #1e3662;  /* Blu brand */
    --mc-accent:  #e07141;  /* Arancio accent */
    --mc-white:   #ffffff;

    /* Override Bootstrap */
    --bs-primary:   var(--mc-brand);
    --bs-secondary: var(--mc-accent);
    --bs-light:     #f8f9fa;
    --bs-dark:      #212529;
}

/* === Bottoni brand === */
.btn-arancione,
.btn-accent {
    background-color: var(--mc-accent);
    color: var(--mc-white);
    border: none;
}

.btn-arancione:hover,
.btn-accent:hover {
    background-color: var(--mc-brand);
    color: var(--mc-white);
}

.btn-arancione:active,
.btn-arancione:focus,
.btn-accent:active,
.btn-accent:focus {
    background-color: var(--mc-accent);
    color: var(--mc-brand) !important;
    box-shadow: none;
}
.btn-blu{ background-color:var(--bs-brand); var(--mc-white); }
.btn-blu:hover{background-color:#e07141; var(--mc-white); }
.btn-blu:active,
.btn-blu:focus {
    background-color: var(--bs-brand);
    color: #e07141 !important;
    box-shadow: none; /* opzionale, rimuove il contorno Bootstrap */
}

/* === Navbar brand === */
.navbar {
    background-color: var(--mc-brand);
}

.navbar .nav-link {
    color: var(--mc-white) !important;
}

.navbar .nav-link:hover {
    color: var(--mc-accent) !important;
}

.navbar-toggler {
    border-color: var(--mc-white);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/* === Utility colori === */
.bg-brand { background-color: var(--mc-brand) !important; }
.text-brand { color: var(--mc-brand) !important; }
.border-brand { border-color: var(--mc-brand) !important; }

.bg-accent { background-color: var(--mc-accent) !important; }
.text-accent { color: var(--mc-accent) !important; }
.border-accent { border-color: var(--mc-accent) !important; }

.bg-white { background-color: var(--mc-white) !important; }
.text-white { color: var(--mc-white) !important; }