/**
 * Styles pour la sidebar de navigation des catégories de services
 * Utilisé dans : src/Template/Annonces/indexservice.ctp
 */

/* Style pour la catégorie active */
.list-group-item.active {
    background-color: #467fcf;
    border-color: #467fcf;
    color: #fff;
}

/* Style pour les liens dans la catégorie active */
.list-group-item.active a {
    color: #fff !important;
    text-decoration: none;
}

/* Hover sur les catégories non actives */
.list-group-item:not(.active):hover {
    background-color: #f8f9fa;
    cursor: pointer;
}

/* Liens dans les catégories non actives */
.list-group-item:not(.active) a {
    color: #495057;
    text-decoration: none;
}

.list-group-item:not(.active) a:hover {
    color: #467fcf;
    text-decoration: none;
}

/* Sous-catégories indentées */
.list-group-item ul {
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item ul li {
    padding-left: 0.5rem;
}

/* Liens des sous-catégories */
.list-group-item ul li a {
    font-size: 0.9rem;
}

.list-group-item ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

/* Sous-catégorie active (texte en bleu sur fond blanc du parent non actif) */
.list-group-item ul li a.active-child {
    color: #467fcf !important;
    font-weight: bold;
}

/* Card header de la sidebar */
.card-header .card-title {
    font-size: 1.1rem;
    margin-bottom: 0;
    font-weight: 600;
}

/* Responsive : sur mobile, augmenter la taille des liens */
@media (max-width: 768px) {
    .list-group-item {
        padding: 1rem 1.25rem;
    }

    .list-group-item a {
        font-size: 1rem;
    }
}
