/* ------------------------------ */
/*   STYLE GLOBAL DEMENAGEOUS     */
/* ------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

/* --- GLOBAL --- */
body {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, #6a11cb, #2575fc);
    min-height: 100vh;
    margin: 0;
    color: #eee6e6;
}

/* --- CONTAINERS --- */
.container, .card, .shadow {
    color: #000;
}

/* --- CARD --- */
.card {
    background: #eaeaeeee;
    backdrop-filter: blur(5px);
    border-radius: 1rem;
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* --- INPUTS --- */
input, textarea, select {
    border-radius: 0.6rem !important;
    border: 1px solid #faf0f0 !important;
}

/* --- BUTTONS --- */
.btn-primary {
    background: #6a11cb !important;
    border: none !important;
    transition: 0.3s;
}

.btn-primary:hover {
    background: #2575fc !important;
    transform: translateY(-2px);
}

.btn-success {
    background: #00c851 !important;
    border: none !important;
    transition: 0.3s;
}

.btn-success:hover {
    background: #007e33 !important;
    transform: translateY(-2px);
}

.btn-outline-secondary:hover {
    background: #e0e0e0 !important;
}

/* --- TITRES --- */
h1, h2, h3, h4, h5 {
    font-weight: 600;
    color: #0c0b0b;
}

/* --- LIENS --- */
a {
    text-decoration: none !important;
}

/* --- NAVBAR --- */
.navbar-custom {
    background: linear-gradient(90deg, #6a11cb, #2575fc);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.829);
    padding: 10px 20px;
}

.navbar-custom .nav-link {
    color: #f1ebeb !important;
    font-weight: 500;
    transition: 0.3s;
}

.navbar-custom .nav-link:hover {
    color: #f3f1ea !important;
    transform: translateY(-2px);
}

.navbar-custom .navbar-brand img {
    height: 55px;
    transition: 0.3s;
}

.navbar-custom .navbar-brand img:hover {
    transform: scale(1.05);
}

/* --- ESPACE SOUS NAVBAR --- */
.page-space {
    height: 90px;
}
body {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
}

