/*
Theme Name: bizdirectory child
Template: bizdirectory
Version: 1.0
*/
/* --- SECTION A: TARGETED BRANDING (Main Content) --- */
/* Target only the main content and directory listing sections */
.site-main a, 
.entry-content a, 
.directorist-single-content a, 
.directorist-listing-title a {
    color: #000080 !important;
}

.site-main a:hover, 
.entry-content a:hover, 
.directorist-single-content a:hover {
    color: #ff0000 !important;
}

/* Specific Hamburger Menu Fix */
.open-menu, 
.open-menu span, 
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
    background-color: #000080 !important;
}
/* 1. Target Titles for Red Hover */
.directorist-listing-title:hover,
.entry-title a:hover {
    color: #ff0000 !important;
    transition: color 0.3s ease; /* Adds a smooth transition */
}


/* 3. Ensure Category labels in search bar are Navy */
.directorist-search-field .select2-selection__rendered {
    color: #000080 !important;
}

/* Ensure video controls remain accessible */
.video-player-controls, 
.video-player-controls *,
.video-player-controls svg {
    color: inherit !important;
    fill: inherit !important;
}

/* Remove Footer Widget Area */
.site-footer .footer-widgets, 
.site-footer aside, 
.footer-top {
    display: none !important;
}
/* Force Footer and Prefooter to Navy */
footer#colophon, 
.prefooter {
    background-color: #000080 !important;
}

/* Force Blog Date to Navy background with White text */
.blog-element .date {
    background-color: #000080 !important;
    color: #ffffff !important;
}


/* Force all primary buttons to Navy */
#directorist.atbd_wrapper .btn-primary, 
.directorist-btn.directorist-btn-primary, 
.directorist-content-active .widget .btn, 
.directorist-search-contents .directorist-search-form-top button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn-default {
    background: #000080 !important; /* Navy */
    color: #ffffff !important;
}
/* Force search form placeholder labels to Navy */
.directorist-search-form-wrap .directorist-search-field label,
.directorist-search-form-wrap .select2-container .select2-selection__placeholder,
.directorist-search-contents .directorist-search-field {
    color: #000080 !important;
}

/* Force "Most Popular Locations" and subtext to Navy */
.section-headings h2, 
.section-headings span,
h2.widgettitle, 
h2.widget-title {
    color: #000080 !important;
}
/* Hover state for buttons */
#directorist.atbd_wrapper .btn-primary:hover, 
.directorist-btn.directorist-btn-primary:hover, 
.directorist-content-active .widget .btn:hover, 
.directorist-search-contents .directorist-search-form-top button:hover,
input [type="button"]:hover,
input[type="submit"]:hover,
input [type="reset"]:hover,
.btn-default:hover {
    background: #ff0000 !important;
}

/* Links against Blue/Navy backgrounds (Gold) */
.btn, 
.button, 
.directorist-search-form-wrap, 
footer#colophon a:hover {
    color: #FFD700 !important; /* Gold */
}

/* Ensure footer links maintain white but turn Gold on hover */
footer#colophon a {
    color: #ffffff !important;
}
footer#colophon a:hover {
    color: #FFD700 !important;
}
/* --- Primary Navy (Headings & Titles) --- */

.section-headings h2,
h2.widgettitle,
h2.widget-title,
.directorist-listing-title a {
    color: #000080 !important; /* Dark Navy */
}

/* --- Secondary Navy (Subtext & Descriptions) --- */
.section-headings span,
.directorist-listing-content p,
.directorist-single-listing-meta,
.directorist-search-contents .directorist-search-field {
    color: #0047AB !important; /* Medium/Lighter Navy for contrast */
}
/* Change post titles to Navy */
.blog-element .post-title,
.blog-element .post-title a,
h3.post-title {
    color: #000080 !important;
}
/* 1. Target ONLY Main Content Area (Safely) */
.entry-content a, 
.page-content a, 
.directorist-single-content a, 
.post-content a {
    color: #000080 !important;
}

/* 2. Target ONLY Main Content Hover */
.entry-content a:hover, 
.page-content a:hover, 
.directorist-single-content a:hover {
    color: #ff0000 !important;
}

/* 3. Keep Headers and Sidebar safe */
/* This allows the theme to handle its own contrast for these areas */
.sidebar a, 
.widget a, 
.site-header a {
    color: #000080 !important;
}

