/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

/* =========================================================
   ВІДКЛЮЧЕННЯ АВТОМАТИЧНИХ ПЕРЕНОСІВ
   ========================================================= */

body {
    -webkit-hyphens: none;
    hyphens: none;
}

/* =========================================================
   HERO
   ========================================================= */

.modular-hero .image-overlay {
    display: none;
}

.modular-hero .container > * {
    margin-left: 0;
    margin-right: auto;
}

/* На мобільному зберігаємо потрібну частину зображення */
.modular-hero {
    background-position: left center;
}

/* Починаючи з планшета — штатне положення Quark2 */
@media (min-width: 560px) {
    .modular-hero {
        background-position: center;
    }
}

/* =========================================================
   НАШІ НАПРЯМКИ
   ========================================================= */

.modular-features.section {
    padding: 1.5rem 0;
}

/* =========================================================
   ОСТАННІ НОВИНИ / СТАТТІ
   ========================================================= */

.latest-news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2rem;
}

.latest-news-header h2 {
    margin: 0;
}

/* =========================================================
   СТАТТІ — ФІЛЬТРИ
   ========================================================= */

.taxonomy-filter {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.taxonomy-filter > strong {
    flex: 0 0 5rem;
}

.taxonomy-filter:last-of-type {
    margin-bottom: 1.5rem;
}

.taxonomy-filter .label-primary:hover {
    background: var(--q2-text);
}

/* =========================================================
   РЕЙТИНГ НА КАРТКАХ ПУБЛІКАЦІЙ
   ========================================================= */

/* вирівнювання рейтинга на картках публікацій */
.card-rating {
    padding: 0 1.375rem;
}

/* Не показувати tooltip рейтингу на картках публікацій */
.card-rating [data-tooltip]::before,
.card-rating [data-tooltip]::after {
    display: none;
}

/* Не показувати tooltip рейтингу на мобільних пристроях */
@media (max-width: 560px) {
    .star-ratings [data-tooltip]::before,
    .star-ratings [data-tooltip]::after {
        display: none;
    }
}