/*
Theme Name: Twenty Twenty-Five
Version: 1.4
*/

@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
:root { --cyan: #00F2FF; --gold: #D4AF37; --deep-bg: #03080B; }

/* --- 1. RESTAURATION DE L'IMAGE DE FOND --- */
body { 
    background-color: #050505 !important;
    background-image: url('assets/images/bunker-bg.webp') !important; /* Vérifie ce chemin */
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    color: #FFF !important; 
    font-family: 'Share Tech Mono', monospace !important;
    margin: 0;
}

/* --- 2. RÉPARATION DU HEADER (ANTI-PUCES) --- */
.ancra-header {
    position: absolute; top: 0; width: 100%; z-index: 9999;
    padding: 20px 40px; display: flex; justify-content: space-between; align-items: center;
    box-sizing: border-box;
}

.cockpit-switcher ul { 
    list-style: none !important; /* Supprime les points noirs */
    display: flex; gap: 15px; margin: 0; padding: 0; 
}

.cockpit-switcher li { list-style: none !important; }

.cockpit-switcher a { 
    color: var(--cyan); text-decoration: none; border: 1px solid rgba(0, 242, 255, 0.3); 
    padding: 5px 12px; font-size: 0.8rem; transition: 0.3s;
}

/* Langue active */
.cockpit-switcher .current-lang a { 
    background: rgba(0, 242, 255, 0.2); border-color: var(--cyan); 
    box-shadow: 0 0 10px var(--cyan); color: #FFF !important;
}

/* --- 3. FIX CINÉMATIQUE ACCUEIL --- */
.main-bunker-interface { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.command-center { transition: transform 1.2s ease; z-index: 100; text-align: center; }
.deployable-hud { position: absolute; top: 60%; display: flex; gap: 20px; opacity: 0; transition: 1s ease; pointer-events: none; }

.main-bunker-interface:hover .command-center { transform: translateY(-80px); }
.main-bunker-interface:hover .deployable-hud { opacity: 1; pointer-events: auto; }

.hud-unit { 
    width: 280px; padding: 25px; background: rgba(3, 8, 11, 0.85) !important; 
    border: 1px solid var(--cyan) !important; backdrop-filter: blur(10px); 
    text-decoration: none; text-align: center;
}

/* --- 4. TERMINAL BAS --- */
.bottom-terminal { position: absolute; bottom: 30px; width: 100%; text-align: center; color: #555; font-size: 0.7rem; letter-spacing: 2px; }
.ancra-cyan { color: var(--cyan); text-shadow: 0 0 5px var(--cyan); }

/* --- 1. SÉCURISATION DE LA VISION (MANIFESTE) --- */
.agent-frame {
    max-width: 900px;
    margin: 50px auto;
    background: rgba(3, 8, 11, 0.9) !important; /* Bloc noir pour isoler le texte */
    border: 1px solid var(--cyan);
    padding: 50px !important;
    backdrop-filter: blur(10px);
    clip-path: polygon(2% 0, 100% 0, 100% 98%, 98% 100%, 0 100%, 0 2%);
}

.vision-content p {
    color: #f0f0f0 !important;
    font-size: 1.1rem;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 25px;
}

/* --- 2. DOMPTAGE DES IMAGES DANS LA VISION --- */
.vision-content img {
    max-width: 100% !important; /* Empêche le dépassement */
    height: auto !important;
    display: block;
    margin: 40px auto;
    border: 1px solid rgba(0, 242, 255, 0.3);
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.2);
}

/* --- 3. FIX TERMINAL BAS ACCUEIL --- */
.bottom-terminal {
    position: absolute;
    bottom: 30px;
    width: auto;
    color: #FFF !important; /* Passage en blanc pour contraste */
    font-size: 0.8rem;
    letter-spacing: 2px;
}

/* --- 4. HEADER : NETTOYAGE DES PUCES POLYLANG --- */
.cockpit-switcher ul, 
.cockpit-switcher li { 
    list-style: none !important; 
    list-style-type: none !important;
    margin: 0 !important; 
    padding: 0 !important;
    display: flex;
}
/* --- SÉCURISATION DU CADRE DE LECTURE (VISION) --- */
.single-ancra_vision .vision-content {
    max-width: 850px; /* On évite le plein écran fatigant */
    margin: 40px auto;
    padding: 40px;
    background: rgba(3, 8, 11, 0.9); /* Fond noir pour détacher du décor */
    border: 1px solid var(--cyan);
    backdrop-filter: blur(10px);
    line-height: 1.8;
}

/* --- DOMPTAGE DES IMAGES --- */
.vision-content img {
    max-width: 100%; /* Ne dépasse jamais le cadre */
    height: auto !important;
    display: block;
    margin: 30px auto;
    border: 1px solid var(--cyan);
    box-shadow: 0 0 15px var(--cyan);
}

/* --- LISIBILITÉ DU TERMINAL BAS (ACCUEIL) --- */
.bottom-terminal {
    background: rgba(0, 0, 0, 0.8); /* Fond bien noir */
    padding: 10px 30px;
    border-top: 1px solid var(--cyan);
    color: #FFF !important; /* Texte blanc pur */
    font-size: 0.8rem;
    text-shadow: 0 0 5px var(--cyan);
    z-index: 1000;
}
/* --- 1. DOMPTAGE DU MANIFESTE (VISION CORE) --- */
.vision-mode .agent-frame {
    max-width: 850px;
    margin: 60px auto;
    background: rgba(3, 8, 11, 0.95) !important; /* Noir total pour isoler le texte */
    padding: 50px !important;
    border: 1px solid var(--cyan);
    backdrop-filter: blur(15px);
    clip-path: polygon(2% 0, 100% 0, 100% 98%, 98% 100%, 0 100%, 0 2%);
}

.vision-content p {
    color: #e0e6ed !important;
    font-size: 1.15rem;
    line-height: 1.9;
    text-align: justify;
    max-width: 65ch; margin-left: auto; margin-right: auto; line-height: 1.6;
}

/* --- 2. LIMITATION DES IMAGES --- */
.vision-content img {
    max-width: 100% !important; /* Ne dépasse jamais le cadre */
    height: auto !important;
    display: block;
    margin: 40px auto;
    border: 1px solid rgba(0, 242, 255, 0.2);
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.1);
}
/* --- 1. ISOLATION DU COCKPIT ARSENAL --- */
.cockpit-terminal {
    padding-top: 150px !important; /* On descend sous le header */
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- RESTAURATION RADICALE DES CARTES (LOOK IMAGE_F38703) --- */

.portal-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 30px !important;
    padding: 50px 20px !important;
    max-width: 1200px;
    margin: 0 auto;
    background: transparent !important; /* On libère le fond global */
}

.portal-card {
    position: relative;
    background: rgba(3, 8, 11, 0.9) !important; /* Fond noir profond par carte */
    border: 1px solid var(--cyan) !important;
    padding: 20px !important;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    /* Le biseau ANCRA original */
    clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%) !important;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.portal-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.3);
    border-color: var(--gold) !important;
}