/* 4. Keep your existing specific fixes for icons and buttons */
.directorist-mark-as-favorite__btn .directorist-favorite-icon,
.directorist-favorite-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Change specific navigation menu links to Navy */
.header-navigation a,
.header-navigation ul li a,
.site-header .header-navigation a {
    color: #000080 !important;
}

/* Ensure hover state remains Red */
.header-navigation a:hover,
.header-navigation ul li a:hover {
    color: #ff0000 !important;
}
/* Remove the prefooter container */
.prefooter, 
.footer-widgets, 
.site-footer-widgets {
    display: none !important;
}

/* 1. Force Search Icons to Navy */
.directorist-search-field i, 
.directorist-search-field svg, 
.directorist-search-form-top i,
.directorist-search-form-top svg,
.directorist-category-icon,
.directorist-select2-container .select2-selection__arrow b {
    color: #000080 !important;
    fill: #000080 !important;
    stroke: #000080 !important;
}

/* 2. Force CTA Button Hover to Red */
/* This targets the specific banner button class */
.atbd_banner_search_field .atbd_btn:hover,
.directorist-search-contents .directorist-btn-primary:hover,
a.atbd_btn:hover,
button.atbd_btn:hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
}
/* Apply Navy to both the custom icon mask and the dropdown arrow */
.directorist-icon-mask, 
.select2-selection__arrow b {
    filter: invert(8%) sepia(97%) saturate(7351%) hue-rotate(247deg) brightness(85%) contrast(149%) !important;
}

/* Ensure the arrow container also respects the color */
.select2-selection__arrow b {
    border-color: #000080 transparent transparent transparent !important;
}
/* 1. Force the Button background to Navy */
button.directorist-mark-as-favorite__btn {
    background-color: #000080 !important;
    border-color: #000080 !important;
}

/* 2. Force the Icon to White using Filter */
/* We use invert(1) to turn the icon white if it is currently dark */
.directorist-favorite-icon {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) !important;
}
/* 1. Change the link text color to Navy */
.directorist-type-nav__link {
    color: #000080 !important;
}

/* 2. Change the icon mask color to Navy using the filter technique */
.directorist-type-nav__link .directorist-icon-mask {
    /* This filter converts the icon to Navy #000080 */
    filter: invert(8%) sepia(97%) saturate(7351%) hue-rotate(247deg) brightness(85%) contrast(149%) !important;
}
/* 1. Set Favorite Icon to White (Base) and Red (Hover) */
.directorist-mark-as-favorite__btn .directorist-favorite-icon {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) !important;
    transition: filter 0.3s ease !important;
}
/* ==========================================================================
   ULTIMATE CTA BUTTON FIX (Join Now)
   ========================================================================== */

/* Force Normal State */
body a.btn-default {
    background-color: #000080 !important;
    border: 1px solid #000080 !important;
    color: #ffffff !important;
}

/* Force Hover State */
body a.btn-default:hover {
    background-color: #ff0000 !important;
    border: 1px solid #ff0000 !important;
    color: #ffffff !important;
    transition: background-color 0.3s ease !important;
}

.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon {
    /* This filter converts the icon to Red (#ff0000) */
    filter: invert(11%) sepia(99%) saturate(7483%) hue-rotate(5deg) brightness(104%) contrast(106%) !important;
}

/* 2. Set Banner Category Icons to Gold */
/* This targets the navigation links in the header/banner area */
.directorist-type-nav__link .directorist-icon-mask {
    /* This filter converts the icon to Gold (#FFD700) */
    filter: invert(81%) sepia(48%) saturate(2333%) hue-rotate(358deg) brightness(102%) contrast(103%) !important;
}

.directorist-type-nav__link {
    color: #FFD700 !important;
}
/* Red hover for the specific Purchase button */
a.btn-default:hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
    transition: background-color 0.3s ease !important;
}
/* 1. Base State: Navy */
.directorist-type-nav__link, 
.directorist-type-nav__link .directorist-icon-mask {
    color: #000080 !important;
}

.directorist-type-nav__link .directorist-icon-mask {
    /* Filter to convert to Navy */
    filter: invert(8%) sepia(97%) saturate(7351%) hue-rotate(247deg) brightness(85%) contrast(149%) !important;
}

