/* ==========================================================================
   1. ОБЩИЙ СОВРЕМЕННЫЙ ДИЗАЙН СТАТЬИ (ДЛЯ ВЫПУСКНОГО И СТАТЕЙ)
   ========================================================================== */

/* Контентная область новости (центрируем и задаем шрифты) */
.sf-iblock-detail-area {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
    background: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.news-list-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Дата публикации */
.news-list-item-text span[class*="date"] {
    display: inline-block !important;
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    background: #f1f5f9 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
}

/* Главный заголовок статьи */
.news-list-item-text h3 {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
    margin: 10px 0 25px 0 !important;
}

/* Оформление слайдера / картинок сверху */
.sf-iblock-detail-area .swiper-container,
.news-list-item-image {
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(51, 122, 183, 0.12) !important; /* Мягкое синее свечение */
    overflow: hidden !important;
    background: #f8fafc !important;
    margin-bottom: 35px !important;
}

/* Центрирование картинок внутри слайдера без искажения пропорций */
.sf-iblock-detail-area .swiper-slide {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 480px !important;
    position: relative !important;
}

/* Настройка адаптивности изображений */
.swiper-slide img, 
.sf-iblock-detail-area .swiper-slide .bg-cover {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* Картинка сжимается/увеличивается без обрезки */
    border-radius: 12px !important;
}

/* Форсированный возврат ссылки FancyBox на самый верхний слой */
.sf-iblock-detail-area .swiper-slide a.sf-viewbox,
.sf-iblock-detail-area .swiper-slide a[data-fancybox] {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important; /* Абсолютный приоритет слоя */
    cursor: pointer !important; /* Превращает курсор в палец-указатель */
    background-color: rgba(0,0,0,0) !important; /* Делаем область полностью прозрачной, но осязаемой для клика */
}

/* Эффект лупы при наведении на область фотографии */
.sf-iblock-detail-area .swiper-slide a.sf-viewbox:hover {
    cursor: zoom-in !important; /* Курсор превращается в лупу со знаком плюс */
}


/* Навигация слайдера (ИСПРАВЛЕННЫЙ ЦВЕТ) */
.sf-swiper-compact-nav.sf-swiper-button {
    background-color: #333333 !important; /* 🌟 Новый цвет фонового круга (например, темно-серый) */
    color: #ffffff !important;             /* 🌟 Новый цвет стрелочки внутри круга */
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s !important;
}

.sf-swiper-compact-nav.sf-swiper-button:hover {
    background-color: #555555 !important; /* 🌟 Новый цвет фона при наведении мыши */
    color: #ffffff !important;             /* 🌟 Цвет стрелочки при наведении мыши */
}

/* Текст статьи */
.news-list-item-text {
    font-size: 16px !important;
    line-height: 1.8 !important; 
    color: #334155 !important;
}

.news-list-item-text p, 
.news-list-item-text div {
    margin-bottom: 20px !important;
}

/* Выделение третьего абзаца (напутствие педагогов) в красивую цитату */
.news-list-item-text div:nth-of-type(3),
.news-list-item-text p:nth-of-type(3) {
    background: #f8fafc !important;
    border-left: 4px solid #337ab7 !important; /* Синяя линия ТЭК */
    padding: 20px 24px !important;
    border-radius: 0 12px 12px 0 !important;
    font-style: italic !important;
    color: #1e293b !important;
}

/* Превращение ссылки на ВК в красивую кнопку */
.news-list-item-text a[href*="vk.com"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #337ab7 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin: 20px 0 !important;
    box-shadow: 0 4px 14px rgba(51, 122, 183, 0.3) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

.news-list-item-text a[href*="vk.com"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(51, 122, 183, 0.4) !important;
    color: #ffffff !important;
}

.news-list-item-text a[href*="vk.com"]::before {
    content: "📸" !important;
}

/* Блок кнопок "Поделиться" */
.sf-iblock-detail-share {
    margin-top: 40px !important;
    padding-top: 25px !important;
    border-top: 1px solid #e2e8f0 !important;
}


/* ==========================================================================
   2. ВАШ ВАРЯНТ ДЛЯ ДОКУМЕНТОВ (СОХРАНЕН БЕЗ ИЗМЕНЕНИЙ)
   ========================================================================== */
/* Контейнер сетки документов */
.college-docs-grid {
    display: flex;
    flex-direction: column;
    gap: 6px; /* Меньше отступ между полосками */
    margin: 15px 0;
}

/* Компактная карточка-полоска документа */
.college-doc-card {
    display: flex;
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important; /* Чуть меньше скругление для узкой полоски */
    padding: 8px 14px !important; /* Существенно уменьшили вертикальный отступ */
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.01) !important;
    min-height: 48px; /* Ограничили минимальную высоту */
}

/* Эффект при наведении */
.college-doc-card:hover {
    border-color: #337ab7 !important;
    box-shadow: 0 3px 8px rgba(51, 122, 183, 0.05) !important;
    transform: translateY(-1px);
}

/* Уменьшенный контейнер иконки */
.doc-card-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px; /* Уменьшили с 48px */
    height: 32px; /* Уменьшили с 48px */
    border-radius: 6px;
    font-size: 16px; /* Иконка стала аккуратнее */
    margin-right: 12px;
    flex-shrink: 0;
}