/* --- RECALIBRAGE VERTICAL DE L'ARSENAL --- */

.mini-thumb-container {
    width: 100% !important;
    height: 300px !important; /* Hauteur augmentée pour les agents verticaux */
    background: rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 20px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 242, 255, 0.2);
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Aligne l'image en haut */
}

.mini-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* 🎯 CRUCIAL : Garde le focus sur le visage (haut de l'image) */
    object-position: top center !important; 
    filter: brightness(0.9) contrast(1.1);
}

.portal-card:hover .mini-thumb {
    filter: brightness(1.1) contrast(1.2);
    transform: scale(1.05); /* Effet de zoom tactique au survol */
}

/* --- ALIGNEMENT DES TITRES (FORCE 2 LIGNES) --- */
.portal-label {
    color: var(--gold) !important;
    font-size: 1.1rem !important;
    text-transform: uppercase;
    margin: 10px 0 !important;
    /* On réserve l'espace pour que les prix ne bougent pas */
    min-height: 2.8em !important; 
    display: flex;
    align-items: center;
}

.portal-desc {
    color: var(--cyan) !important;
    font-size: 0.75rem;
    letter-spacing: 1px;
    border-top: 1px solid rgba(0, 242, 255, 0.1);
    padding-top: 10px;
}

/* --- TITRES DE SECTIONS --- */
.sector-title {
    color: var(--gold);
    border-left: 4px solid var(--gold);
    padding-left: 20px;
    margin: 80px 0 40px;
    font-size: 1.4rem;
    text-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
}

/* --- ZONE 1 : À LA UNE (MAJESTUEUX) --- */
.featured-grid .portal-card {
    border: 2px solid var(--gold) !important;
    transform: scale(1.05);
    background: rgba(212, 175, 55, 0.05) !important;
}
.featured-grid .mini-thumb-container { height: 450px !important; }