/* 2. Hover State: Red */
.directorist-type-nav__link:hover, 
.directorist-type-nav__link:hover .directorist-icon-mask {
    color: #ff0000 !important;
}
/* 3. Force Icon to remain White */
button.directorist-btn-search i.directorist-icon-mask {
    /* This filter forces the icon to appear white */
    filter: brightness(0) invert(1) !important;
}

.directorist-type-nav__link:hover .directorist-icon-mask {
    /* Filter to convert to Red */
    filter: invert(11%) sepia(99%) saturate(7483%) hue-rotate(5deg) brightness(104%) contrast(106%) !important;
}
.atbd_banner_search_field .atbd_btn,
.directorist-search-contents .directorist-btn-primary {
    background-color: #000080 !important;
    border-color: #000080 !important;
    color: #ffffff !important;
}
/* ==========================================================================
   3. FAVORITE BUTTON (HOVER & ACTIVE STATE)
   ========================================================================== */

/* Base State: Navy Background, White Icon */
button.directorist-mark-as-favorite__btn { 
    background-color: #000080 !important; 
    border: 1px solid #000080 !important;
    transition: all 0.3s ease !important;
}
/* ==========================================================================
   FORCE OVERRIDE: Banner & CTA Buttons
   ========================================================================== */

/* Force Banner Button to Navy (High Specificity) */
body #directorist.atbd_wrapper .atbd_banner_search_field .atbd_btn,
body .directorist-search-contents .directorist-btn-primary,
body a.atbd_btn,
body button.atbd_btn {
    background-color: #000080 !important;
    border-color: #000080 !important;
    color: #ffffff !important;
}

/* Force CTA Button Hover to Red (High Specificity) */
body .atbd_banner_search_field .atbd_btn:hover,
body .directorist-search-contents .directorist-btn-primary:hover,
body a.atbd_btn:hover,
body button.atbd_btn:hover 
body .btn_default: hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
	transition: background-color 0.3s ease !important;
}

.directorist-mark-as-favorite__btn .directorist-favorite-icon { 
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) !important; 
    transition: all 0.3s ease !important;
}

/* Hover/Active State: White Background, Red Icon */
/* This targets both hover and the state where the item is already favorited */
button.directorist-mark-as-favorite__btn:hover,
button.directorist-mark-as-favorite__btn.directorist-added-to-favorite { 
    background-color: #ffffff !important; 
    border: 1px solid #ff0000 !important;
}

button.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon,
button.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon { 
    filter: invert(11%) sepia(99%) saturate(7483%) hue-rotate(5deg) brightness(104%) contrast(106%) !important; 
}
/* Force override of inline styles on the Join Now button */
.atbd_banner_search_field .atbd_btn[style],
a.atbd_btn[style],
button.atbd_btn[style] {
    background-color: #000080 !important;
}

.atbd_banner_search_field .atbd_btn[style]:hover,
a.atbd_btn[style]:hover,
button.atbd_btn[style]:hover {
    background-color: #ff0000 !important;
}
/* ==========================================================================
   FORCE NAVY COLOR OVERRIDE
   ========================================================================== */

/* 1. Header Subtitle */
.site-branding .site-description,
.header-sub-title, 
p.site-description {
    color: #000080 !important;
}

/* 2. Listing Page Search "Location" Placeholder */
.directorist-search-contents .directorist-search-field input::placeholder,
.directorist-search-contents .directorist-search-field input,
.directorist-listing-search-wrapper .select2-selection__placeholder {
    color: #000080 !important;
    opacity: 1 !important; /* Forces the color to be fully opaque */
}

/* Add a dark overlay to the banner section */
.directorist-banner-area, 
.atbd_banner_search_field,
.hero-section {
    position: relative !important;
}

.directorist-banner-area::before,
.atbd_banner_search_field::before,
.hero-section::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* Adjust '0.7' (70%) to make it darker or lighter */
    background: rgba(0, 0, 0, 0.7) !important; 
    z-index: 1 !important;
}

/* Ensure text stays above the overlay */
.directorist-banner-area > *,
.atbd_banner_search_field > *,
.hero-section > * {
    position: relative !important;
    z-index: 2 !important;
}
/* Force the listing card border to Navy */
.directorist-listing-grid-view .directorist-listing-card, 
.directorist-listing-card {
    border: 1px solid #000080 !important;
}
/* ==========================================================================
   FORCE LISTING DETAILS TO NAVY
   ========================================================================== */

