/* fixes.css — Correctifs globaux */

/* Mobile : contenir la page dans l'écran, pas de dézoom pour tout voir */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}
body { width: 100%; }
main.container, .container { box-sizing: border-box; }
@media (max-width: 768px) {
    main.container,
    .container {
        max-width: 100%;
        width: 100%;
        padding-left: max(0.75rem, env(safe-area-inset-left));
        padding-right: max(0.75rem, env(safe-area-inset-right));
    }
}

/* Empêcher les erreurs audio de bloquer l'interface */
audio { display: none; }

/* Correction z-index pour les portes cliquables */
.portal-link { position: relative; z-index: 10; }

/* Empêcher les pseudo-éléments de recouvrir les portails */
.sacred-introduction,
.sacred-doors,
.main-sections,
.wisdom-quote {
    position: relative;
}

.sacred-introduction::after,
.sacred-doors::after,
.main-sections::after,
.wisdom-quote::after {
    pointer-events: none;
}

/* Uniformiser les conteneurs de pages */
.cycles-container {
    max-width: 1050px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

/* Correction de la navigation responsive */
@media (max-width: 768px) {
    .nav-links.active {
        display: flex !important;
    }
}

/* Améliorations de lisibilité */
.wisdom-section h2 {
    font-family: 'Cinzel', serif;
    color: var(--color-gold, #FFD700);
    margin-bottom: 1rem;
}

.wisdom-section p {
    line-height: 1.7;
    color: rgba(245, 245, 245, 0.9);
}

/* Correction scrollbar cohérente */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: rgba(255, 215, 0, 0.3);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 215, 0, 0.5);
}