/* Цвета иконок */
.doc-card-icon-wrap.pdf { background: #fff5f5; color: #e53e3e; }
.doc-card-icon-wrap.docx, .doc-card-icon-wrap.doc { background: #ebf8ff; color: #3182ce; }

/* Текстовая информация */
.doc-card-info {
    flex-grow: 1;
    padding-right: 15px;
    display: flex;
    align-items: center; /* Центрируем текст по вертикали внутри полоски */
    gap: 15px; /* Зазор между названием и размером файла */
}

.doc-card-title {
    margin: 0 !important;
    font-size: 14px !important; /* Компактный размер шрифта */
    font-weight: 500 !important; /* Мягкое начертание */
    line-height: 1.3 !important;
}

.doc-card-title a {
    color: #2d3748 !important;
    text-decoration: none !important;
}

.college-doc-card:hover .doc-card-title a {
    color: #337ab7 !important;
}

/* Компактные мета-данные */
.doc-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #a0aec0;
    flex-shrink: 0;
}

.meta-item i { margin-right: 3px; }
.meta-item-type {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 3px;
    background: #edf2f7;
}
.meta-item-type.pdf { background: #feebec; color: #c53030; }

/* Компактные кнопки действий */
.doc-card-actions {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.doc-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px; /* Сделали кнопки значительно уже */
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.doc-action-btn i { font-size: 12px; }

.doc-action-btn.view-btn {
    background: #f7fafc;
    color: #4a5568;
    border: 1px solid #e2e8f0;
}
.doc-action-btn.view-btn:hover {
    background: #edf2f7;
    color: #2d3748;
}

.doc-action-btn.download-btn {
    background: #337ab7;
    color: #ffffff !important;
}
.doc-action-btn.download-btn:hover {
    background: #286090;
}

/* Адаптивность для мобильных телефонов */
@media (max-width: 767px) {
    .college-doc-card { flex-direction: column; align-items: flex-start; padding: 12px !important; }
    .doc-card-info { flex-direction: column; align-items: flex-start; gap: 4px; padding-right: 0; }
    .doc-card-actions { margin-top: 10px; width: 100%; }
    .doc-card-icon-wrap { display: none; }
}


/* ==========================================================================
   3. СИСТЕМНЫЕ НАСТРОЙКИ (АДАПТИВНОСТЬ И ПЕЧАТЬ)
   ========================================================================== */
@media (max-width: 768px) {
    .sf-iblock-detail-area .swiper-slide { height: 300px !important; }
    .news-list-item-text { font-size: 15px !important; }
}
@media print {
	div .sf-iblock-detail-area .swiper-slide-active {
		-webkit-print-color-adjust: exact !important;
		color-adjust: exact !important;
		width: 100% !important;
	}
}
.swiper-container{position:relative}
.swiper-button-disabled{opacity:0!important}
.d-only-hidden { display: none; }
.hidden > .d-only-hidden { display: inline-block; }

/* Если шрифтовые иконки не работают, рисуем значок PDF через CSS */
.doc-card-icon-wrap.pdf .fa-file-pdf-o::before {
    content: "PDF" !important;
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #e53e3e !important;
}

.doc-card-icon-wrap.docx .fa-file-word-o::before,
.doc-card-icon-wrap.doc .fa-file-word-o::before {
    content: "DOC" !important;
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #3182ce !important;
}