/* 2. Target the View Count icon and text */
.directorist-listing-card .directorist-listing-footer .directorist-meta-count,
.directorist-listing-card .directorist-listing-footer i,
.directorist-listing-card .directorist-listing-footer span {
    color: #000080 !important;
}
/* ==========================================================================
   FORCE ICON TO WHITE
   ========================================================================== */

/* Target the element with the icon-mask and apply an invert filter */
i.directorist-icon-mask[style*="home-solid.svg"] {
    filter: brightness(0) invert(1) !important;
}
/* ==========================================================================
   FORCE WIDGET SEARCH BUTTON TO NAVY
   ========================================================================== */

/* Target the standard WordPress search button */
.widget_search input[type="submit"],
.widget_product_search input[type="submit"],
.search-form input[type="submit"] {
    background-color: #000080 !important;
    border: 1px solid #000080 !important;
    color: #ffffff !important;
}

/* Force hover state to Red (or your preference) */
.widget_search input[type="submit"]:hover,
.widget_product_search input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
    background-color: #ff0000 !important;
    border: 1px solid #ff0000 !important;
    color: #ffffff !important;
}
/* ==========================================================================
   FORCE BLOG POST TEXT TO BLACK
   ========================================================================== */

/* Target the primary content area for blog posts */
.single-post .entry-content,
.single-post .entry-content p,
.single-post .entry-content li {
    color: #000000 !important;
}
/* ==========================================================================
   FORCE POST TEXT TO BLACK
   ========================================================================== */

/* Target common content containers for listings and posts */
.directorist-listing-content,
.directorist-single-listing-content,
.entry-content,
.post-content,
.blog-post-content {
    color: #000000 !important;
}

/* Ensure paragraph and list text within these containers is black */
.directorist-listing-content p,
.directorist-listing-content li,
.entry-content p,
.entry-content li {
    color: #000000 !important;
}
/* ==========================================================================
   FORCE LISTING DETAILS & VIEW COUNT TO BLACK
   ========================================================================== */

/* 1. Target listing details (Address, Phone, Date) */
.directorist-listing-card .directorist-listing-content .directorist-meta-fields,
.directorist-listing-card .directorist-listing-content .directorist-meta-fields a,
.directorist-listing-card .directorist-listing-content .directorist-meta-fields span,
.directorist-listing-content .directorist-single-info {
    color: #000000 !important;
}

/* 2. Target the View Count icon and text */
.directorist-listing-card .directorist-listing-footer .directorist-meta-count,
.directorist-listing-card .directorist-listing-footer i,
.directorist-listing-card .directorist-listing-footer span {
    color: #000000 !important;
}
/* ==========================================================================
   FORCE RATING COUNT TO BLACK
   ========================================================================== */

/* Target the rating count text specifically */
.directorist-rating .directorist-rating-count,
.directorist-rating .directorist-rating-score,
.directorist-rating span {
    color: #000000 !important;
}
/* ==========================================================================
   FORCE SPECIFIC COLORS BY LISTING TYPE
   ========================================================================== */

/* 1. BANNER AREA: White (Default) / Gold (Hover) */
/* Update '.site-header' if your banner has a different class */
.site-header [data-listing_type] {
    color: #ffffff !important;
}
.site-header [data-listing_type] i {
    background-color: #ffffff !important; /* Forces the icon color */
}
.site-header [data-listing_type]:hover,
.site-header [data-listing_type]:hover i {
    color: #FFD700 !important;
    background-color: #FFD700 !important;
}

/* 2. PAGE CONTENT AREA: Navy (Default) / Red (Hover) */
.page-content [data-listing_type] {
    color: #000080 !important;
}
.page-content [data-listing_type] i {
    background-color: #000080 !important;
}
.page-content [data-listing_type]:hover,
.page-content [data-listing_type]:hover i {
    color: #ff0000 !important;
    background-color: #ff0000 !important;
}
/* ==========================================================================
   FORCE SPECIFIC COLORS BY LISTING TYPE
   ========================================================================== */

/* 1. BANNER AREA: White (Default) / Gold (Hover) */
/* Update '.site-header' if your banner has a different class */
.site-header [data-listing_type] {
    color: #ffffff !important;
}
.site-header [data-listing_type] i {
    background-color: #ffffff !important; /* Forces the icon color */
}
.site-header [data-listing_type]:hover,
.site-header [data-listing_type]:hover i {
    color: #FFD700 !important;
    background-color: #FFD700 !important;
}