/* ===== ОСНОВНАЯ КОМПОНОВКА (из default.php) ===== */
.book-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
}

/* Десктопная версия */
.desktop-layout {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}

.book-cover-column {
    flex: 0 0 300px;
}

.book-content-column {
    flex: 1;
}

/* Двухколоночный блок */
.two-columns {
    display: flex;
    gap: 10px;                          /* IRG: було 30px */
    margin-top: 10px;                   /* IRG: було 30px */
}

.left-column, 
.right-column {
    flex: 1;
}

/* обидві колонки — без власної картки, всередині fieldset-блоки */
.left-column {
    padding: 0;
    background: none;
    box-shadow: none;
}

/* права колонка — без картки, всередині fieldset «Автори з профілем» */
.right-column {
    padding: 0;
    background: none;
    box-shadow: none;
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
    .two-columns {
        flex-direction: column;
        gap: 10px;                      /* IRG: було 20px */
    }
}

/* Мобильная версия */
@media (max-width: 768px) {
    .desktop-layout {
        flex-direction: column;
    }
    
    .book-content-header { order: 1; }
    .authors-list { order: 2; }
    .book-cover-column { 
        order: 3;
        width: 100%;
        margin: 15px 0;
    }
    .mobile-meta-container { 
        order: 4;
        margin-top: 10px;
    }
    
    .two-columns {
        flex-direction: column;
    }
}

/* Переключение мета-данных (десктоп/мобильные) */
.desktop-meta {
    display: block;
}

.mobile-meta {
    display: none;
}

@media (max-width: 768px) {
    .desktop-meta {
        display: none;
    }
    .mobile-meta {
        display: block;
    }
}

/* ===== СТИЛИ ДЛЯ БЛОКА ПЕРЕВОДА (НОВОЕ) ===== */
.translation-block {
    margin: 20px 0;
    padding: 12px 15px;
    background: #f8f9fa;
    border-left: 3px solid #3498db;
    border-radius: 0 4px 4px 0;
    font-size: 1.1rem;
    color: #495057;
    display: flex;
    align-items: center;
}

.translation-block i.fas {
    margin-right: 10px;
    color: #3498db;
    font-size: 1.2rem;
}

.translation-text {
    font-style: italic;
}


/* ===== ОБНОВЛЕННЫЕ СТИЛИ АВТОРОВ ===== */
.authors-list {
    font-size: 1.1rem;
    margin-bottom: 0;                   /* IRG: було 15px; відступ дає .book-meta */
}

.authors-list .book-meta-item {
    align-items: flex-start;
}

.authors-list .fa-user,
.authors-list .fa-user-edit {
    color: #95a5a6;
    margin-right: 10px;
    font-size: 1.1em;
    margin-top: 3px;
}

.authors-list .book-meta-item strong {
    color: #7f8c8d;
    font-weight: 500;
}

.authors-list .book-meta-item a {
    color: #006298;
    font-weight: 600;
    text-decoration: none !important;
    transition: color 0.3s ease;
    margin-right: 4px;
}

.authors-list .book-meta-item a:hover {
    color: #d43a2f;
    text-decoration: underline !important;
}


@media (max-width: 768px) {
    .authors-list {
        font-size: 1rem;
    }
}

/* ===== ВИЗУАЛЬНОЕ ОФОРМЛЕНИЕ (из карточки) ===== */
/* Общие стили карточки */
.book-cover {
	position: relative;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.09);
}

/* Заголовок */
.page-title {
    margin: 0 0 10px 0;
    font-size: 1.8rem;
    color: #2c3e50;
    font-weight: 600;
}

.page-title small {
    font-size: 1.2rem;
    color: #495057;
    display: block;
    margin-top: 5px;
}




/* Мета-данные */
.book-meta {
    background: none;
    padding: 0;
    border-radius: 0;
    margin-top: 10px;                   /* IRG: було 20px */
}

/* Общие стили для всех book-meta-item */
.book-meta-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    line-height: 1.4;
}

/* Стили ТОЛЬКО для мета-информации */
.book-meta .book-meta-item {
    font-size: 0.95rem;
}

/* Стили ТОЛЬКО для авторов */
.authors-list .book-meta-item {
    font-size: 1.1rem;
}

.book-meta-item i {
    color: #95a5a6; /* Серый как у авторов */
    margin-right: 10px; /* Увеличено с 8px */
    font-size: 1.1em; /* Размер как у авторов */
    margin-top: 3px; /* Выравнивание по базовой линии */
    min-width: 16px; /* Фиксированная ширина для выравнивания */
    text-align: center;
}

