/* ======== Глобальные правки ======== */

/* Уменьшаем общий размер шрифта на мобильных */
body {
    font-size: 15px;
    line-height: 0.75;
}

/* Контейнер карточек более плотный */
.note-card {
    padding: 8px;
    margin-bottom: 12px !important;
    border-radius: 12px;
}

/* Заголовки более компактные */
.note-card .card-title {
    font-size: 1.1rem;
    margin-bottom: 6px;
    line-height: 1.25;
}

/* Контент заметки — меньше интервал, ровные отступы */
.note-card .card-text {
    font-size: 0.98rem;
    line-height: 1.2;
    margin-bottom: 8px;
}

/* Убираем большие расстояния между тегами из Quill */
.note-card .card-text p {
    margin: 0 0 6px 0;
    line-height: 1.25;
}

/* Очищаем лишние отступы списков */
.note-card .card-text ul,
.note-card .card-text ol {
    margin-top: 0;
    margin-bottom: 6px;
}

/* Отступы кнопок */
.note-card .btn-sm {
    padding: 3px 8px;
    font-size: 0.8rem;
    background-color: #5884c6 !important;
    border-color: #5884c6 !important;
    margin-bottom: 10px; /* отступ вниз */
}

/* Время обновления — меньше */
.note-card small {
    font-size: 0.75rem;
}
.quill-editor {
    min-height: 150px;   /* минимальная высота */
    max-height: 600px;   /* можно ограничить максимальную */
    overflow-y: hidden;  /* скрываем скролл, чтобы выглядело как авторастяжение */
}


/* ======== Оптимизация под мобильные ======== */

@media (max-width: 768px) {

    body {
        font-size: 14px;     
    }
  
.card-body {
   padding: 0px 0px;
}
    .note-card {
        padding: 6px 10px;
    }

    .note-card .card-title {
        font-size: 1rem;
    }
  
.note-card .card-body p {
    line-height: 1.1; /* можно подбирать под нужный эффект */
  }
  
    .note-card .card-text {
        font-size: 0.9rem;      
    }

    nav.navbar .navbar-brand {
        font-size: 1.1rem;
    }

    nav.navbar .nav-link {
        font-size: 0.9rem;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .btn {
        padding: 6px 12px;
        font-size: 0.9rem;
    }
}

/* ======== Оптимизация для текста из Quill ======== */

.ql-editor {
    line-height: 1.3 !important;
}

.ql-editor p {
    margin: 0 0 6px 0 !important;
}

/* Чтобы картинки уменьшались под экран */
.note-card img,
.ql-editor img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}