/* Marketplace icon + contrast fix
   Load this AFTER the selected marketplace theme stylesheet. */

/* 1) Make Font Awesome 4/5 style icon classes render cleanly when FA6/FA7 shims are loaded */
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 7 Free", "FontAwesome" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
}

.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "Font Awesome 7 Brands", "FontAwesome" !important;
}

.fa,
.fas,
.fa-solid {
  font-weight: 900 !important;
}

.far,
.fa-regular {
  font-weight: 400 !important;
}

/* Specific fallback if search icon appears as a square */
.fa-search:before,
.fa-magnifying-glass:before {
  content: "\f002" !important;
}

.fa-caret-down:before {
  content: "\f0d7" !important;
}

.fa-list:before {
  content: "\f03a" !important;
}

.fa-users:before {
  content: "\f0c0" !important;
}

.fa-lock:before {
  content: "\f023" !important;
}

.fa-star:before {
  content: "\f005" !important;
}

/* 2) Keep icons centered and visible inside round/square feature badges */
.mp-icon,
.mp-feature-icon,
.mp-card-icon,
.mp-why-icon,
.mp-stat-icon,
.icon-circle,
.search-filter i,
.btn i,
.navbar i,
.mp-site-footer i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit;
  font-size: 1em;
}

.mp-feature-icon i,
.mp-card-icon i,
.mp-why-icon i,
.icon-circle i {
  color: #ffffff !important;
}

/* 3) Fix dark-section cards where text is becoming white on white cards */
.mp-section-dark .mp-card,
.mp-section-dark .mp-feature-card,
.mp-section-dark .mp-why-card,
.mp-why-section .mp-card,
.mp-why-section .mp-feature-card,
.mp-why-section .mp-why-card,
.section-dark-blue .mp-card,
.section-dark-blue .mp-feature-card,
.section-dark-blue .mp-why-card {
  background: #ffffff !important;
  color: #111827 !important;
}

.mp-section-dark .mp-card h1,
.mp-section-dark .mp-card h2,
.mp-section-dark .mp-card h3,
.mp-section-dark .mp-card h4,
.mp-section-dark .mp-card h5,
.mp-section-dark .mp-card h6,
.mp-section-dark .mp-card p,
.mp-section-dark .mp-card a,
.mp-section-dark .mp-feature-card h1,
.mp-section-dark .mp-feature-card h2,
.mp-section-dark .mp-feature-card h3,
.mp-section-dark .mp-feature-card h4,
.mp-section-dark .mp-feature-card h5,
.mp-section-dark .mp-feature-card h6,
.mp-section-dark .mp-feature-card p,
.mp-section-dark .mp-feature-card a,
.mp-section-dark .mp-why-card h1,
.mp-section-dark .mp-why-card h2,
.mp-section-dark .mp-why-card h3,
.mp-section-dark .mp-why-card h4,
.mp-section-dark .mp-why-card h5,
.mp-section-dark .mp-why-card h6,
.mp-section-dark .mp-why-card p,
.mp-section-dark .mp-why-card a,
.mp-why-section .mp-card h1,
.mp-why-section .mp-card h2,
.mp-why-section .mp-card h3,
.mp-why-section .mp-card h4,
.mp-why-section .mp-card h5,
.mp-why-section .mp-card h6,
.mp-why-section .mp-card p,
.mp-why-section .mp-card a,
.mp-why-section .mp-feature-card h1,
.mp-why-section .mp-feature-card h2,
.mp-why-section .mp-feature-card h3,
.mp-why-section .mp-feature-card h4,
.mp-why-section .mp-feature-card h5,
.mp-why-section .mp-feature-card h6,
.mp-why-section .mp-feature-card p,
.mp-why-section .mp-feature-card a,
.mp-why-section .mp-why-card h1,
.mp-why-section .mp-why-card h2,
.mp-why-section .mp-why-card h3,
.mp-why-section .mp-why-card h4,
.mp-why-section .mp-why-card h5,
.mp-why-section .mp-why-card h6,
.mp-why-section .mp-why-card p,
.mp-why-section .mp-why-card a {
  color: #111827 !important;
  text-shadow: none !important;
}

