.blog-posts .post {
    margin: 15px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.post-header {
    background: #f8f9fa;
    padding: 10px;
    cursor: pointer;
}

.post-content {
    padding: 10px;
}

/* Стили для печати */
@media print {
    /* Скрываем ненужные элементы */
    .no-print, header, footer, nav, button, a {
        display: none !important;
    }

    /* Основной стиль */
    body {
        font-family: Arial, sans-serif;
        font-size: 12pt;
        line-height: 1.5;
        margin: 20mm;
    }

   /* h1, h2, h3 { */
      /*  page-break-before: always; /* Разрыв страницы перед заголовками */
    /*} */

    /* Цветовая схема */
    body {
        color: #333;
        background-color: white;
    }

    /* Стиль таблиц */
    table {
        border-collapse: collapse;
        width: 100%;
    }

    th, td {
        border: 1px solid #ddd;
        padding: 8px;
    }

    th {
        text-align: left;
        background-color: #f2f2f2;
    }
}



/* Стили для карточек курсов */
.course-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
}

.course-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.course-details {
    font-size: 14px;
    color: #333;
}

/* Переопределение фона основной части карточки */
.sd-card.sd-bg-info {
    background-color: #494987 !important; /* Устанавливаем нужный цвет */
    color: white !important; /* Устанавливаем белый текст */
    border: 1px solid #3a3a6b !important; /* Опционально: добавляем границу */
    border-radius: 8px !important; /* Опционально: скругляем углы */
}

/* Переопределение фона заголовка карточки */
.sd-card-header.sd-bg-primary {
    background-color: #3a3a6b !important; /* Темнее основного цвета для контраста */
    color: white !important; /* Белый текст */
}

/* Переопределение футера карточки */
.sd-card-footer.sd-font-weight-bold {
    background-color: #5c5c9f !important; /* Оттенок основного цвета для футера */
    color: white !important; /* Белый текст */
    font-weight: bold; /* Жирный шрифт */
}

.image-container {
    position: relative;
    display: inline-block;
}

.image-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0); /* Прозрачный слой */
}