/* =========================================
   ЧАСТИНА 1: ІКОНКИ (ORCID, SCOPUS ТОЩО)
   (Без змін)
   ========================================= */

/* ORCID */
a[href*="orcid.org"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://orcid.org/sites/default/files/images/orcid_16x16.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}

/* ІКОНКИ У СПИСКУ ЛІТЕРАТУРИ */
.item.references .value p a, 
.item.references .value a {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 2px;
}

.item.references .value a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    vertical-align: middle;
}

/* Scopus */
.item.references .value a[href*="scopus.com"]::before {
    background-image: url('https://raw.githubusercontent.com/at-pitt/els-icons/master/dist/svg/scopus.svg') !important;
}

/* PubMed */
.item.references .value a[href*="ncbi.nlm.nih.gov"]::before,
.item.references .value a[href*="pubmed.ncbi.nlm.nih.gov"]::before {
    background-image: url('https://pubmed.ncbi.nlm.nih.gov/favicon.ico') !important;
}

/* Google Scholar */
.item.references .value a[href*="scholar.google"]::before {
    background-image: url('https://scholar.google.com/favicon.ico') !important;
}

/* Crossref/DOI */
.item.references .value a[href*="doi.org"]::before {
    background-image: url('https://www.crossref.org/favicon.ico') !important;
}

/* Колір посилань */
.item.references .value a {
    color: #005580 !important;
}


/* =========================================
   ЧАСТИНА 2: ЛОГОТИП НА ВСЮ ШИРИНУ (ЖОРСТКЕ РОЗТЯГУВАННЯ)
   ========================================= */

/* 1. Головна оболонка шапки */
header.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background-color: #0e1b36; /* Синій фон про всяк випадок */
}

/* 2. Прибираємо обмеження ширини для внутрішніх блоків */
.pkp_structure_head .pkp_head_wrapper,
.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. НАЙГОЛОВНІШЕ: Налаштування картинки */
.pkp_site_name a.is_img img {
    width: 100vw !important;      /* 100vw = 100% ширини вікна перегляду */
    min-width: 100% !important;   /* Гарантує, що вона не стиснеться */
    height: auto !important;      /* Висота росте пропорційно ширині */
    max-height: none !important;  /* Прибираємо будь-які ліміти по висоті */
    
    object-fit: fill !important;  /* Заповнити простір */
    display: block !important;    /* Прибирає відступи знизу */
    margin: 0 !important;
}

/* 4. Меню користувача (Вхід/Мова) - тримаємо в рамках */
.pkp_navigation_user_wrapper {
    max-width: 1140px !important; 
    margin: 0 auto !important;    
    padding-right: 15px;
    position: relative; 
    z-index: 10; /* Щоб меню було поверх картинки, якщо вони перетнуться */
}

/* 5. Головне меню (Архіви/Про нас) - тримаємо в рамках */
.pkp_navigation_primary_wrapper {
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding-left: 15px