/* --- AUTRES ZONES (PLUS COMPACTES POUR MASSE) --- */
.standard-grid .portal-card { transform: scale(0.95); opacity: 0.8; }
.standard-grid .portal-card:hover { opacity: 1; transform: scale(1); }
.standard-grid .mini-thumb-container { height: 280px !important; }
/* --- SÉCURISATION GLOBALE DU VIEWPORT (AXE X) --- */
html, body {
    overflow-x: hidden !important; 
    width: 100%;
    position: relative;
}

/* ==========================================================================
   ANCRA CORE : ARCHITECTURE RESPONSIVE UNIFIÉE (PATCH V7 - LE MONOLITHE)
   ========================================================================== */

/* --- 1. LE FOND HOLOGRAPHIQUE (CORRIGE LES DÉCHIRURES ET BUGS GPU) --- */
body {
    background-image: none !important; /* Purge de l'ancien système */
    background-color: #03080b !important;
}

body::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-image: url('assets/images/bunker-bg.webp') !important; /* Le chemin de ton fond */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    z-index: -100 !important;
    pointer-events: none !important;
}

/* --- 2. SÉCURISATION DU VIEWPORT --- */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

* { box-sizing: border-box !important; }

/* --- 3. BLINDAGE DE LA GRILLE ET CALIBRAGE STRICT DES CARTES --- */
.portal-grid {
    display: grid !important;
    gap: 30px !important;
    padding: 20px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    justify-content: center !important; /* Centre la grille sur les grands écrans */
}

/* La Boîte Indestructible (Taille Mobile figée) */
.portal-card {
    width: 100% !important;
    max-width: 350px !important; /* VERROUILLAGE : Ne sera jamais plus large que ça */
    margin: 0 auto !important; /* Reste toujours centrée */
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0 25px) !important;
}

.mini-thumb-container {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important; /* Format Portrait garanti */
    overflow: hidden !important;
    flex-shrink: 0 !important;
    border: 1px solid rgba(0, 242, 255, 0.2) !important;
}

.mini-thumb {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
}

.portal-desc {
    margin-top: auto !important; /* Aligne toujours le prix en bas */
    padding-top: 15px !important;
}

/* --- 4. COMPORTEMENTS DE RUPTURE (PC vs MOBILE) --- */

/* TABLETTE ET PC (Met les boîtes côte à côte) */
@media (min-width: 769px) {
    .portal-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        align-items: stretch !important;
    }
    .portal-card { height: 100% !important; }
}

/* MOBILE STRICT (Empile les boîtes) */
@media (max-width: 768px) {
    .cockpit-terminal {
        display: block !important;
        padding-top: 100px !important;
        padding-bottom: 60px !important;
        width: 100% !important;
    }
    .portal-grid {
        grid-template-columns: 1fr !important; /* 1 seule colonne */
        padding: 10px 15px !important;
    }
    
    .sector-title {
        font-size: 1rem !important;
        letter-spacing: 2px !important;
        margin: 40px 15px 15px 15px !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }
    
    .cyber-footer {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 20px 20px 80px 20px !important;
    }
    .cyber-separator { display: none !important; }
}

/* --- 1. SÉPARATION DES SECTEURS (À LA UNE vs LE RESTE) --- */
.featured-grid {
    margin-bottom: 80px !important; /* Espace de sécurité entre les élites et le reste */
    border-bottom: 1px solid rgba(0, 242, 255, 0.1);
    padding-bottom: 40px !important;
}

/* --- 2. SIGNATURE GROM (MODE CÉSAR / VISIBILITÉ MAX) --- */
.grom-signature {
    color: #00F2FF !important; /* Cyan pur */
    font-weight: bold !important;
    text-shadow: 0 0 12px rgba(0, 242, 255, 0.8), 0 0 20px rgba(0, 242, 255, 0.4) !important;
    letter-spacing: 4px !important;
    opacity: 1 !important;
}

.grom-signature span {
    color: #FFD700 !important; /* Or pur pour les séparateurs // */
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.6) !important;
}

/* Ajustement mobile pour l'espacement */
@media (max-width: 768px) {
    .featured-grid {
        margin-bottom: 60px !important;
    }
}

