/* --- CASSANDRIA MASTER STYLESHEET --- */

/* 1. FOND GLOBAL & TYPO */
html, body, #body-wrapper, .page-wrapper {
    background-color: #050505 !important;
    color: #cccccc !important;
    font-family: 'Courier New', Courier, monospace !important;
}

/* 2. HEADER HACK (Nom du site en vert) */
#header {
    background-color: #000000 !important;
    border-bottom: 1px solid #333 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: auto !important; /* Réduit la hauteur du header */
}

/* On cache le logo image et on met du texte */
#header .logo svg, #header .logo img { display: none !important; }
#header .logo::after {
    content: "CASSANDRIA.SPACE";
    color: #0f0 !important;
    font-family: 'Courier New', monospace !important;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
    display: block;
    margin-top: 5px;
}

/* Menu Navigation */
.navbar-section a, .main-nav a {
    color: #888 !important;
    font-family: 'Courier New', monospace !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8rem !important;
}
.navbar-section a:hover, .main-nav a:hover, .active {
    color: #fff !important;
    text-decoration: underline;
}

/* 3. COMPRESSION DES ESPACES (Le point critique) */
/* Par défaut, Grav met ~4rem (64px). On passe à 0.5rem (8px) ou 1rem (16px) */

section.section {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.modular-row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* On supprime les marges par défaut des conteneurs */
.container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Réduction spécifique pour le carousel */
.surveillance-container {
    margin-bottom: 10px !important; /* Était à 30px */
}

/* 4. NETTOYAGE DES FONDS */
.bg-gray, section.section, .modular-features, .modular-text {
    background-color: #050505 !important;
    color: #cccccc !important;
}

/* 5. TITRES */
h1, h2, h3, h4, h5, h6 {
    color: #0f0 !important;
    font-family: 'Courier New', monospace !important;
    text-transform: uppercase;
    margin-top: 0 !important; /* Remonte les titres */
}

/* 6. MOBILE */
#mobile-drawer { background: #111 !important; }