/**
 * HonlyCraft Network - Correcciones Finales Móvil
 * Este archivo tiene la máxima prioridad y sobrescribe todos los demás
 */

/* ========== BADGE PRISONOP ========== */

/* Desktop - posición por defecto */
.prison-badge-container {
    position: absolute !important;
    top: 80px !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    justify-content: center !important;
    z-index: 150 !important;
}

.prison-badge {
    background: linear-gradient(135deg, var(--p-color) 0%, rgba(33, 150, 243, 0.8) 100%) !important;
    color: white !important;
    padding: 0.6rem 2rem !important;
    border-radius: 2rem !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    box-shadow: 
        0 4px 12px rgba(33, 150, 243, 0.4),
        0 0 20px rgba(33, 150, 243, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

/* ========== HEADER Y LOGO EN MÓVIL ========== */

/* Tablet (≤992px) */
@media (max-width: 992px) {
    .prison-badge-container {
        top: 70px !important;
    }
    
    .prison-badge {
        font-size: 0.75rem !important;
        padding: 0.5rem 1.5rem !important;
    }
}

/* Tablet y móvil grande (≤768px) */
@media (max-width: 768px) {
    .header {
        height: 350px !important;
    }
    
    .logo {
        height: 120px !important;
        margin-top: 160px !important;
    }
    
    .prison-badge-container {
        top: 75px !important;
    }
    
    .prison-badge {
        font-size: 0.7rem !important;
        padding: 0.45rem 1.25rem !important;
    }
}

/* Móvil pequeño (≤480px) */
@media (max-width: 480px) {
    .header {
        height: 300px !important;
    }
    
    .logo {
        height: 100px !important;
        margin-top: 140px !important;
    }
    
    .prison-badge-container {
        top: 65px !important;
    }
    
    .prison-badge {
        font-size: 0.65rem !important;
        padding: 0.4rem 1rem !important;
        letter-spacing: 1px !important;
    }
}

/* ========== SIDEBAR SIEMPRE VISIBLE ========== */
@media (max-width: 991px) {
    .col-lg-3 {
        display: block !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 2rem !important;
    }
    
    .col-lg-9 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* ========== PREVENIR OVERFLOW ========== */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

* {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}