/*
 * Mia Cantina: ritocchi al tema sui colori del logo.
 * La palette dei componenti è in styles.cantina.min.css (styles.min.css rimappato).
 */
:root {
    --mc-wine: #8E1520;
    --mc-wine-dark: #6F0F18;
    --mc-wine-soft: #F8ECEC;
    --mc-gold: #C9A24A;
    --mc-gold-soft: #F8F1E1;
    --mc-wood: #8A5A32;
    --mc-cream: #FAF6F1;
    --mc-line: #EEE6DC;
    --mc-ink: #2B1D22;
    --mc-blue: #1F3CC4;
    --mc-serif: Georgia, 'Times New Roman', Times, serif;
}

body,
.page-wrapper,
.body-wrapper {
    background-color: var(--mc-cream);
}

.left-sidebar {
    background-color: #fff;
    border-right: 1px solid var(--mc-line);
}

.app-header {
    background: rgba(250, 246, 241, .92);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--mc-line);
}

.app-header .nav-link,
.app-header .nav-icon-hover {
    color: var(--mc-ink);
}

/* Titoli di pagina con le grazie, come la scritta del logo */
.body-wrapper > .container-fluid > .row h3 {
    font-family: var(--mc-serif);
    font-weight: 400;
    color: var(--mc-ink);
}

.nav-small-cap {
    color: var(--mc-wood);
}

.form-control:focus,
.form-select:focus {
    border-color: #D99AA1;
    box-shadow: 0 0 0 .2rem rgba(142, 21, 32, .12);
}

.form-check-input:checked {
    background-color: var(--mc-wine);
    border-color: var(--mc-wine);
}

::selection {
    background: rgba(201, 162, 74, .35);
}

/* Voto a stelline (scarico e modifica lotto) */
.voto-input {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: .15rem;
}

.voto-input input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.voto-input label {
    font-size: 2rem;
    line-height: 1;
    color: #d8cfc6;
    cursor: pointer;
    padding: 0 .1rem;
}

.voto-input input:checked ~ label,
.voto-input label:hover,
.voto-input label:hover ~ label {
    color: var(--mc-gold, #C9A24A);
}

.voto-input input:focus-visible + label {
    outline: 2px solid rgba(142, 21, 32, .35);
    border-radius: 4px;
}

.voto-input .voto-input__clear,
.voto-input input:checked ~ .voto-input__clear {
    order: -1;
    font-size: .8rem;
    color: var(--bs-secondary-color);
    margin-left: .75rem;
    text-decoration: underline;
}

.voto-input .voto-input__clear:hover {
    color: var(--mc-wine, #8E1520);
}