/* Rotation flèche pour le collapse */
[aria-expanded="true"] .bi-chevron-down { transform: rotate(180deg); transition: 0.3s; }
[aria-expanded="false"] .bi-chevron-down { transform: rotate(0deg); transition: 0.3s; }

.search-input-hub {
    font-size: 0.9rem !important; /* Taille plus fine */
    height: 40px !important;     /* Hauteur réduite */
}

/* Force le placeholder à être opaque et contrasté */
.search-input-hub::placeholder {
    color: rgba(255, 255, 255, 0.75) !important; /* Plus blanc */
    font-weight: 600 !important;               /* Plus gras */
    opacity: 1 !important;                     /* Force l'affichage plein */
    letter-spacing: 0.5px;
}

/* Réduit un peu le padding du bouton pour équilibrer la petite taille */
#search-form button {
    padding: 0 20px !important;
    font-size: 0.85rem !important;
}

.btn-action-hub {
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--tertiary-color);
    color: var(--sixth-color) !important;
    background: transparent;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.2s;
}
.btn-action-hub:hover {
    color: white !important;
    border-color: var(--primary-color);
    background-color: var(--tertiary-color);
}

.btn-hub-primary-solid {
    background-color: var(--primary-color) !important;
    color: white !important;
    border: none !important;
}

.search-input-hub {
    background-color: var(--fifth-color) !important;
    /* border: 2px solid var(--tertiary-color) !important; Bordure plus épaisse */
    color: white !important;
    font-size: 1rem !important;
    padding: 15px 25px !important; /* Plus d'espace */
}

.search-input-hub::placeholder {
    color: rgba(255, 255, 255, 0.7) !important; /* Placeholder beaucoup plus blanc */
    font-weight: 500;
    opacity: 1; /* Force l'opacité */
}



.sub-hub-master-container {
    border: 1px solid transparent;
}

/* Styles spécifiques Forum Hub révisés */
.forum-card-hub {
    border: 1px solid var(--tertiary-color) !important;
}

.forum-card-hub:hover {
    transform: translateY(-8px);
    background-color: var(--tertiary-color) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.5) !important;
    border-color: var(--primary-color) !important;
}

.forum-card-hub .title-transition {
    transition: color 0.3s ease;
}

.forum-card-hub:hover .title-transition {
    color: var(--primary-color) !important;
}

.recent-topic-row {
    border: 1px solid var(--tertiary-color) !important;
    transition: all 0.2s ease-in-out !important;
}

.recent-topic-row:hover {
    background-color: var(--tertiary-color) !important;
    border-color: var(--primary-color) !important;
    transform: translateX(4px);
}

.recent-title-transition {
    transition: color 0.2s ease;
}

.recent-topic-row:hover .recent-title-transition {
    color: var(--primary-color) !important; /* Devient bleu au survol */
}

.badge {
    font-weight: 500;
    padding: 0.5em 0.8em;
}

.text-white-50 p { margin-bottom: 0; }

@media (max-width: 768px) {
    .card-body { padding: 1.5rem !important; }
}