/*
 * menage.com — app.css
 *
 * Bootstrap 5 importé depuis importmap (bootstrap/dist/css/bootstrap.min.css).
 * Tailwind via CDN play en dev — intégration AssetMapper complète en S3.
 *
 * Ce fichier : overrides Bootstrap + variables Nomad/menage.com
 */

/* Variables couleur menage.com */
:root {
    --mc-primary: #1A56DB;      /* Bleu principal */
    --mc-secondary: #374151;    /* Gris anthracite */
    --mc-accent: #0EA5E9;       /* Bleu ciel secondaire */
    --mc-success: #10B981;
    --mc-warning: #F59E0B;
    --mc-danger: #EF4444;
    --mc-bg-light: #F9FAFB;
}

/* Override Bootstrap primary */
.btn-primary,
.bg-primary {
    --bs-btn-bg: var(--mc-primary);
    --bs-btn-border-color: var(--mc-primary);
    --bs-btn-hover-bg: #1447B3;
}

.text-primary {
    color: var(--mc-primary) !important;
}

.border-primary {
    border-color: var(--mc-primary) !important;
}

/* Cards hover */
.hover-shadow {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.hover-shadow:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px);
}

/* Navbar shadow douce */
.navbar {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* LiveComponent loading indicator */
[data-live-component-loading="true"] {
    opacity: 0.6;
    pointer-events: none;
}