/* Stile per il logo */
.header .logo img {
    max-width: 150px; /* Modifica la larghezza del logo */
}

/* Stile per la navbar */
.navbar {
    background-color: #333; /* Colore di sfondo della navbar */
}

.navbar .nav li a {
    color: white; /* Colore del testo */
    padding: 15px 20px; /* Spaziatura */
}

/* Stile per lo slider */
.slider {
    position: relative;
    height: 100vh; /* Altezza a schermo intero */
    overflow: hidden;
}

.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Mantieni l'aspetto dell'immagine */
}

.slider-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
}

/* Stile per le categorie */
.categories {
    padding: 60px 0;
}

.category-box {
    background-color: #f4f4f4; /* Colore di sfondo per le categorie */
    padding: 20px;
    margin: 10px;
}

/* Stile per i servizi */
.services {
    padding: 60px 0;
}

.service-box {
    background-color: #e0e0e0; /* Colore di sfondo per i servizi */
    padding: 20px;
    margin: 10px;
}

/* Stile per il footer */
.footer {
    background-color: #333; /* Colore di sfondo del footer */
    color: white;
    padding: 20px 0;
    text-align: center;
}

.footer .social-media img {
    width: 24px; /* Dimensione delle icone social */
    margin: 0 10px;
}



.accordion .card-body ul li a {
    font-size: 0.95em;
}

.accordion .card-title {
    font-size: 1.08em;
}



/* =====================================
   BARBERO - CARDS TYPOGRAPHY (UPDATED)
   ===================================== */

.accordion .card-title {
    font-size: 1.15em; /* +15% */
}

.accordion .card-body ul li a {
    font-size: 1.10em; /* +10% */
    line-height: 1.1em; /* -20% circa rispetto standard 1.4 */
}