/**
 * Адаптивные стили для мобильных устройств
 */

/* Профиль юриста — мобильные улучшения */
@media (max-width: 640px) {
    .profile-page { padding: 1rem 0.75rem; }
    .profile-header { flex-direction: column; align-items: center; text-align: center; }
    .profile-header .flex-1 { text-align: center; }
    .profile-photo-wrap { width: 120px; height: 120px; }
    .profile-contact-btns { flex-direction: column; }
    .profile-contact-btns .profile-btn { width: 100%; }
    .profile-breadcrumb { font-size: 12px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-bottom: 4px; }
    .review-form-box { margin: 0.5rem; max-width: none; }
    .review-toast { left: 0.75rem; right: 0.75rem; max-width: none; bottom: 0.75rem; }
    .profile-bup-block, .profile-card { padding: 1rem; }
}

@media (max-width: 480px) {
    .profile-photo-wrap { width: 100px; height: 100px; }
    .profile-contact-row { flex-wrap: wrap; }
}

/* Главная — результаты и сортировка */
@media (max-width: 768px) {
    #resultsTitle { font-size: 1.25rem; }
    .filter-toggle-wrap { flex: 1 1 100%; }
    .filter-toggle-btn { width: 100%; justify-content: center; }
}

@media (max-width: 640px) {
    .pagination { flex-direction: column; gap: 12px; align-items: stretch; }
    .pagination-info { text-align: center; margin-right: 0; margin-bottom: 8px; }
    .filter-toggle-btn { font-size: 13px; padding: 8px 12px; }
    .pagination-nav { justify-content: center; flex-wrap: wrap; }
}

/* Обратная связь */
@media (max-width: 640px) {
    .feedback-form .captcha-wrap { flex-direction: column; align-items: flex-start; }
    .feedback-form .captcha-wrap input { width: 100%; max-width: 120px; }
}

/* Кабинет юриста — логин, регистрация */
@media (max-width: 480px) {
    .max-w-md { margin-left: 0.5rem; margin-right: 0.5rem; }
}

/* Кабинет юриста — редактирование профиля */
@media (max-width: 768px) {
    .edit-grid { grid-template-columns: 1fr; }
    .edit-grid [style*="grid-column: span 2"] { grid-column: span 1 !important; }
    .form-row { flex-direction: column; align-items: stretch; }
    .form-row .form-group { min-width: 0; }
    .schedule-row { flex-direction: column; align-items: stretch; }
    .schedule-row input[type="time"] { width: 100%; }
    .checkbox-grid { grid-template-columns: 1fr; }
    .overflow-x-auto { -webkit-overflow-scrolling: touch; }
    .services-table { min-width: 520px; }
    .photo-upload { width: 100%; max-width: 200px; height: 200px; margin: 0 auto; }
}