/* --- PATCH D'ESPACEMENT INTER-CARTES (MOBILE) --- */
@media (max-width: 768px) {
    .portal-card {
        margin: 0 auto 40px auto !important; /* 40px de blindage en bas de chaque carte */
    }
}

/* ==========================================================================
   ANCRA CORE : BLINDAGE DES FICHES INDIVIDUELLES (SINGLE AGENT)
   ========================================================================== */

/* --- 1. ÉRADICATION DU PARASITE WORDPRESS ET DU FOOTER NATIF --- */
/* Purge du bloc spécifique de signature WordPress (FSE) */
/* --- KILL SWITCH : ÉRADICATION DE LA SIGNATURE WORDPRESS --- */
.single-ancra_agent p:has(a[href*="wordpress.org"]),
.single-ancra_agent div:has(a[href*="wordpress.org"]) {
    display: none !important;
}
.single-ancra_agent footer:not(.cyber-footer),
.single-ancra_agent .site-info,
.single-ancra_agent .wp-block-template-part {
    display: none !important;
}

/* --- 2. ENCAPSULATION DANS LE MONOLITHE DE LECTURE --- */
.single-ancra_agent main,
.single-ancra_agent .wp-site-blocks > .wp-block-group {
    max-width: 800px !important;
    margin: 120px auto 60px auto !important; /* Dégagement sous le header */
    background: rgba(3, 8, 11, 0.95) !important;
    border: 1px solid var(--cyan) !important;
    padding: 50px !important;
    clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px) !important;
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.05) !important;
    color: #e0e6ed !important;
}

/* Sécurisation de l'image de l'agent à l'intérieur du rapport */
.single-ancra_agent img {
    max-width: 100% !important;
    height: auto !important;
    border: 1px solid rgba(0, 242, 255, 0.2) !important;
    margin-bottom: 25px !important;
    display: block !important;
}

/* --- 3. FORMATAGE TACTIQUE DU BOUTON DE RECRUTEMENT --- */
.single-ancra_agent input[type="submit"],
.single-ancra_agent button {
    background: rgba(0, 242, 255, 0.05) !important;
    color: var(--cyan) !important;
    border: 1px solid var(--cyan) !important;
    padding: 12px 30px !important;
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 20px !important;
    display: inline-block !important;
}

.single-ancra_agent input[type="submit"]:hover,
.single-ancra_agent button:hover {
    background: rgba(0, 242, 255, 0.2) !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.5) !important;
    text-shadow: 0 0 5px rgba(0, 242, 255, 0.8) !important;
}

/* --- AJUSTEMENTS ET CENTRAGE POUR LE VIEWPORT MOBILE --- */
@media (max-width: 768px) {
    .single-ancra_agent main,
    .single-ancra_agent .wp-site-blocks > .wp-block-group {
        width: 92% !important; /* Force la largeur */
        max-width: 100% !important;
        margin: 100px auto 40px auto !important; /* Le "auto" gauche/droite force le centrage */
        padding: 25px !important;
        box-sizing: border-box !important;
        clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px) !important;
    }
}

/* ==========================================================================
   ANCRA CORE : TERMINAL DE COMMUNICATION (PAGE CONTACT)
   ========================================================================== */

.com-terminal {
    text-align: center;
    padding: 20px;
    font-family: 'Share Tech Mono', monospace;
}

.com-title {
    color: var(--gold) !important;
    font-size: 1.5rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
}

.com-desc {
    color: #888;
    font-size: 1rem;
    margin-bottom: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

/* Bouton d'envoi Email */
.com-btn {
    display: inline-block;
    background: rgba(0, 242, 255, 0.05);
    color: var(--cyan);
    border: 1px solid var(--cyan);
    padding: 15px 40px;
    font-size: 1.2rem;
    text-decoration: none;
    letter-spacing: 2px;
    transition: all 0.3s ease;
    clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
}

.com-btn:hover {
    background: rgba(0, 242, 255, 0.2);
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.4);
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.8);
    color: #fff;
}

/* Réseaux Secondaires */
.com-networks {
    margin-top: 60px;
    border-top: 1px dashed rgba(0, 242, 255, 0.2);
    padding-top: 30px;
}

.network-label {
    color: #555;
    margin-bottom: 15px;
    font-size: 0.9rem;
}

.network-links a {
    color: #aaa;
    text-decoration: none;
    transition: 0.3s;
    letter-spacing: 1px;
}

.network-links a:hover {
    color: var(--gold);
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.5);
}

