/* static/css/patents_responsive_modal.css */

/**
 * АДАПТИВНЫЕ СТИЛИ МОДАЛЬНОГО ОКНА
 * Максимум 200 строк, модульная архитектура
 */

/* Адаптивность модального окна */
@media (max-width: 992px) {
    .patents-modal .modal-dialog {
        max-width: 98vw;
        width: 98vw;
        margin: 0.5rem;
    }
    
    .patent-modal-image-container {
        height: 75vh;
        max-height: 700px;
        min-height: 450px;
        padding: 1.5rem 3rem;
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        width: 50px;
        height: 50px;
    }
    
    .carousel-control-prev {
        left: 10px;
    }
    
    .carousel-control-next {
        right: 10px;
    }
}

@media (max-width: 768px) {
    .patents-modal .modal-dialog {
        margin: 0.25rem;
        max-width: 99vw;
        width: 99vw;
    }
    
    .patents-modal-header {
        padding: 1rem;
    }
    
    .patents-modal-header .modal-title {
        font-size: 1.25rem;
    }
    
    .patent-modal-image-container {
        height: 70vh;
        max-height: 600px;
        min-height: 400px;
        padding: 1rem 2.5rem;
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        width: 45px;
        height: 45px;
    }
    
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 480px) {
    .patents-modal .modal-dialog {
        margin: 0.1rem;
        max-width: 99.5vw;
        width: 99.5vw;
    }
    
    .patent-modal-image-container {
        height: 65vh;
        max-height: 500px;
        min-height: 350px;
        padding: 0.75rem 2rem;
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        width: 40px;
        height: 40px;
    }
    
    .carousel-control-prev {
        left: 5px;
    }
    
    .carousel-control-next {
        right: 5px;
    }
    
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 20px;
        height: 20px;
    }
}