.mp-section-dark .mp-card p,
.mp-section-dark .mp-feature-card p,
.mp-section-dark .mp-why-card p,
.mp-why-section .mp-card p,
.mp-why-section .mp-feature-card p,
.mp-why-section .mp-why-card p {
  color: #4b5563 !important;
}

/* 4) Keep the dark section headings white while card text remains dark */
.mp-section-dark > .container > .mp-section-head h1,
.mp-section-dark > .container > .mp-section-head h2,
.mp-section-dark > .container > .mp-section-head h3,
.mp-section-dark > .container > .mp-section-head p,
.mp-why-section > .container > .mp-section-head h1,
.mp-why-section > .container > .mp-section-head h2,
.mp-why-section > .container > .mp-section-head h3,
.mp-why-section > .container > .mp-section-head p,
.section-dark-blue > .container > .mp-section-head h1,
.section-dark-blue > .container > .mp-section-head h2,
.section-dark-blue > .container > .mp-section-head h3,
.section-dark-blue > .container > .mp-section-head p {
  color: #ffffff !important;
}


/* ============================================================
   V4 STABLE MARKETPLACE OVERRIDES - LEGACY BROWSER SAFE
   Fixes navbar, home-page section contrast and footer.
   No color-mix() is used because older Chrome/cPanel browser builds can
   ignore those declarations completely.
   ============================================================ */
