/*
Theme Name:  Listeo ChildTheme
Theme URI: http://listeo.pro
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes
Description: Directory WordPress Theme by Purethemes
Version: 1.0
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: listeo
Domain Path: /languages/
Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns
Template:  listeo
*/

/* ═══════════════════════════════════════════════════
   YELLOW / GOLD SECONDARY ACCENT (#FFB81C)
   Complements the red primary set via pp_main_color
   ═══════════════════════════════════════════════════ */

:root {
    --secondary-color: #FFB81C;
    --secondary-color-hover: #E5A200;
    --dark-bg: #1A1A2E;
    --dark-bg-light: #232340;
}

/* ── Featured Listing Badges ── */
.listing-item-container.featured-listing .listing-badge,
.featured-badge,
.listing-badge.featured,
span.listing-tag.featured {
    background-color: var(--secondary-color) !important;
    color: var(--dark-bg) !important;
    font-weight: 600;
}

/* ── Star Ratings ── */
.star-rating span,
.star-rating .stars-active,
.listing-overview .numerical-rating,
.comment-by-listing .star-rating span::before,
.rating .star::before {
    color: var(--secondary-color) !important;
}

/* ── Price Highlights ── */
.listing-price,
.listing-price-value,
.price-tag {
    color: var(--secondary-color);
    font-weight: 700;
}

/* ── Footer Accent Links ── */
#footer a:hover,
#footer .footer-links a:hover,
.footer-bottom a:hover {
    color: var(--secondary-color) !important;
    transition: color 0.2s ease;
}

/* ── Secondary CTA Buttons (outline style) ── */
.button.secondary-btn,
.btn-secondary,
a.button.border {
    border-color: var(--secondary-color) !important;
    color: var(--secondary-color) !important;
    background: transparent !important;
}

.button.secondary-btn:hover,
.btn-secondary:hover,
a.button.border:hover {
    background-color: var(--secondary-color) !important;
    color: var(--dark-bg) !important;
}

/* ── Category/Tag Hover Accents ── */
.listing-features li:hover a,
.listing-links li:hover a {
    color: var(--secondary-color);
}

/* ── Header Navigation Active Highlight ── */
#header .current-menu-item>a,
#header .current-menu-ancestor>a {
    color: var(--secondary-color) !important;
}

/* ── Featured Listing Card Subtle Glow ── */
.listing-item-container.featured-listing {
    box-shadow: 0 0 0 2px var(--secondary-color);
    border-radius: 4px;
}

/* ── Notification/Info Badges ── */
.dashboard-nav .nav-tag,
.header-notifications .header-notifications-trigger span {
    background-color: var(--secondary-color) !important;
    color: var(--dark-bg) !important;
}

/* ── Search Button Hover Enhancement ── */
.main-search-input .button:hover,
.main-search-input button[type="submit"]:hover {
    filter: brightness(1.1);
    box-shadow: 0 4px 15px rgba(200, 16, 46, 0.4);
}

/* ── Footer Widget Titles ── */
#footer .widget h4,
#footer .widget h3,
#footer .footer-widget-title {
    color: var(--secondary-color) !important;
}

/* ── Smooth Transitions ── */
a,
.button,
.listing-item-container,
.nav-tag {
    transition: all 0.2s ease;
}

/* ── Dashboard Logo Background ── */
body.page-template-template-dashboard #logo {
    background-color: #1A1A2E !important;
}

/* ── Dashboard Sidebar Match ── */
.dashboard-nav {
    background-color: var(--dark-bg);
}

.dashboard-nav ul li a {
    color: rgba(255, 255, 255, 0.8);
}

.dashboard-nav ul li a:hover,
.dashboard-nav ul li.active a {
    color: var(--secondary-color);
}