/* iOS & Android Safe Area CSS - pentru afișare corectă pe mobile */

/* Reset */
html, body {
    padding: 0;
    margin: 0;
}

/* ============================================
   ANDROID FALLBACK - env() nu funcționează mereu
   ============================================ */
@media screen and (max-width: 768px) {
    /* Body padding pentru Android - EXCLUS pe auth pages */
    body:not(.auth-page) {
        padding-bottom: 70px !important;
    }
    
    /* Page content - toate paginile EXCLUS auth */
    .page-content,
    .dashboard-content,
    .main-content,
    .content-area,
    body:not(.auth-page) .container {
        padding-bottom: 80px !important;
    }
    
    /* Floating buttons */
    .fab,
    .fab-btn,
    .floating-btn,
    button[class*="float"],
    a[class*="float"] {
        bottom: 80px !important;
    }
    
    /* Modals */
    .modal-footer,
    .modal-box-footer {
        padding-bottom: 60px !important;
    }
}

/* Safe area support - DOAR pe elementele care au nevoie */
/* NOTĂ: .topbar și .sidebar sunt deja gestionate în dashboard.css */
@supports (padding-top: env(safe-area-inset-top)) {
    
    /* Auth pages - pagini fără sidebar/topbar */
    /* Padding gestionat în auth.css pentru mobile */
    .auth-container,
    .login-container,
    .register-container {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    /* Onboarding */
    .onboarding-container {
        padding-top: calc(1rem + env(safe-area-inset-top));
        padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    }
    
    /* Mobile upgrade page */
    .upgrade-container,
    .mobile-upgrade-container {
        padding-top: calc(2rem + env(safe-area-inset-top));
        padding-bottom: calc(2rem + env(safe-area-inset-bottom));
    }
    
    /* Quote editor */
    .quote-header,
    .editor-header {
        padding-top: env(safe-area-inset-top);
    }
    
    /* Bottom elements */
    .bottom-nav,
    .action-bar,
    .sticky-bottom {
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    /* Modals */
    .modal-content {
        max-height: calc(90vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    }
    
    /* Legal pages */
    .legal-container {
        padding-top: calc(2rem + env(safe-area-inset-top));
        padding-bottom: calc(2rem + env(safe-area-inset-bottom));
    }
    
    /* Landing page navbar */
    .navbar {
        padding-top: env(safe-area-inset-top);
    }
}

/* Main content - fără padding suplimentar */
.main-content,
.page-content,
.dashboard-content {
    padding-top: 0;
}