:root{
  --mp-font: var(--mp-font-body, "Inter", Arial, Helvetica, sans-serif);
  --mp-heading-font: var(--mp-font-heading, "Inter", Arial, Helvetica, sans-serif);
  --mp-primary-dark: var(--mp-primary, #0f172a);
  --mp-muted: #64748b;
  --mp-bg-soft: var(--mp-bg, #f8fafc);
  --mp-surface-2: var(--mp-surface, #ffffff);
  --mp-white: #ffffff;
  --mp-footer-bg: var(--mp-primary, #0f172a);
  --mp-footer-text: rgba(255,255,255,.82);
  --mp-footer-heading: #ffffff;
  --mp-footer-link: #ffffff;
  --mp-footer-muted: rgba(255,255,255,.62);
}

html body{
  background: var(--mp-bg, #f8fafc) !important;
  color: var(--mp-text, #111827) !important;
  font-family: var(--mp-font) !important;
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6{
  font-family: var(--mp-heading-font) !important;
}

/* Fixed header must never become glass/transparent or inherit hero styles */
html body nav.navbar.marketplace-navbar,
html body .navbar.marketplace-navbar.fixed-top,
html body .navbar.navbar-expand-lg.navbar-light.bg-white.fixed-top.marketplace-navbar{
  min-height: var(--mp-header-height, 76px) !important;
  background: var(--mp-surface, #ffffff) !important;
  background-color: var(--mp-surface, #ffffff) !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.12) !important;
  border-bottom: 1px solid var(--mp-border, #e5e7eb) !important;
  z-index: 1030 !important;
}

html body .navbar.marketplace-navbar::before,
html body .navbar.marketplace-navbar::after{
  display:none !important;
  content:none !important;
}

html body .navbar.marketplace-navbar .navbar-brand,
html body .navbar.marketplace-navbar .navbar-brands{
  color: var(--mp-heading, var(--mp-text, #111827)) !important;
  -webkit-text-fill-color: var(--mp-heading, var(--mp-text, #111827)) !important;
  text-shadow:none !important;
}

html body .navbar.marketplace-navbar .navbar-brand img,
html body .navbar.marketplace-navbar .navbar-brands img{
  max-height:58px !important;
  width:auto !important;
  object-fit:contain !important;
}

html body .navbar.marketplace-navbar .navbar-nav .nav-link,
html body .navbar.marketplace-navbar .navbar-nav > li > a,
html body .navbar.marketplace-navbar .nav-item > a{
  color: var(--mp-primary, #0f172a) !important;
  -webkit-text-fill-color: var(--mp-primary, #0f172a) !important;
  font-family: "Inter", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  opacity: 1 !important;
  text-shadow: none !important;
  background: transparent !important;
  border-radius:999px !important;
}

html body .navbar.marketplace-navbar .navbar-nav .nav-link:hover,
html body .navbar.marketplace-navbar .navbar-nav .nav-link:focus,
html body .navbar.marketplace-navbar .nav-item.activepage > .nav-link,
html body .navbar.marketplace-navbar .nav-link.active{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background: var(--mp-primary, #0f172a) !important;
  text-decoration:none !important;
}

html body .navbar.marketplace-navbar .dropdown-menu{
  background:#ffffff !important;
  border:1px solid var(--mp-border, #e5e7eb) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.16) !important;
  opacity:1 !important;
}

html body .navbar.marketplace-navbar .dropdown-item,
html body .navbar.marketplace-navbar .dropdown-menu a{
  color:var(--mp-text, #111827) !important;
  -webkit-text-fill-color:var(--mp-text, #111827) !important;
  background:transparent !important;
  font-family:"Inter", Arial, Helvetica, sans-serif !important;
  text-shadow:none !important;
}

html body .navbar.marketplace-navbar .dropdown-item:hover,
html body .navbar.marketplace-navbar .dropdown-menu a:hover{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:var(--mp-primary, #0f172a) !important;
}

html body .navbar.marketplace-navbar .search-filter,
html body .marketplace-navbar button.search-filter,
html body .marketplace-navbar .btn.search-filter{
  background:var(--mp-primary, #0f172a) !important;
  border-color:var(--mp-primary, #0f172a) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 10px 22px rgba(15,23,42,.18) !important;
}

html body .marketplace-navbar .search-filter i,
html body .marketplace-navbar .search-filter .fa,
html body .marketplace-navbar .search-filter .fas{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

@media(max-width:991.98px){
  html body .navbar.marketplace-navbar .navbar-collapse{
    background:var(--mp-surface, #ffffff) !important;
    border-top:1px solid var(--mp-border, #e5e7eb) !important;
    box-shadow:0 18px 40px rgba(15,23,42,.12) !important;
    padding:1rem !important;
  }
}

/* Home page global base */
html body #mp_home_widgets{
  background:var(--mp-bg, #f8fafc) !important;
  color:var(--mp-text, #111827) !important;
  font-family:var(--mp-font) !important;
}

html body #mp_home_widgets .mp-section,
html body #mp_home_widgets [data-home-widget]{
  color:var(--mp-text, #111827) !important;
  text-shadow:none !important;
}

html body #mp_home_widgets .mp-section-soft,
html body #mp_home_widgets [data-home-widget="popular_categories"],
html body #mp_home_widgets [data-home-widget="how_it_works"],
html body #mp_home_widgets [data-home-widget="testimonials"],
html body #mp_home_widgets [data-home-widget="faq"]{
  background:var(--mp-bg-soft, var(--mp-bg, #f8fafc)) !important;
}

html body #mp_home_widgets [data-home-widget="popular_adverts"],
html body #mp_home_widgets [data-home-widget="latest_blog"]{
  background:var(--mp-bg, #f8fafc) !important;
}

html body #mp_home_widgets .mp-card,
html body #mp_home_widgets .mp-search-box,
html body #mp_home_widgets #mp_home_faqs{
  background:var(--mp-surface, #ffffff) !important;
  color:var(--mp-text, #111827) !important;
  border:1px solid var(--mp-border, #e5e7eb) !important;
  text-shadow:none !important;
}

html body #mp_home_widgets .mp-title,
html body #mp_home_widgets .mp-card h1,
html body #mp_home_widgets .mp-card h2,
html body #mp_home_widgets .mp-card h3,
html body #mp_home_widgets .mp-card h4,
html body #mp_home_widgets .mp-card h5,
html body #mp_home_widgets .mp-listing-title,
html body #mp_home_widgets .mp-faq-item h4,
html body #mp_home_widgets .mp-how-step h4{
  color:var(--mp-heading, var(--mp-text, #111827)) !important;
  -webkit-text-fill-color:var(--mp-heading, var(--mp-text, #111827)) !important;
  text-shadow:none !important;
}

html body #mp_home_widgets .mp-copy,
html body #mp_home_widgets .mp-card p,
html body #mp_home_widgets .mp-location,
html body #mp_home_widgets .mp-faq-item p,
html body #mp_home_widgets .mp-how-step p,
html body #mp_home_widgets .mp-stat span{
  color:var(--mp-muted, #64748b) !important;
  -webkit-text-fill-color:var(--mp-muted, #64748b) !important;
  text-shadow:none !important;
}

html body #mp_home_widgets .mp-eyebrow,
html body #mp_home_widgets .mp-listing-meta,
html body #mp_home_widgets .mp-stat strong{
  color:var(--mp-secondary, var(--mp-primary, #0f172a)) !important;
  -webkit-text-fill-color:var(--mp-secondary, var(--mp-primary, #0f172a)) !important;
  text-shadow:none !important;
}

/* Hero remains readable */
html body #mp_home_widgets .mp-hero h1,
html body #mp_home_widgets .mp-hero p,
html body #mp_home_widgets .mp-hero .mp-eyebrow{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 2px 18px rgba(0,0,0,.32) !important;
}

/* CTA must be a visible panel, not white text floating on a pale page */
html body #mp_home_widgets [data-home-widget="post_listing_cta"]{
  background:var(--mp-bg, #f8fafc) !important;
}

html body #mp_home_widgets .mp-cta-panel,
html body #mp_home_widgets [data-home-widget="post_listing_cta"] .mp-cta-panel{
  background:linear-gradient(135deg, var(--mp-primary, #0f172a), var(--mp-secondary, #334155)) !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:0 24px 60px rgba(15,23,42,.18) !important;
}

html body #mp_home_widgets .mp-cta-panel h1,
html body #mp_home_widgets .mp-cta-panel h2,
html body #mp_home_widgets .mp-cta-panel h3,
html body #mp_home_widgets .mp-cta-panel h4,
html body #mp_home_widgets .mp-cta-panel p,
html body #mp_home_widgets .mp-cta-panel span{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:none !important;
}

html body #mp_home_widgets .mp-cta-panel .mp-btn,
html body #mp_home_widgets .mp-cta-panel .mp-btn-light{
  background:#ffffff !important;
  color:var(--mp-primary, #0f172a) !important;
  -webkit-text-fill-color:var(--mp-primary, #0f172a) !important;
  border-color:rgba(255,255,255,.75) !important;
}

/* Why Choose Us should be a proper dark/strong section with white heading and white cards */
html body #mp_home_widgets .mp-dark,
html body #mp_home_widgets [data-home-widget="why_choose_us"]{
  background:linear-gradient(135deg, var(--mp-primary, #0f172a), var(--mp-secondary, #334155)) !important;
  color:#ffffff !important;
}

html body #mp_home_widgets .mp-dark > .mp-container > .mp-center,
html body #mp_home_widgets .mp-dark > .mp-container > .mp-center h1,
html body #mp_home_widgets .mp-dark > .mp-container > .mp-center h2,
html body #mp_home_widgets .mp-dark > .mp-container > .mp-center h3,
html body #mp_home_widgets .mp-dark > .mp-container > .mp-center p,
html body #mp_home_widgets [data-home-widget="why_choose_us"] > .mp-container > .mp-center,
html body #mp_home_widgets [data-home-widget="why_choose_us"] > .mp-container > .mp-center h2,
html body #mp_home_widgets [data-home-widget="why_choose_us"] > .mp-container > .mp-center p,
html body #mp_home_widgets [data-home-widget="why_choose_us"] .mp-eyebrow{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:none !important;
}

html body #mp_home_widgets .mp-dark .mp-card,
html body #mp_home_widgets [data-home-widget="why_choose_us"] .mp-card{
  background:#ffffff !important;
  color:var(--mp-text, #111827) !important;
  border-color:rgba(255,255,255,.35) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.14) !important;
}

html body #mp_home_widgets .mp-dark .mp-card h4,
html body #mp_home_widgets [data-home-widget="why_choose_us"] .mp-card h4{
  color:var(--mp-heading, #111827) !important;
  -webkit-text-fill-color:var(--mp-heading, #111827) !important;
}

html body #mp_home_widgets .mp-dark .mp-card p,
html body #mp_home_widgets [data-home-widget="why_choose_us"] .mp-card p{
  color:var(--mp-muted, #64748b) !important;
  -webkit-text-fill-color:var(--mp-muted, #64748b) !important;
}

html body #mp_home_widgets .mp-icon,
html body #mp_home_widgets .mp-how-step .mp-icon,
html body #mp_home_widgets .mp-card .mp-icon{
  background:var(--mp-primary, #0f172a) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html body #mp_home_widgets .mp-icon i,
html body #mp_home_widgets .mp-icon .fa,
html body #mp_home_widgets .mp-icon .fas{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Footer compatibility - works with footer.php .footer.mp-site-footer */
html body footer.footer.mp-site-footer,
html body .footer.mp-site-footer{
  background:linear-gradient(135deg, var(--mp-primary, #0f172a), var(--mp-secondary, #334155)) !important;
  color:rgba(255,255,255,.84) !important;
  padding:56px 0 0 !important;
  border-top:0 !important;
  box-shadow:0 -20px 55px rgba(15,23,42,.12) !important;
}

html body .mp-site-footer h1,
html body .mp-site-footer h2,
html body .mp-site-footer h3,
html body .mp-site-footer h4,
html body .mp-site-footer .mp-footer-brand{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-family:var(--mp-heading-font) !important;
  font-weight:900 !important;
  text-shadow:none !important;
}

html body .mp-site-footer p,
html body .mp-site-footer small,
html body .mp-site-footer li,
html body .mp-site-footer .mp-footer-about,
html body .mp-site-footer .mp-footer-contact-item{
  color:rgba(255,255,255,.82) !important;
  -webkit-text-fill-color:rgba(255,255,255,.82) !important;
  text-shadow:none !important;
}

html body .mp-site-footer a,
html body .mp-site-footer .mp-footer-links a{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:none !important;
  font-weight:700 !important;
}

html body .mp-site-footer a:hover,
html body .mp-site-footer .mp-footer-links a:hover{
  color:var(--mp-accent, #f59e0b) !important;
  -webkit-text-fill-color:var(--mp-accent, #f59e0b) !important;
}

html body .mp-site-footer .mp-social-links a{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html body .mp-site-footer .mp-social-links a:hover{
  background:var(--mp-accent, #f59e0b) !important;
  border-color:var(--mp-accent, #f59e0b) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html body .mp-site-footer .mp-footer-bottom,
html body .mp-site-footer .footer-copyright{
  border-top:1px solid rgba(255,255,255,.14) !important;
  color:rgba(255,255,255,.68) !important;
  background:rgba(0,0,0,.12) !important;
}

/* fixed footer alerts should sit above footer and be readable */
html body .mp-footer-alert{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-family:"Inter", Arial, Helvetica, sans-serif !important;
  font-weight:800 !important;
  text-shadow:none !important;
}
html body .mp-footer-alert a{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:underline !important;
}
html body .footverify{
  background:var(--mp-accent, #f59e0b) !important;
}
html body .footmessage{
  background:#dc2626 !important;
}
html body .footchatmessage{
  background:#16a34a !important;
}

@media(max-width:767px){
  html body #mp_home_widgets .mp-cta-panel{
    padding:28px !important;
    text-align:left !important;
  }
  html body #mp_home_widgets .mp-cta-panel > div{
    text-align:left !important;
  }
  html body .footer.mp-site-footer{
    padding-top:36px !important;
  }
}
/* ==========================================================
   Header search icon alignment fix
   Keeps the round search button vertically aligned with nav items
========================================================== */

.navbar.marketplace-navbar .container-fluid {
  display: flex !important;
  align-items: center !important;
}

.navbar.marketplace-navbar .navbar-nav {
  display: flex !important;
  align-items: center !important;
}

.navbar.marketplace-navbar .nav-item {
  display: flex !important;
  align-items: center !important;
}

.navbar.marketplace-navbar .nav-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  line-height: 1.2 !important;
}

.navbar.marketplace-navbar .search-filter {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin-left: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  line-height: 1 !important;
  border-radius: 999px !important;
}

.navbar.marketplace-navbar .search-filter i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
}

.navbar.marketplace-navbar .d-flex.align-items-center.order-lg-2 {
  align-items: center !important;
}
@media (max-width: 991.98px) {
  .navbar.marketplace-navbar .search-filter {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin-left: .65rem !important;
  }
}