/* --- Style harmonisé pour tous les blocs du hub --- */
.hub-card {
    background-color: var(--fifth-color) !important;
    border-radius: 20px !important;
    overflow: hidden;
    transition: 0.3s !important;
    border: 1px solid var(--tertiary-color) !important;
}

.hub-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.6) !important;
    border-color: var(--primary-color) !important;
}

/* Texte unifié */
.hub-card-body { background-color: var(--fifth-color) !important; color: #ffffff !important; }
.hub-card-text { color: rgba(255, 255, 255, 0.7) !important; }
.hub-card-title { color: var(--sixth-color) !important; font-weight: bold; }
.hub-card:hover .hub-card-title { color: var(--primary-color) !important; }

/* Images */
.hub-img-wrapper { background-color: var(--fourth-color) !important; }
.hub-img { object-fit: cover; width: 100%; transition: 0.5s; }
.hub-card:hover .hub-img { transform: scale(1.03); }

/* Badges */
.hub-badge-primary { background-color: var(--secondary-color) !important; color: #fff; }
.hub-badge-category { background-color: var(--fourth-color) !important; color: var(--primary-color) !important; border: 1px solid var(--tertiary-color) !important; }

/* --- Style harmonisé avec bordure au survol --- */
.hub-card {
    background-color: var(--fifth-color) !important;
    border-radius: 20px !important;
    overflow: hidden;
    transition: 0.3s !important;
    /* Bordure par défaut très fine ou invisible pour ne pas décaler l'élément */
    border: 2px solid transparent !important;
}

.hub-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.6) !important;
    /* C'est ici que la bordure bleue apparaît */
    border: 2px solid var(--primary-color) !important;
}

/* --- La règle d'or pour toutes vos cartes --- */
.hub-card, .featured-item-hub, .item-card-hub, .provider-card-hub {
    transition: 0.3s !important;
    border: 1px solid var(--tertiary-color) !important; /* Bordure par défaut */
}

/* Force la bordure bleue au survol pour TOUTES les cartes */
.hub-card:hover,
.featured-item-hub:hover,
.item-card-hub:hover,
.provider-card-hub:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.6) !important;
    border: 2px solid var(--primary-color) !important; /* C'est le '2px' qui rend le bleu visible */
}