/* ==========================================================================
   ANCRA CORE : BLINDAGE DES PAGES STATIQUES (CONTACT, CGV, MENTIONS)
   ========================================================================== */

/* --- 1. ÉRADICATION DES PARASITES (TITRES NATIFS, HEADER ET WIDGETS) --- */
.page .wp-block-post-title,
.page footer:not(.cyber-footer),
.page .wp-block-site-generator,
.page header,
.page .wp-block-navigation {
    display: none !important;
}

/* --- 2. ENCAPSULATION DANS LE MONOLITHE DE LECTURE --- */
.page main,
.page .wp-site-blocks > .wp-block-group {
    max-width: 800px !important;
    margin: 120px auto 60px auto !important; /* Dégagement sous le header */
    background: rgba(3, 8, 11, 0.95) !important; /* Fond noir translucide */
    border: 1px solid var(--cyan) !important;
    padding: 50px !important;
    clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px) !important;
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.05) !important;
    color: #e0e6ed !important;
}

/* Sécurisation des éléments à l'intérieur de la page */
.page main a {
    color: var(--cyan);
    text-decoration: none;
}
.page main a:hover {
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.8);
}

/* --- 3. AJUSTEMENTS POUR LE VIEWPORT MOBILE --- */
@media (max-width: 768px) {
    .page main,
    .page .wp-site-blocks > .wp-block-group {
        width: 92% !important; /* Force la largeur */
        max-width: 100% !important;
        margin: 100px auto 40px auto !important; /* Recentrage auto */
        padding: 25px !important;
        box-sizing: border-box !important;
        clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px) !important;
    }
}

/* ==========================================================================
   ANCRA CORE : PROTOCOLE D'ACCESSIBILITÉ (CONTRASTE WCAG)
   ========================================================================== */
/* Augmentation globale de la luminosité pour les déficients visuels et le SEO */

/* 1. Terminal de Communication (Page Contact) */
.com-desc {
    color: #c4d4e0 !important; /* Gris-bleuté lumineux (remplace le #888) */
    text-shadow: 0 0 2px rgba(196, 212, 224, 0.3) !important; /* Léger rétroéclairage */
    font-weight: 500 !important;
}

.network-label {
    color: #9ab0c4 !important; /* Remplace le vieux #555 illisible */
}

.network-links a {
    color: #c4d4e0 !important; /* Remplace le #aaa */
}

/* 2. Le HUD Global (Footer) */
.cyber-footer a { 
    color: #b0c4de !important; /* Light Steel Blue pour une lecture sans effort */
    font-weight: bold !important;
}

.cyber-separator { 
    color: #667c8f !important; /* On rehausse aussi les séparateurs || */
}

/* 3. Sécurisation globale des textes descriptifs des agents */
.portal-desc {
    color: #e0e6ed !important; /* Blanc cassé glacé pour une lisibilité absolue */
}

