/*
 Theme Name: Popularis Verse
 Theme URI: https://populariswp.com/popularis-verse/
 Description: Child theme for Popularis, customized with a green color scheme.
 Author: Themes4WP / Custom
 Template: popularis
 Version: 1.0.4
 Text Domain: popularis-verse
*/

/* --- Global Overrides --- */
body {
    font-size: 14px; /* Overrides parent 12px */
    color: #404040;
    line-height: 1.6;
}

a, a:active, a:hover, a:focus {
    color: #75ab61; /* Your Custom Green */
    text-decoration: none;
}

h1.site-title a, .site-title a {
    color: #6aa84f; /* Fixed: Removed double ## */
}

/* --- Navigation & Header --- */
#site-navigation {
    background-color: #bad9ba;
    border-bottom: 1px solid rgba(106, 168, 79, 0.04);
    z-index: 99;
    font-weight: 600;
}

.navbar-default .navbar-nav > li > a {
    color: #8fce00;
}

.top-bar-section {
    background-color: rgba(106, 168, 79, 0.68);
}

.top-bar-section a {
    color: #000000;
}

/* --- Widgets & Sidebars --- */
.widget-title {
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
}

.widget-title:after {
    background-color: #2a7e0b;
    content: "";
    position: absolute;
    bottom: 14px;
    top: 20px;
    width: 5px;
    left: 0;
}

.widget-title h3 {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.6;
    padding: 8px;
    margin: 0;
    display: inline-block;
}

/* --- Buttons & Interactive Elements --- */
li.menu-button-outline a, li.menu-button a {
    padding: 10px 15px;
    border: 2px solid;
    border-radius: 5px;
    margin-top: 8px;
    color: #000000 !important;
    margin-left: 10px;
    font-size: 12px;
    display: inline-block;
}

li.menu-button a {
    background-color: #ffffff !important;
}

li.menu-button-outline:hover, li.menu-button:hover {
    background-color: transparent !important;
}

/* --- WooCommerce & Accents --- */
.cart-contents span.count, 
.woocommerce span.onsale, 
.nav > li.active > a:after, 
.current-page-parent:after, 
.dropdown-menu > .active > a {
    background-color: rgba(106, 168, 79, 0.68);
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a, 
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
    border-bottom: 2px solid rgba(106, 168, 79, 0.68);
    color: #6AA84F;
}

/* --- Layout & Articles --- */
article.blog-article {
    clear: none;
}

article.blog-article:nth-of-type(2n-1) {
    clear: both;
}

.post-item h2 a {
    font-size: 12px;
    line-height: 35px;
    font-weight: 600;
}

.cat-links a:after {
    content: "/";
    margin: 0 3px 0 5px;
    color: initial;
    letter-spacing: -2px;
}

.cat-links a:last-child:after {
    content: "";
}

/* --- Responsive Adjustments --- */
@media (max-width: 991px) {
    .author-avatar {
        top: auto;
        bottom: -20px;
        right: 50%;
        margin-left: -16px;
    }
}

@media (min-width: 768px) {
    .navbar-default .navbar-nav > li:hover {
        background-color: rgba(106, 168, 79, 0.68);
        color: #fff;
    }
}