.book-meta-item strong {
    color: #7f8c8d; /* Серо-голубой как у авторов */
    font-weight: 600; /* Полужирный как у авторов */
    margin-right: 5px;
}

.book-meta-item > div {
    color: #2c3e50; /* Темно-синий как у авторов */
	font-weight: 600; /* Единая жирность */
}

.book-meta-item a {
    color: #006298; /* Синий для ссылок (как в авторах) */
    font-weight: 600; /* Единая жирность */
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.book-meta-item a:hover {
    color: #d43a2f; /* Красный при наведении */
    text-decoration: underline !important;
}

/* Для длинных ссылок (DOI) */
.book-meta-item .doi-link {
    word-break: break-all;
    font-weight: 600 !important; /* Жирный текст */
}

/* знак DOI як іконка — голубий круг з білими літерами, як у списку карток */
.book-meta-item .icon-doi {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-right: 10px;          /* як інші іконки book-meta-item */
    margin-top: 3px;             /* вирівнювання по першому рядку */
    fill: #3498db;               /* той самий голубий, що в картках списку */
}

/* Счетчик просмотров */
.view-counter {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #ff6b35;
    color: white;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 0.85rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Описание и авторы */
.left-column h3 {
    color: #2c3e50;
    font-size: 1.4rem;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0e0e0;
}

.right-column h3 {
    color: #2c3e50;
    font-size: 1.4rem;
    margin-bottom: 15px;
    padding-bottom: 0px; /* Одинаковый отступ как в левой колонке */
    border-bottom: none; /* Только убираем границу */
}

/* ===== СТИЛИ БЛОКА АВТОРОВ (BIO) ===== */
.authorbio .bio a {
    color: #006298 !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: color 0.25s ease-out;
}

.authorbio .bio a:hover {
    color: #d43a2f !important;
    text-decoration: underline !important;
}


.authorbio .bio h4 {
    margin: 15px 0 10px 0;
    font-size: 1.2rem;
    color: #2b2d42;
}

.authorbio .bio div[itemprop="description"] {
    color: #2b2d42;
    font-weight: 500;
    line-height: 1.5;
}

.authorbio .bio div[itemprop="description"] a {
    color: #5f6c7b; /* Серо-голубой вместо синего */
    font-weight: 500; /* Меньшая жирность */
    text-decoration: none !important; /* Убираем подчеркивание */
    transition: color 0.25s ease-out;
}

.authorbio .bio div[itemprop="description"] a:hover {
    color: #d43a2f; /* Красный при наведении */
    text-decoration: underline !important;
}


/* Футер */
.book-footer {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    color: #666;
    font-size: 0.9rem;
}

/* Адаптивные правки */
@media (max-width: 768px) {
    .view-counter {
        bottom: 10px;
        right: 10px;
        padding: 3px 10px;
        font-size: 0.8rem;
    }
    
    .page-title {
        font-size: 1.5rem;
    }
    
    .page-title small {
        font-size: 1rem;
    }
/* Адаптация для блока перевода (НОВОЕ) */
    .translation-block {
        margin: 15px 0;
        font-size: 1rem;
        padding: 10px 12px;
    }
    
    .translation-block i.fas {
        font-size: 1rem;
    }
}


/* ===== Два підблоки метаданих у рамках (Інформація / Посилання) ===== */
.meta-blocks {
    display: flex;
    gap: 10px;                          /* IRG: було 20px */
    align-items: stretch;               /* обидва блоки однакової висоти */
}

.meta-block {
    flex: 1;
    min-width: 0;                       /* щоб довгі DOI не розпирали колонку */
    border: 1px solid #d9e2ec;          /* тонка рамка */
    border-radius: 8px;
    padding: 12px 18px 14px;            /* верхній відступ під бейдж */
    margin: 0;                          /* прибрати дефолтні відступи fieldset */
    background: #fff;
}

/* заголовок-бейдж «сідає» верхом на рамку — половина виступає над лінією.
   Інверсія: білий фон, тонка синя рамка, синій текст. */
.meta-block > legend {
    float: none;
    width: auto;
    margin-left: 8px;                   /* відступ від кута */
    margin-top: -13px;                  /* половина бейджа над рамкою */
    padding: 3px 14px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #3498db;                     /* синій текст */
    background: #fff;                   /* білий фон */
    border: 1px solid #3498db;          /* тонка синя рамка */
    border-radius: 14px;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

/* останній meta-item без нижнього відступу — рівні рамки */
.meta-block .book-meta-item:last-child {
    margin-bottom: 0;
}

/* ЄДИНИЙ СТИЛЬ ЗІ СПИСКОМ (лише в блоці метаданих, не чіпає авторів угорі) */
/* іконки — голубі */
.book-meta .book-meta-item i {
    color: #3498db;
}
/* звичайний текст значень — сіренький */
.book-meta .book-meta-item > div {
    color: #555;
    font-weight: 500;
}
/* текст-посилання — голубий */
.book-meta .book-meta-item a,
.book-meta .book-meta-item .doi-link {
    color: #3498db;
}
.book-meta .book-meta-item a:hover {
    color: #d43a2f;                     /* червоний при наведенні — як було */
}

/* на вузьких екранах — один під одним */
@media (max-width: 768px) {
    .meta-blocks {
        flex-direction: column;
        gap: 10px;                      /* IRG: було 16px */
    }
}

/* окремий блок авторів під парою рамок, на всю ширину */
.meta-block-authors {
    margin-top: 10px;                   /* IRG: було 16px */
}

/* підпис (ISSN) після числа — приглушений */
.book-meta .issn-tag {
    color: #95a5a6;
    font-weight: 500;
    font-size: 0.85em;
}

/* ===== Квартиль Scopus у картці (схема Scimago) ===== */
.book-meta .quartile-badge {
    display: inline-block;
    margin-left: -2px;           /* відступ іконка→бейдж як на сторінці списку (8px замість 10px) */
    padding: 2px 11px;
    border-radius: 14px;
    font-size: 0.85rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    line-height: 1.3;
}
.book-meta .quartile-badge.quartile-q1 { background-color: #2e9b57; }
.book-meta .quartile-badge.quartile-q2 { background-color: #8bc34a; }
.book-meta .quartile-badge.quartile-q3 { background-color: #f39c12; }
.book-meta .quartile-badge.quartile-q4 { background-color: #e74c3c; }
.book-meta .quartile-badge:not(.quartile-q1):not(.quartile-q2):not(.quartile-q3):not(.quartile-q4) {
    background-color: #7f8c8d;
}

/* ===== Повний список авторів у картці (плашки ІРГ) ===== */
.meta-block-authors .full-authors-list {
    line-height: 1.7;
    font-weight: normal;
}
.meta-block-authors .full-author {
    color: #555;
    font-weight: normal;
}
/* співробітник ІРГ: голуба плашка + жирний, текст як інші */
.meta-block-authors .full-author-iof {
    display: inline-block;
    background-color: #eaf4fb;
    color: #555;
    font-weight: 700;
    padding: 1px 8px;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(52,152,219,0.15);
    line-height: 1.4;
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* посилання всередині плашки — без підкреслення, колір успадковує від плашки */
.meta-block-authors .full-author-iof a,
.meta-block-authors .full-author-iof a:hover {
    color: inherit;
    text-decoration: none !important;
}
/* реверсивний ховер: плашка стає синьою, текст білим */
.meta-block-authors .full-author-iof:hover {
    background-color: #3498db;
    color: #fff;
}
.meta-block-authors .full-author-iof:hover a {
    color: #fff;
    text-decoration: none !important;
}
/* наш автор (є профіль), але без афіляції ІРГ у цій статті:
   клікабельне посилання, БЕЗ голубої плашки */
.meta-block-authors .full-author-linked {
    color: #555;
    font-weight: normal;
}
.meta-block-authors .full-author-linked a {
    color: #2c6fa8;
    text-decoration: none;
    transition: color 0.2s ease;
}
.meta-block-authors .full-author-linked a:hover {
    color: #3498db;
    text-decoration: underline;
}
/* афілійований з ІРГ, але без ID у довіднику: лише жирний, без плашки */
.meta-block-authors .full-author-bold {
    color: #555;
    font-weight: 700;
}
.meta-block-authors .full-author-sep {
    color: #999;
}

/* блок «Автори з профілем» унизу — як верхні рамки (fieldset .meta-block) */
.authorbio-block {
    margin: 0;
}
.authorbio-block .authorbio .bio:first-child h4 {
    margin-top: 0;
}

/* ===== Блоки лівої колонки (Ключові слова, Про видання) ===== */
/* відступ між fieldset-блоками в колонці */
.left-column .meta-block,
.right-column .meta-block {
    margin-bottom: 10px;                /* IRG: було 18px */
}
.left-column .meta-block:last-child,
.right-column .meta-block:last-child {
    margin-bottom: 0;
}

/* Ключові слова */
.keywords-block .keywords-text {
    margin: 0;
    color: #555;
    line-height: 1.6;
}

/* Назва іншою мовою — окремий блок під авторами */
/* IRG CUSTOM: відступ від блоку «Автори матеріалу» — як між усіма блоками (10px) */
.authors-list .meta-block-subtitle {
    margin-top: 10px;
}
.meta-block-subtitle .book-meta-item div {
    font-style: normal;
    font-weight: 400;
    color: #8c9aa3;
}

/* Анотація */
.about-block .about-desc {
    position: relative;
    color: #2c3e50;
    line-height: 1.55;
}
.about-block .about-desc.is-collapsed .about-desc-body {
    max-height: 11em;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
            mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
}
.about-block .about-desc-toggle {
    display: none;
    margin-top: 6px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
    font: inherit;
    font-size: 0.9em;
    color: #3498db;
}
.about-block .about-desc-toggle:hover {
    text-decoration: underline;
}
.about-block .about-desc.has-toggle .about-desc-toggle {
    display: inline-block;
}

/* ===== Статистика відвідувань (Matomo) — наші кольори ===== */
.stats-block .matomo-widget {
    margin: 0;
}
.stats-block .stats-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}
.stats-block .stats-table th,
.stats-block .stats-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #eef2f6;
    text-align: center;
    vertical-align: middle;
}
.stats-block .stats-table th {
    color: #7f8c8d;
    font-weight: 600;
    background: #f8fafc;
}
.stats-block .stats-table th.col-country,
.stats-block .stats-table td.col-country {
    text-align: left;
}
.stats-block .stats-table td {
    color: #555;
}
.stats-block .stats-table th i.fas {
    margin-right: 5px;
    color: #3498db;            /* голубий акцент */
}
.stats-block .country-flag {
    width: 20px;
    height: 15px;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 2px;
}
.stats-block .total-row td {
    border-top: 2px solid #d9e2ec;
    border-bottom: 0;
    font-weight: 700;
    color: #2c3e50;
    padding-top: 10px;
}
.stats-block .total-row i.fas {
    color: #3498db;
    margin-right: 5px;
}
.stats-block .stats-empty {
    padding: 15px;
    text-align: center;
    color: #95a5a6;
}

/* ===== IRG CUSTOM: стилі, перенесені з розмітки default.php (були style="…") ===== */

/* ORCID під іменем автора в «Автори з профілем».
   Колір і жирність посилання задає .authorbio .bio a (вище, з !important). */
.authorbio .author-orcid {
    margin: 2px 0 6px;
    font-size: 0.9em;
}
.authorbio .author-orcid a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.authorbio .author-orcid svg {
    flex: 0 0 auto;
}

/* Плашки замість посилання на PDF: «платний» і «відсутній» */
.book-meta .book-meta-item.pdf-status {
    border-radius: 4px;
    padding: 6px 10px;
}
.book-meta .book-meta-item.pdf-status--paid {
    background-color: #f5f0e8;
    border: 1px solid #e0d5c0;
}
.book-meta .book-meta-item.pdf-status--paid i    { color: #a08060; }
.book-meta .book-meta-item.pdf-status--paid span { color: #7a6a50; }
.book-meta .book-meta-item.pdf-status--none {
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
}
.book-meta .book-meta-item.pdf-status--none i    { color: #999999; }
.book-meta .book-meta-item.pdf-status--none span { color: #888888; }

/* =====================================================================
   IRG CUSTOM: компоновка сторінки запису — дві колонки на всю висоту
   ліворуч  .book-side : обкладинка, доступ до тексту, ідентифікатори,
                         посилання, статистика;
   праворуч .book-main : назва, автори, інформація, ключові слова,
                         анотація, автори з профілем.
   Попередні класи (.desktop-layout, .two-columns, .mobile-meta…) у
   розмітці більше не використовуються.
   ===================================================================== */
.book-layout {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}
.book-side,
.book-side-top,
.book-side-rest,
.book-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}
.book-layout .book-meta      { margin-top: 0; }
.book-layout .meta-block     { flex: none; margin: 0; }
.book-main .page-title       { margin: 0; }
.book-main .meta-block-authors { margin-top: 0; }
.book-layout .authors-list .meta-block-subtitle { margin-top: 10px; }   /* інакше обнуляє рядок вище */
.book-layout .book-footer    { grid-column: 1 / -1; }
.book-side .book-cover img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- Доступ до тексту під обкладинкою --- */
.book-access .pdf-status {
    margin: 0;
}
.book-access .book-access-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #3498db;
    background: #3498db;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.book-access .book-access-btn:hover {
    background: #2b80b9;
    border-color: #2b80b9;
    color: #fff;
}
.book-access .book-access-btn i {
    color: inherit;
}
/* «Зміст» — контурна кнопка */
.book-access .book-access-btn--toc {
    background: #fff;
    color: #3498db;
}
.book-access .book-access-btn--toc:hover {
    background: #eef6fc;
    color: #2b80b9;
}
/* «платний» з посиланням на видавця */
.book-access a.pdf-status--link {
    text-decoration: none;
}
.book-access a.pdf-status--link:hover {
    border-color: #c9b48f;
}

/* --- Ідентифікатори: мітка перед номером --- */
.meta-block-idlinks .id-label {
    color: #7f8c8d;
    font-weight: 600;
    margin-right: 4px;
}

/* --- Статистика у вузькій колонці: компактніше, у заголовках лише іконки --- */
.book-side .stats-block .stats-table th,
.book-side .stats-block .stats-table td {
    padding: 6px 6px;
}
.book-side .stats-block .stats-table th:not(.col-country) {
    font-size: 0;
}
.book-side .stats-block .stats-table th:not(.col-country) i.fas {
    font-size: 0.9rem;
    margin: 0;
}

/* --- Телефон: одна колонка в порядку читання --- */
@media (max-width: 768px) {
    .book-layout {
        display: flex;
        flex-direction: column;
        align-items: stretch;           /* на десктопі start — тут блоки на всю ширину */
        gap: 10px;
    }
    /* обидві колонки «розчиняються», їхні блоки стають в один ряд:
       1 назва → 2 автори → 3 обкладинка з кнопкою → 4 назва іншою мовою →
       5 інформація → 6 ідентифікатори, посилання, статистика →
       7 ключові слова, анотація, автори з профілем */
    .book-side,
    .book-main,
    .book-side-rest,
    .book-main > .authors-list { display: contents; }
    .book-main > *  { order: 7; }
    .book-main > .book-content-header { order: 1; }
    .authors-list > *                 { order: 2; }
    .book-side-top  { order: 3; }
    .book-layout .authors-list > .meta-block-subtitle {
        order: 4;
        margin-top: 0;                  /* відступ дає gap */
    }
    .book-main > .book-meta--meta-block-info       { order: 5; }
    .book-side-rest > .book-meta--meta-block-idlinks { order: 6; }
    .book-side-rest > .stats-block  { order: 6; }   /* після «Посилання» (порядок у розмітці) */
    .book-layout .book-footer { order: 9; }
    /* менше порожнього місця по боках на телефоні */
    .book-container.book-layout {
        padding: 10px 0;                /* було 20px з усіх боків */
    }
    .book-layout .meta-block {
        padding: 12px 12px 14px;        /* було 12px 18px 14px */
    }
    .book-side-top .book-cover {
        max-width: 260px;               /* обкладинка на телефоні (було 200px) */
        width: 100%;
        margin: 0 auto;
    }
}

/* =====================================================================
   IRG CUSTOM: ідентифікатори (DOI, ISSN, ISBN) і посилання — один блок
   у рамці без бейджа; між групами тонка лінія. Кнопка «Повний текст»
   на десктопі помітніша.
   ===================================================================== */
.meta-block-idlinks {
    padding-top: 14px;                  /* бейджа немає — звичайний відступ */
}
.meta-block-idlinks .meta-sep {
    border-top: 1px solid #e3e8ee;
    margin: 4px 0 10px;
}
.meta-block-idlinks .book-meta-item:last-child {
    margin-bottom: 0;
}
@media (min-width: 769px) {
    .book-access .book-access-btn {
        padding: 13px 14px;
        font-size: 1.08rem;
        box-shadow: 0 2px 8px rgba(52, 152, 219, 0.35);
    }
    .book-access .book-access-btn--toc {
        box-shadow: none;
    }
}