/* Thème Logement - Couleur principale : Turquoise (#41EAD4) */

/* Éléments spécifiques au thème logement */
.category-card[data-theme="logement"] {
    background-color: rgba(65, 234, 212, 0.1);
}

.category-card[data-theme="logement"] .category-icon {
    background-color: var(--color-turquoise);
}

.guide-card[data-theme="logement"] .guide-icon {
    background-color: var(--color-turquoise);
}

/* Styles des articles de la catégorie logement */
.article-content[data-theme="logement"] .step-number {
    background-color: var(--color-turquoise);
}

.article-content[data-theme="logement"] .info-box.power-up {
    background-color: rgba(65, 234, 212, 0.2);
    border-color: var(--color-turquoise);
}

.article-content[data-theme="logement"] .info-box.boss-alert {
    background-color: rgba(255, 47, 146, 0.2);
    border-color: var(--color-pink);
}

.article-content[data-theme="logement"] .info-box.checkpoint {
    background-color: rgba(255, 186, 73, 0.2);
    border-color: var(--color-yellow);
}

/* Éléments de navigation spécifiques */
.nav-item[data-theme="logement"] a {
    color: var(--color-turquoise);
}

.nav-item[data-theme="logement"] a:hover::after {
    background-color: var(--color-turquoise);
}

/* Boutons et actions */
.btn[data-theme="logement"] {
    background-color: var(--color-turquoise);
}

.btn[data-theme="logement"]:hover {
    background-color: #2cd4b8;
}

/* Cartes et conteneurs */
.card[data-theme="logement"] {
    border-color: var(--color-turquoise);
}

.card[data-theme="logement"]:hover {
    box-shadow: 0 4px 12px rgba(65, 234, 212, 0.2);
}

/* Badges et étiquettes */
.badge[data-theme="logement"] {
    background-color: var(--color-turquoise);
    color: var(--color-black);
}

/* Progress bars et indicateurs */
.progress-bar[data-theme="logement"] {
    background-color: var(--color-turquoise);
}

/* Animations spécifiques */
@keyframes pulse-turquoise {
    0% {
        box-shadow: 0 0 0 0 rgba(65, 234, 212, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(65, 234, 212, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(65, 234, 212, 0);
    }
}

.animate-pulse[data-theme="logement"] {
    animation: pulse-turquoise 2s infinite;
}

/* Styles des formulaires */
.form-group[data-theme="logement"] input:focus,
.form-group[data-theme="logement"] select:focus,
.form-group[data-theme="logement"] textarea:focus {
    border-color: var(--color-turquoise);
    box-shadow: 0 0 0 2px rgba(65, 234, 212, 0.2);
}

/* Styles des liens */
a[data-theme="logement"] {
    color: var(--color-turquoise);
}

a[data-theme="logement"]:hover {
    color: #2cd4b8;
}

/* Styles des listes */
ul[data-theme="logement"] li::before {
    color: var(--color-turquoise);
}

/* Styles des titres */
h1[data-theme="logement"],
h2[data-theme="logement"],
h3[data-theme="logement"] {
    color: var(--color-turquoise);
}

/* Styles des alertes */
.alert[data-theme="logement"] {
    background-color: rgba(65, 234, 212, 0.1);
    border-color: var(--color-turquoise);
    color: var(--color-black);
}

/* Styles des tooltips */
.tooltip[data-theme="logement"] {
    background-color: var(--color-turquoise);
    color: var(--color-black);
}

/* Styles des modales */
.modal[data-theme="logement"] .modal-header {
    background-color: var(--color-turquoise);
    color: var(--color-black);
}

/* Styles des tableaux */
.table[data-theme="logement"] th {
    background-color: rgba(65, 234, 212, 0.1);
    color: var(--color-black);
}

.table[data-theme="logement"] tr:hover {
    background-color: rgba(65, 234, 212, 0.05);
}