/* CSS untuk halaman Download APK - Optimized for Mobile/Android */
@media screen and (max-width: 768px) {
    /* Increase font sizes for mobile */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .card {
        margin: 10px 0 !important;
    }
    
    .card-body {
        padding: 1.5rem !important;
    }
    
    h1.display-5 {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
    }
    
    .lead {
        font-size: 1rem !important;
    }
    
    .alert {
        font-size: 0.95rem !important;
        padding: 1rem !important;
    }
    
    .alert-heading {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .alert ul {
        padding-left: 1.25rem !important;
    }
    
    .alert ul li {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .btn-lg {
        font-size: 1.1rem !important;
        padding: 0.75rem 1.5rem !important;
    }
    
    h5 {
        font-size: 1.3rem !important;
    }
    
    .list-unstyled li {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Release History */
    .release-item {
        margin-bottom: 1rem !important;
    }
    
    .release-item .card-body {
        padding: 1rem !important;
    }
    
    .release-item h6 {
        font-size: 1.15rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .release-item ul {
        font-size: 0.95rem !important;
        padding-left: 1.5rem !important;
    }
    
    .release-item ul li {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Badge */
    .badge {
        font-size: 0.9rem !important;
        padding: 0.4rem 0.75rem !important;
    }
    
    /* Icon sizes */
    .fa-4x {
        font-size: 3rem !important;
    }
}

/* Additional mobile optimizations for small screens */
@media screen and (max-width: 480px) {
    h1.display-5 {
        font-size: 1.5rem !important;
    }
    
    .card-body {
        padding: 1rem !important;
    }
    
    .alert {
        padding: 0.75rem !important;
        font-size: 0.9rem !important;
    }
    
    .alert ul li {
        font-size: 0.9rem !important;
    }
    
    .btn-lg {
        font-size: 1rem !important;
        padding: 0.65rem 1.25rem !important;
        width: 100% !important;
    }
    
    h5 {
        font-size: 1.2rem !important;
    }
    
    .release-item .card-body {
        padding: 0.75rem !important;
    }
    
    .release-item h6 {
        font-size: 1.05rem !important;
    }
    
    .release-item ul {
        font-size: 0.9rem !important;
        padding-left: 1.25rem !important;
    }
    
    .release-item ul li {
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
    }
}

/* Viewport meta tag optimization */
@supports (-webkit-touch-callout: none) {
    /* iOS specific styles */
    .container {
        -webkit-text-size-adjust: 100%;
    }
}