/**
 * FIX-CONTRAST.CSS
 * Overrides temporaires pour corriger les problèmes de visibilité
 * À charger APRES les autres fichiers CSS
 */

/* ============================================
   CORRECTIONS URGENTES DE CONTRASTE
   ============================================*/

/* Badges - Rendre les badges visibles */
.badge,
.badge--primary {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.badge--success {
    background-color: #10b981 !important;
    color: #ffffff !important;
}

.badge--warning {
    background-color: #f59e0b !important;
    color: #ffffff !important;
}

.badge--error {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Tags */
.tag {
    background-color: #dbeafe !important;
    border: 1px solid #93c5fd !important;
    color: #1e40af !important;
    font-weight: 500 !important;
}

/* Bouton Ghost - Rendre visible */
.btn--ghost {
    background-color: transparent !important;
    color: #1f2937 !important;
    border: 2px solid #d1d5db !important;
}

.btn--ghost:hover {
    background-color: #e5e7eb !important;
    border-color: #9ca3af !important;
}

/* Footer - Assurer le contraste */
.footer {
    background-color: #111827 !important;
}

.footer__logo,
.footer__column h4 {
    color: #ffffff !important;
}

.footer__description,
.footer__copyright {
    color: #d1d5db !important;
}

.footer__link {
    color: #9ca3af !important;
}

.footer__link:hover {
    color: #60a5fa !important;
}

/* Section offset - Différencier du blanc */
.section--offset {
    background-color: #f3f4f6 !important;
    border-top: 1px solid #d1d5db !important;
    border-bottom: 1px solid #d1d5db !important;
}

/* Filtres - Rendre plus visibles */
.filters {
    background-color: #ffffff !important;
    border: 2px solid #d1d5db !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.filters__label {
    color: #111827 !important;
    font-weight: 600 !important;
}

.filters__select {
    background-color: #ffffff !important;
    border: 1px solid #9ca3af !important;
    color: #111827 !important;
}

/* Formulaires */
.form__input,
.form__textarea,
.form__select {
    background-color: #ffffff !important;
    border: 2px solid #d1d5db !important;
    color: #111827 !important;
}

.form__input:focus,
.form__textarea:focus,
.form__select:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3) !important;
}

.form__input::placeholder,
.form__textarea::placeholder {
    color: #6b7280 !important;
}

/* Cartes - Meilleure visibilité */
.card,
.property-card {
    border: 1px solid #d1d5db !important;
}

.card:hover,
.property-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

/* Service cards */
.service-card {
    border: 2px solid #d1d5db !important;
}

.service-card__icon {
    background-color: #dbeafe !important;
    color: #1e40af !important;
}

/* Liens */
.link,
a {
    color: #2563eb !important;
}

.link:hover,
a:hover {
    color: #1d4ed8 !important;
}

/* Text colors */
.text-secondary {
    color: #4b5563 !important;
}

.text-muted {
    color: #6b7280 !important;
}

/* Toast - Plus visible */
.toast {
    background-color: #111827 !important;
    color: #ffffff !important;
    border: 2px solid #374151 !important;
}

/* Separator / borders pour différencier sections */
.section {
    border-bottom: 1px solid #e5e7eb;
}

.section:last-child {
    border-bottom: none;
}

/* Pour test: background color temporaire sur sections */
/*.section { background-color: #fef3c7 !important; }*/
/*.section--light { background-color: #d1fae5 !important; }*/
/*.section--offset { background-color: #fee2e2 !important; }*/
/*.section--dark { background-color: #374151 !important; }*/

/* ============================================
   FIX ANCHOR SCROLLING WITH FIXED HEADER
   ============================================ */

/* Add scroll padding to account for fixed header */
html {
    scroll-padding-top: 100px;
}

/* Fallback for older browsers */
section[id],
div[id] {
    scroll-margin-top: 100px;
}

/* ============================================
   BUTTON CONTRAST IMPROVEMENTS
   ============================================ */

/* Primary button - ensure sufficient contrast */
.btn--primary {
    background-color: #2563eb !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    min-height: 44px;
    padding: 12px 24px;
}

.btn--primary:hover {
    background-color: #1e40af !important;
    color: #ffffff !important;
}

/* Ghost button on light backgrounds - improve visibility */
.btn--ghost {
    border: 2px solid #1f2937 !important;
    color: #1f2937 !important;
    background-color: #ffffff !important;
    font-weight: 600 !important;
    min-height: 44px;
    padding: 12px 24px;
}

.btn--ghost:hover {
    background-color: #1f2937 !important;
    border-color: #1f2937 !important;
    color: #ffffff !important;
}

/* White button - ensure text is dark enough */
.btn--white {
    background-color: #ffffff !important;
    color: #1f2937 !important;
    font-weight: 600 !important;
    min-height: 44px;
}

.btn--white:hover {
    background-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Submit button */
.btn--submit {
    background-color: #2563eb !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    min-height: 44px;
}

.btn--submit:hover {
    background-color: #1e40af !important;
    color: #ffffff !important;
}

/* Toast notification - ensure text is readable on dark background */
.toast {
    background-color: #1f2937 !important;
    color: #ffffff !important;
    border: 2px solid #374151 !important;
}

.toast--success {
    border-left: 4px solid #10b981 !important;
}

.toast--success svg {
    color: #10b981 !important;
}

.toast--success div,
.toast--success .toast__message {
    color: #ffffff !important;
}