/*
Theme Name: NewsMore Child
Description: Custom styles with Yellow (#fac910) + Cyan accents (#06d1d7)
*/

/* --- 1. ГОЛОВНЕ МЕНЮ (Залишаємо Жовтим) --- */
div#main-navigation-bar {
    background: #fac910;
}

/* Колір тексту в меню (чорний) */
div#main-navigation-bar ul li a,
.main-navigation ul li a {
    color: #000 !important;
}
/* Риска під активним пунктом меню (бірюзова) */
.main-navigation .menu-desktop > li.current-menu-item::after {
    background-color: #049da1 !important;
}

/* --- 2. ЕКСКЛЮЗИВНІ НОВИНИ (Робимо Бірюзовим для контрасту) --- */
/* Було червоне, а потім жовте - тепер бірюзове */
.exclusive-posts .exclusive-now {
    background-color: #06d1d7 !important;
    color: #fff !important; /* Білий текст краще виглядає на бірюзовому */
}

/* --- 3. КАТЕГОРІЇ (Робимо різнобарвними) --- */
/* Перший тип категорій - Жовтий */
.af-cat-widget-carousel a.morenews-categories.category-color-1 {
    background-color: #fac910;
    color: #000;
}
a.morenews-categories.category-color-1 {
    color: #fac910; /* Колір тексту категорії */
}

/* Другий тип категорій - Бірюзовий (#06d1d7) */
.af-cat-widget-carousel a.morenews-categories.category-color-2 {
    background-color: #06d1d7 !important;
    color: #fff !important;
}
a.morenews-categories.category-color-2 {
    color: #049da1 !important; /* Текст темнішою бірюзою */
}

/* --- 4. КНОПКИ ТА ЕЛЕМЕНТИ --- */
/* Основні кнопки - Жовті */
button, 
input[type="submit"], 
input[type="button"], 
input[type="reset"],
.btn-style1 a {
    background-color: #fac910 !important;
    color: #000 !important;
    border: none;
    transition: 0.3s;
}

/* Ефект при наведенні на кнопки - стають Темно-бірюзовими (#049da1) */
button:hover, 
input[type="submit"]:hover, 
.btn-style1 a:hover {
    background-color: #049da1 !important; /* Зміна кольору при наведенні */
    color: #fff !important;
}

/* Кнопка "Вгору" (Scroll top) */
.scroll-top {
    background-color: #06d1d7 !important;
    color: #fff !important;
}
.scroll-top:hover {
    background-color: #049da1 !important;
}

/* --- 5. ПОСИЛАННЯ В ТЕКСТІ --- */
/* Робимо їх темно-бірюзовими, щоб виділялися, але легко читались */
.entry-content p a {
    color: #049da1 !important;
    text-decoration: underline;
    font-weight: 600;
}
.entry-content p a:hover {
    color: #fac910 !important; /* При наведенні стають жовтими */
    background-color: #000; /* Маленький фон для ефекту */
}

/* --- 6. ЗАГОЛОВКИ ТА РАМКИ --- */
/* Лінії під заголовками */
.widget-title,
.section-title {
    border-color: #fac910 !important; /* Жовта лінія */
}
/* Маленький квадратик у кінці лінії заголовка */
.widget-title::after,
.section-title::after {
    background-color: #06d1d7 !important; /* Бірюзовий акцент */
}

/* --- 7. ЦИТАТИ --- */
blockquote {
    border-left-color: #06d1d7 !important; /* Бірюзова вертикальна лінія */
}

/* --- 8. ПОСИЛАННЯ "ВІДПОВІСТИ" В КОМЕНТАРЯХ --- */
a.comment-reply-link {
    background-color: #06d1d7 !important;
    color: #fff !important;
}
a.comment-reply-link:hover {
    background-color: #049da1 !important;
}

/* --- 9. ПАГІНАЦІЯ (Номери сторінок) --- */
/* Активна сторінка - Жовта */
span.post-page-numbers.current,
.morenews-pagination .nav-links .page-numbers.current {
    background: #fac910;
    color: #000;
}
/* Інші сторінки при наведенні - Бірюзові */
.morenews-pagination .nav-links .page-numbers:not(.current):hover {
    background: #06d1d7;
    color: #fff;
}