/* ==========================================================================
   [ ANCRA-CORE ] : CORRECTION CRITIQUE DU COCKPIT D'ACCUEIL (MOBILE)
========================================================================== */
@media screen and (max-width: 768px) {
    /* 1. On empile les deux gros boutons et on les remonte */
    .deployable-hud {
        flex-direction: column !important;
        top: 38% !important; /* <-- MODIFIÉ : On remonte le cockpit vers le centre-haut (était à 45%) */
        gap: 15px !important;
        width: 100% !important;
        align-items: center !important;
    }

    /* 2. On réduit la taille des blocs de navigation */
    .hud-unit {
        width: 90% !important;
        max-width: 320px !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    /* 3. On empêche le titre géant ANCRA-CORE de déborder */
    .command-center {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
    
    .command-center h1, .command-center h2 {
        font-size: clamp(2.5rem, 10vw, 4rem) !important;
        word-wrap: break-word !important;
    }

    /* 4. On réaligne le globe et les hologrammes */
    .main-bunker-interface {
        overflow: hidden !important; 
    }

    /* 5. NOUVEAU : Sauvetage du Terminal Bas (Évite la superposition) */
    .bottom-terminal {
        bottom: 15px !important; /* On le plaque plus près du sol */
        font-size: 0.65rem !important; /* On réduit légèrement la taille de police */
        padding: 0 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   [ ANCRA-CORE ] : BLINDAGE MOBILE DU SILO VISION (PATCH URGENCE)
========================================================================== */
@media screen and (max-width: 768px) {
    /* 1. Recalibrage de la boîte principale (Manifeste) */
    .single-ancra_vision main,
    .single-ancra_vision .wp-site-blocks > .wp-block-group,
    .single-ancra_vision .agent-frame,
    .single-ancra_vision .vision-content {
        width: 92% !important; /* Force l'occupation de l'écran */
        max-width: 100% !important;
        margin: 100px auto 40px auto !important; /* Le 'auto' droite/gauche force le centrage absolu */
        padding: 20px !important; /* On purge le padding de 50px du PC qui écrasait le texte */
        box-sizing: border-box !important;
        clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px) !important;
    }

    /* 2. Protection contre les titres trop longs qui cassent la matrice */
    .single-ancra_vision h1,
    .single-ancra_vision .glitch-text {
        font-size: clamp(1.5rem, 6vw, 2.5rem) !important;
        word-wrap: break-word !important;
        hyphens: auto;
    }
    
    /* 3. Ajustement de lisibilité du texte du manifeste */
    .single-ancra_vision p {
        font-size: 1rem !important; /* Taille optimale pour lecture mobile */
        text-align: left !important; /* Le justifié sur mobile crée des trous laids */
    }
}
/* --- PATCH GROM : VISIBILITÉ FORCÉE SUR MOBILE --- */
@media screen and (max-width: 768px) {
    /* 1. On rend le HUD visible immédiatement sans attendre le hover */
    .deployable-hud {
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important; /* Sort du positionnement absolu pour s'empiler proprement */
        top: 0 !important;
        margin-top: 30px !important;
        flex-direction: column !important; /* Alignement vertical pour iPhone 8 */
        align-items: center !important;
    }

    /* 2. On stabilise le titre pour éviter qu'il ne s'envole */
    .main-bunker-interface:hover .command-center,
    .command-center {
        transform: none !important;
    }

    /* 3. Ajustement de la taille pour éviter le scroll infini sur petit écran */
    .hud-unit {
        width: 85% !important;
        padding: 15px !important;
    }
}

/* --- PATCH GROM : DÉCONGESTION DU HEADER --- */

/* 1. On stabilise le logo pour qu'il ne flotte pas sur le titre */
.ancra-header {
    position: relative !important; /* On repasse en relatif pour occuper son propre espace */
    padding: 10px 20px !important; /* On réduit l'encombrement */
    background: rgba(3, 8, 11, 0.5); /* Optionnel : léger fond pour lisibilité */
}

/* 2. Réajustement de la zone de combat (Accueil) */
.main-bunker-interface {
    height: calc(100vh - 80px) !important; /* On soustrait la hauteur du header */
    justify-content: flex-start !important; /* On aligne vers le haut plutôt qu'au centre */
    padding-top: 10vh !important; /* On gère le centrage visuel manuellement */
}

/* 3. Ajustement spécifique mobile (iPhone / Android) */
@media screen and (max-width: 768px) {
    .ancra-header {
        flex-direction: column !important; /* Empile logo et sélecteur de langue si besoin */
        gap: 10px !important;
    }
    
    .command-center {
        margin-top: 5vh !important; /* Espace de sécurité supplémentaire */
    }
}
/* --- PATCH GROM : STABILISATION LANDSCAPE MOBILE --- */
@media screen and (max-height: 500px) and (orientation: landscape) {
    
    /* 1. On libère la hauteur fixe pour autoriser le défilement */
    .main-bunker-interface {
        height: auto !important;
        min-height: 120vh !important; /* Force un peu d'espace pour respirer */
        padding-top: 80px !important;
        padding-bottom: 100px !important;
    }

    /* 2. On réduit drastiquement la taille du titre pour laisser passer le HUD */
    .command-center h1 {
        font-size: 2.5rem !important;
    }
    
    .command-center h2 {
        font-size: 0.8rem !important;
        margin-bottom: 20px !important;
    }

    /* 3. Réalignement du HUD pour éviter la collision */
    .deployable-hud {
        position: relative !important;
        top: 0 !important;
        flex-direction: row !important; /* On les remet côte à côte pour gagner de la hauteur */
        justify-content: center !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        gap: 10px !important;
    }

    .hud-unit {
        width: 220px !important; /* Version compacte pour paysage */
        padding: 10px !important;
    }

    /* 4. On calme le Footer pour qu'il ne masque pas tout */
    .cyber-footer {
        position: relative !important;
        padding: 10px !important;
    }
}