/* =====================================================================
   DEVERO SPA — CSS personalizzato Beautycheck
   Ripulito il 01/08/2026. Copia del file precedente conservata a parte.

   COSA E' CAMBIATO
   - .page-header aveva una virgola al posto del punto e virgola: regola
     invalida. Corretta (era gia' ripetuta piu' sotto scritta bene).
   - il rosa #efb4cd non appartiene alla palette Devero: sostituito col
     teal #00aaa7. Era il colore dei titoli di categoria del booking.
   - font 'Sulphure point' non esiste e non era caricato: dichiarazione
     morta. Sostituito con Quicksand.
   - @import di Quicksand a meta' file: i browser lo ignorano se non sta
     in cima. Tolto — Quicksand arriva gia' dal campo Head.
   - tolte le regole figlie di .section-header e .page-header: quei due
     contenitori sono display:none, quindi non si vedranno mai.
   - tolte le regole duplicate (.btn-default:hover c'era tre volte).
   - tolto il blocco del popup gift voucher.

   TENUTE APPOSTA: le regole su label e input. Stavano nel blocco del
   voucher ma non sono del popup — valgono su tutto il gestionale e sono
   quelle che danno ai campi di conferma prenotazione e login l'aspetto
   a pillola bianca invece del grigio di serie.

   ATTENZIONE: il campo "Head Personalizzato" viene caricato DOPO questo
   file, quindi vince lui. Se una regola qui non prende effetto, guarda
   prima li'.
   ===================================================================== */

/* --- intestazioni di sezione: nascoste su tutte le pagine ------------- */
.section-header { display: none !important; }
.page-header    { display: none !important; }
.navbar-brand   { display: none !important; }

/* --- blocchi in evidenza --------------------------------------------- */
.paragraph-highlight {
    padding: 25px 30px;
    font-size: 16px;
    line-height: 26px;
    background: #94d0d0;
    margin: 0;
    margin-top: 11px;
}

.full-width.section-emphasis-1 { background: #00aaa7; }
.full-width.section-emphasis-1 h1,
.full-width.section-emphasis-1 h2,
.full-width.section-emphasis-1 h3 { background: none; }

.full-width.section-emphasis-2 { background: #94d0d0; }
.full-width.section-emphasis-2 h1,
.full-width.section-emphasis-2 h2,
.full-width.section-emphasis-2 h3 { background: #f0e6de; }

.section-emphasis-2 .icon-box .fa {
    color: #fff;
    background: #00aaa7;
}

.element-emphasis-strong { border: 5px solid #94d0d0; padding: 25px 25px 31px; }
.element-emphasis-weak   { border: 1px solid #94d0d0; padding: 29px 29px 27px; }

/* --- avvisi ----------------------------------------------------------- */
.alert {
    border: none;
    border-radius: 0;
    color: #fff !important;
    text-align: center;
    padding: 15px 20px;
    margin: 0 0 30px 0;
    font-size: 16px !important;
}
.alert-info { background-color: #00aaa7 !important; }

/* --- menu principale --------------------------------------------------- */
#MainNav { background-color: #94d0d0; }

#MainNav .navbar-main-collapse {
    background-color: #94d0d0;
    border-bottom: solid 1px #eee;
    color: #00aaa7;
}

#MainNav nav .navbar-header .navbar-toggle:hover {
    background: #94d0d0;
    border-color: #94d0d0;
}

#MainNav nav .navbar-collapse .navbar-nav {
    float: none;
    margin: 0 auto !important;
    max-width: max-content !important;
}

#MainNav nav .navbar-collapse .navbar-nav > li > a {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #00aaa7;
    transition: color .2s ease;
}

#MainNav nav .navbar-collapse .navbar-nav > li.active > a,
#MainNav nav .navbar-collapse .navbar-nav > li.open > a,
#MainNav nav .navbar-collapse .navbar-nav > li > a:hover {
    background: none;
    color: #00aaa7;
}

#MainNav nav .navbar-collapse .navbar-nav .dropdown-menu a {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    color: #00aaa7;
}
#MainNav nav .navbar-collapse .navbar-nav .dropdown-menu li a:hover { background: #94d0d0; }

.navbar-default { text-align: center !important; }
.navbar-default .caret { display: none !important; }
.navbar-header { display: none !important; }

.brand {
    margin: 10px auto 10px !important;
    float: none;
    display: inline-block;
    padding-bottom: 0 !important;
}
.homeMenu div { margin-bottom: 7px; }

/* --- tipografia -------------------------------------------------------- */
body {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #2f2b2b;
}

h1 {
    font-size: 24px;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    margin-left: -1px;
    margin-bottom: 19px;
}

h2 {
    font-size: 24px;
    font-weight: bold;
    margin-left: -1px;
    margin-bottom: 19px;
    font-family: 'Quicksand', sans-serif;
}

