/* Mobile Optimizasyonlar */

/* Touch-friendly button sizes */
button, .btn {
    min-height: 44px;
    min-width: 44px;
}

/* Form inputs mobile için */
@media (max-width: 768px) {
    input, select, textarea {
        font-size: 16px !important; /* iOS zoom önleme */
    }
    
    .auth-card {
        padding: 20px !important;
        margin: 10px !important;
    }
    
    .logo {
        font-size: 2rem !important;
    }
    
    h4 {
        font-size: 1.3rem;
    }
}

/* Landscape mode için */
@media (max-height: 500px) and (orientation: landscape) {
    .auth-card {
        padding: 15px !important;
        margin: 5px auto !important;
    }
    
    .logo {
        font-size: 1.5rem !important;
        margin-bottom: 15px !important;
    }
}

/* Tablet için */
@media (min-width: 768px) and (max-width: 1024px) {
    .auth-card {
        max-width: 600px;
    }
}

/* Touch highlights kaldır */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Safe area support (iPhone notch) */
body {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

/* PWA Install Button - Sadece Mobil */
#installButtonContainer {
    display: none; /* Default: gizli */
    align-items: center;
}

#installButton {
    font-size: 0.85rem !important;
    white-space: nowrap;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.4rem 0.8rem;
}

#installButton:hover,
#installButton:focus {
    opacity: 0.9;
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Mobilde görünür (768px ve altı) */
@media (max-width: 768px) {
    #installButtonContainer {
        display: flex !important;
    }
}

/* Desktop'ta gizli (768px üzeri) */
@media (min-width: 769px) {
    #installButtonContainer {
        display: none !important;
    }
}