/*
 Theme Name:   MoreNews Child
 Theme URI:    https://rishikeshnews.com
 Description:  Child theme for MoreNews theme
 Author:       Rishikesh News
 Template:     morenews
 Version:      1.0.2
*/

/* --------------------------------------------------
   ✅ GLOBAL BRAND COLOR (GREEN)
-------------------------------------------------- */
:root {
    --brand-green: #28a745;
}

/* --------------------------------------------------
   ✅ HEADER STYLING
-------------------------------------------------- */
.exclusive-posts .exclusive-now { 
    background: var(--brand-green) !important;
}

.af-bottom-header {
    background-color: var(--brand-green) !important;
}

/* ✅ Desktop & Mobile Menu Link Color */
.af-bottom-header .main-navigation a {
    color: #ffffff !important;
    background: transparent !important;
}

.af-bottom-header .main-navigation a:hover {
    color: #ffff99 !important;
}

/* ✅ Mobile menu full background fix */
.af-bottom-header,
.af-bottom-header *,
.aft-mobile-navigation,
.aft-mobile-navigation *,
.offcanvas-navigation,
.offcanvas-navigation *,
.menu-mobile,
.menu-mobile li,
.menu-mobile li a,
.menu-mobile .sub-menu,
.menu-mobile .sub-menu li,
.menu-mobile .sub-menu li a {
    background-color: #28a745 !important;
    color: #ffffff !important;
}

/* ✅ Dropdown indicator arrows */
.menu-mobile .fa,
.menu-mobile .fa-angle-down,
.af-bottom-header .fa-angle-down {
    color: #ffffff !important;
}

/* ✅ Hover effect inside mobile menu */
.menu-mobile li a:hover {
    color: #ffff99 !important;
}

/* ✅ Optional separator lines between mobile menu items */
.menu-mobile li,
.menu-mobile .sub-menu li {
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

/* --------------------------------------------------
   ✅ CATEGORY LABELS
-------------------------------------------------- */
.categories-inside-image a.morenews-categories.category-color-1,
.categories-inside-image a.morenews-categories,
.morenews-categories.category-color-1 {
    background-color: var(--brand-green) !important;
    color: #ffffff !important;
}

/* --------------------------------------------------
   ✅ TOP BAR
-------------------------------------------------- */
.top-bar-flex,
.top-bar-flex .col-2,
.top-bar-flex .date-bar-left,
.top-bar-flex .aft-small-social-menu,
.top-bar-flex::before,
.top-bar-flex::after,
.morenews-header .top-header {
    background-color: var(--brand-green) !important;
    color: #ffffff !important;
}

.top-bar-flex span,
.top-bar-flex a {
    color: #ffffff !important;
}

/* --------------------------------------------------
   ✅ FOOTER – FULL GREEN
-------------------------------------------------- */
.site-footer.data-bg {
    background-image: none !important;
}

.site-footer,
.primary-footer,
.secondary-footer,
.site-info {
    background-color: var(--brand-green) !important;
    color: #ffffff !important;
    background-image: none !important;
}

.site-footer::before,
.primary-footer::before,
.secondary-footer::before {
    content: none !important;
    background: transparent !important;
}

.site-footer .widget,
.site-footer .widget * {
    color: #ffffff !important;
}

.site-footer a {
    color: #ffffff !important;
}
.site-footer a:hover {
    color: #ffff99 !important;
}

.site-info {
    border-top: 1px solid rgba(255,255,255,0.2) !important;
}

/* Scroll to top button */
#scroll-up {
    background: #ffffff !important;
    color: var(--brand-green) !important;
}

/* --------------------------------------------------
   ✅ MOBILE RESPONSIVE CLEANUP
-------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .primary-footer-area,
    .secondary-footer,
    .site-info {
        text-align: center !important;
    }
}