/* Brand color overrides: Pest Mavericks palette */
:root {
  /* Core Pest Mavericks colors */
  --brand-blue: #0085CF;        /* primary background blue */
  --brand-lime: #C21F25;        /* strong red accent */
  --brand-lime-rgb: 194, 31, 37;/* red RGB for rgba() usage */
  --brand-orange: #6AB7D9;      /* light blue stripe as accent */
  --brand-dark: #0C1A2C;        /* almost black navy (outline) */
  --brand-offwhite: #F2F2F2;    /* off-white/cream for text */
  --brand-white: #FFFFFF;       /* pure white */
  /* Map legacy tokens to new palette */
  --brand-yellow: var(--brand-orange);
  --brand-red: var(--brand-lime);
}

/* Text & links */
/* Buttons */
.btn-primary, .button, .wp-block-button__link, .btn.btn-primary {
  background-color: var(--brand-blue) !important;
}
.btn-primary:hover, .button:hover, .wp-block-button__link:hover, .btn.btn-primary:hover {
  background-color: color-mix(in srgb, var(--brand-blue) 85%, #000 15%) !important;
}
.btn-outline-primary {
  color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
}
.btn-outline-primary:hover {
  background-color: var(--brand-blue) !important;
  color: var(--brand-white) !important;
}

/* Dropdown menus: dark panel with light text */
.dropdown-menu,
.navbar .dropdown-menu {
  background-color: var(--brand-dark) !important;
  border-color: rgba(12, 26, 44, 0.6) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.22) !important;
}
.dropdown-menu .dropdown-item,
.navbar .dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-header,
.navbar .dropdown-menu .dropdown-header {
  color: var(--brand-offwhite) !important;
  background-color: transparent !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu .dropdown-item:focus {
  color: #fff !important;
  background-color: var(--brand-lime) !important;
}

  /* Collapsed mobile navbar: dark panel with light links */
  @media (max-width: 767.98px) {
    /* Force the entire collapsed panel to brand blue */
    #header #navbar,
    #header .navbar-collapse,
    #header .navbar-collapse.show,
    #header .collapsing {
      background-color: var(--brand-blue) !important;
      color: var(--brand-offwhite) !important;
    }
    /* Mobile dropdown within collapsed panel also brand blue */
    #header #navbar .dropdown-menu {
      background-color: var(--brand-blue) !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }
    /* Make hamburger visible on dark header */
    #header.navbar.navbar-light .navbar-toggler {
      border-color: rgba(255,255,255,.55) !important;
    }
    #header.navbar.navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
    #header .navbar-collapse .nav-link,
    #header .navbar-collapse .dropdown-item {
      color: var(--brand-offwhite) !important;
    }
    #header .navbar-collapse .nav-link:hover,
    #header .navbar-collapse .dropdown-item:hover,
    #header .navbar-collapse .nav-link:focus,
    #header .navbar-collapse .dropdown-item:focus {
      color: var(--brand-lime) !important;
      background: transparent !important;
    }
  }

/* Forms */
  .form-control:focus {
    border-color: var(--brand-orange) !important;
  }

/* warranty page background */
body.page-id-525,
body.page-id-525 #wrapper,
body.page-id-525 .page-defualt-template,
body.page-id-525 .page-default-template {
  background-color: var(--brand-red) !important;
}

/* Dropdown menus: Pest Mavericks dark panel with light text */
.warranty.banner {
  /* use background to override any existing image/gradient */
  background: var(--brand-red) !important;
  background-image: none !important;
}
.warranty.banner::after {
  /* neutralize theme overlays if present */
  background: none !important;
  background-image: none !important;
  display: none !important;
  content: none !important;
}

/* Stronger specificity for homepage warranty banner */
section.warranty.banner.bg-jade-geometric {
  background: var(--brand-red) !important;
  background-image: none !important;
}

/* Blog features section background */
section.blogFeat {
  background: var(--brand-blue) !important;
  background-image: none !important;
  color: white !important;
}
section.blogFeat::before,
section.blogFeat::after {
  background: none !important;
  background-image: none !important;
  content: none !important;
}

/* Blog features intro heading color */
section.blogFeat h4 {
  color: white !important;
}

/* Our Stats icons -> brand orange */
/* Blog feature cards: yellow cards with brand-red text */
.blogFeat .featured-posts-wrapper a.feat-post {
  background: var(--brand-blue) !important;
  border-color: rgba(0,0,0,0) !important;
}
.blogFeat .featured-posts-wrapper a.feat-post .entry-summary,
.blogFeat .featured-posts-wrapper a.feat-post .entry-summary h6,
.blogFeat .featured-posts-wrapper a.feat-post .entry-summary p,
.blogFeat .featured-posts-wrapper a.feat-post .entry-title {
  color: #ffffff !important;
}
.blogFeat .featured-posts-wrapper a.feat-post:hover {
  background: color-mix(in srgb, var(--brand-yellow) 92%, #000 8%) !important;
}

.blogFeat .featured-posts-wrapper { width: 100%; }
@media (max-width: 576px) {
  .blogFeat .featured-posts-wrapper { padding-left: 1rem; padding-right: 1rem; }
  .blogFeat .featured-posts-wrapper > a.feat-post { width: 100% !important; }
}

/* Blog feature: action buttons and nav should match Washology palette */
.blogFeat .blog-slider .blog-nav,
.blogFeat .blog-slider .blog-nav:disabled {
  background: var(--brand-blue) !important;
  color: #fff !important;
}
.blogFeat .blog-slider .blog-nav:hover,
.blogFeat .blog-slider .blog-nav:focus {
  filter: brightness(1.05);
}

/* Detail card primary action */
.blogFeat .featured-post-detail .detail-actions .btn,
.blogFeat .featured-post-detail .detail-actions a.btn,
.blogFeat .featured-post-detail .detail-actions .btn-primary-dark {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  color: #fff !important;
}
.blogFeat .featured-post-detail .detail-actions .btn:hover,
.blogFeat .featured-post-detail .detail-actions .btn:focus {
  filter: brightness(1.05);
  color: #fff !important;
}

/* All Posts button at bottom of section */
.blogFeat .blogContent .text-center .btn.btn-primary,
.blogFeat .blogContent .text-center a.btn.btn-primary {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  color: #fff !important;
}
.blogFeat .blogContent .text-center .btn.btn-primary:hover,
.blogFeat .blogContent .text-center .btn.btn-primary:focus {
  filter: brightness(1.05);
}

.our-stats .our-stats--stat--icon img { filter: none !important; }
/* Slight emphasis on hover/focus */
.our-stats .our-stats--stat:hover .our-stats--stat--icon img,
.our-stats .our-stats--stat:focus-within .our-stats--stat--icon img { filter: none !important; }
