/* Configuration du thème sombre selon le cahier des charges */
body {
    font-family: 'Inter', sans-serif;
    background-color: #0d1117; /* Fond bleu nuit/noir */
    color: #c9d1d9; /* Texte clair */
}
.text-accent {
    color: #ffaa00; /* Orange/jaune pour l'accentuation */
}
.hover\:text-accent:hover {
    color: #ffaa00;
}
.bg-accent {
    background-color: #ffaa00;
}

/* static/css/main.css - Nouveau bloc pour la carte céleste */

/* Applique le curseur de la souris aux éléments cliquables de la carte */
.star-clickable, .planet-clickable {
    cursor: pointer !important;
    pointer-events: all !important;
    transition: opacity 0.2s;
}

.star-clickable:hover, .planet-clickable:hover {
    opacity: 0.9;
}

/* Règles pour SVG */
#star-map-container circle,
#star-map-container path {
    cursor: pointer !important;
}

/* S'assurer que le conteneur SVG lui-même ne bloque rien */
#star-map-container svg {
    pointer-events: all;
}

/* Pour la modal */
#planet-modal {
    box-shadow: 0 0 10px rgba(255, 170, 0, 0.5);
}

/* Force le conteneur du sondage à s'adapter à son contenu */
section.bg-gray-800 {
    height: auto !important;
    min-height: min-content;
    overflow: visible !important; /* Très important pour laisser l'iframe respirer */
}

iframe[data-tally-src] {
    min-height: 1200px !important;
    height: 1200px !important;
    display: block;
    overflow: hidden !important;
}

/* On force le conteneur à laisser passer le menu */
section.sticky {
    overflow: visible !important;
    z-index: 50; /* Pour passer devant les cartes */
}

/* On s'assure que le formulaire ne coupe rien */
section.sticky form {
    overflow: visible !important;
}

/* Sur mobile, on peut aussi aider le select à mieux respirer */
@media (max-width: 768px) {
    select#category_id {
        position: relative;
        z-index: 60;
    }
}