/* Responsive Styles */

/* Responsive pour mobile */
@media (max-width: 768px) {
    .page {
        padding: 1rem;
    }
    
    .page-arrow {
        display: none;
    }
    
    .page-nav {
        bottom: 1rem;
        padding: 0.75rem 1.5rem;
    }
    
    .hamburger-menu {
        top: 1rem;
        right: 1rem;
    }

    .dropdown-menu {
        top: 4rem;
        right: 1rem;
        left: 1rem;
        min-width: auto;
    }

    .language-options {
        grid-template-columns: 1fr;
    }
}

/* Responsive pour tablettes */
@media (max-width: 1024px) {
    .card {
        padding: 1.5rem;
    }
    
    .page-nav {
        padding: 0.75rem 1.5rem;
    }
    
    .page-arrow {
        width: 45px;
        height: 45px;
    }
    
    .hamburger-btn {
        width: 45px;
        height: 45px;
    }
}

/* Responsive pour très petits écrans */
@media (max-width: 480px) {
    .page {
        padding: 0.5rem;
    }
    
    .card {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .page-nav {
        bottom: 0.5rem;
        padding: 0.5rem 1rem;
        gap: 0.5rem;
    }
    
    .page-dot {
        width: 10px;
        height: 10px;
    }
    
    .hamburger-menu {
        top: 0.5rem;
        right: 0.5rem;
    }
    
    .hamburger-btn {
        width: 40px;
        height: 40px;
    }
    
    .dropdown-menu {
        top: 3rem;
        right: 0.5rem;
        left: 0.5rem;
    }
    
    .special-content {
        margin: 1rem auto;
        padding: 1rem;
    }
    
    .edit-modal-content {
        width: 95%;
        padding: 1rem;
    }
}

/* Responsive pour grands écrans */
@media (min-width: 1440px) {
    .page {
        padding: 3rem;
    }
    
    .card {
        padding: 3rem;
    }
    
    .page-nav {
        padding: 1.25rem 2.5rem;
    }
    
    .page-arrow {
        width: 60px;
        height: 60px;
    }
    
    .hamburger-btn {
        width: 60px;
        height: 60px;
    }
}

/* Responsive pour mode paysage mobile */
@media (max-width: 768px) and (orientation: landscape) {
    .page-nav {
        bottom: 0.5rem;
        padding: 0.5rem 1rem;
    }
    
    .page-arrow {
        display: none;
    }
    
    .hamburger-menu {
        top: 0.5rem;
        right: 0.5rem;
    }
}

/* Print styles */
@media print {
    .page-nav,
    .page-arrow,
    .hamburger-menu,
    .dropdown-menu,
    .menu-overlay,
    .edit-mode-bar,
    .edit-modal,
    .save-notification {
        display: none !important;
    }
    
    .page {
        position: static !important;
        transform: none !important;
        opacity: 1 !important;
        padding: 1rem !important;
        background: white !important;
        box-shadow: none !important;
    }
    
    .card {
        box-shadow: none !important;
        border: 1px solid #e5e7eb;
    }
    
    .special-page {
        position: static !important;
        background: white !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .special-content {
        box-shadow: none !important;
        border: 1px solid #e5e7eb;
    }
}