h4 {
    font-family: 'Quicksand', sans-serif;
    line-height: 1.2em;
    margin: 0;
    font-weight: bold;
}

a { border-bottom: 0 !important; }
a:hover,
.btn-link:hover,
a > *:hover,
.btn-link > *:hover {
    color: #94d0d0;
    text-decoration: none;
}

/* --- pulsanti ---------------------------------------------------------- */
.btn-default { background: #00aaa7; color: #fff; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background: #94d0d0;
    border-color: #94d0d0;
    box-shadow: none;
}

.btn-primary { color: #fff; border-color: #94d0d0; background: #94d0d0; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active { background: #94d0d0; border-color: #94d0d0; }

.btn-success { background: #94d0d0; border-color: #94d0d0; }
.btn-green   { background-color: #94d0d0; border: #94d0d0; }
.btn-link:hover { border-color: #94d0d0; color: #94d0d0; }

/* --- prenotazione ------------------------------------------------------ */
.nome-categoria-servizio-prenotazione {
    margin-top: 40px !important;
    margin-bottom: 8px;
    color: #00aaa7 !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 23px;
}

.leftSelectedService {
    background-color: #00aaa7;
    color: #fff;
    font-size: 16px;
    padding: 2px 12px 2px 6px;
    text-transform: initial !important;
    margin: 0 3px 3px 0;
    position: relative;
}

.serviceSelected {
    border-left: 10px #00aaa7 solid;
    background: #94d0d0;
}
.serviceSelected .fa-check-square-o { color: #00aaa7 !important; }

.myServiceRow i  { color: #94d0d0; }
.leftMenuSubInfo { color: #00aaa7; }

.collapsible {
    background-color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: larger;
    font-weight: bold;
    text-transform: uppercase;
    color: #00aaa7;
}

.accordion .panel-group .panel-heading a {
    display: block;
    padding: 15px 0 16px;
    border: none;
    font-family: 'Quicksand', sans-serif;
    text-transform: capitalize;
    color: #94d0d0;
    font-size: 23px;
}

/* disponibilita' e scelta del giorno */
#divMySlotAvaiable a:hover {
    background: #00aaa7;
    border-left: 4px #00aaa7 solid;
}
.owl-carousel-day-reservation .item.selected {
    border-top: 4px #00aaa7 solid;
    background: #94d0d0;
    font-family: 'Quicksand', sans-serif;
}
.owl-carousel-day-reservation .item span { font-size: 13px; color: #00aaa7; }

.owl-next {
    float: right;
    background-color: transparent !important;
    color: #00aaa7 !important;
    margin-right: -5% !important;
}

/* --- listino e schede -------------------------------------------------- */
.shop-section-navigation ul li a {
    border: none;
    font-family: 'Quicksand', sans-serif;
    text-transform: capitalize;
    color: #94d0d0;
}
.shop-section-navigation li.active a {
    text-transform: capitalize;
    color: #00aaa7;
    font-family: 'Quicksand', sans-serif;
}
.categories-widget span { float: right; color: #00aaa7; }

.portfolio-item [class^="item-info"] h4 {
    margin-top: 17px;
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
}
[class^="item-info"] h4 a:hover,
[class^="post-info"] h4 a:hover { color: #bb9a7a; }

.shop-item-highlight .item-info-name-data .item-info-name-data-wrapper h4 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 9px;
    max-width: 239px;
    font-family: 'Quicksand', sans-serif;
}

/* --- campi dei moduli --------------------------------------------------
   Valgono su TUTTO il gestionale, non solo su un modulo: sono questi a
   dare ai campi di conferma prenotazione e di login l'aspetto a pillola
   bianca invece del grigio di serie. Toglierli fa tornare il booking
   all'aspetto standard, quindi restano.
   ---------------------------------------------------------------------- */
label {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 400;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
    width: 100%;
    padding: 12px 15px;
    border-radius: 20px;
    border: none;
    background-color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
}
input:focus { box-shadow: 0 0 0 2px #d1c7be; }

/* --- footer ------------------------------------------------------------ */
footer { color: #fff; background: #00aaa7; }
footer a { color: #fff; }
footer [class$="widget"] a { color: #94d0d0; }
footer .copyright { color: #94d0d0; }
footer hr { border-color: #94d0d0; margin: 30px auto; }

.strong-header {
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
    letter-spacing: 1px;
}

.social-widget ul li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    background: none;
    margin: 0 6px;
    color: #fff;
    transition: color .2s ease;
}

/* icone dei metodi di pagamento nascoste */
#lipayment-visa,
#lipayment-mastercard,
#lipayment-paypal,
#lipayment-americanexpress { display: none !important; }

/* --- mobile ------------------------------------------------------------- */
@media (max-width: 768px) {
    .navbar-header { display: block !important; }
}