/* =========================================================
   VIDHITSA TECHNOLOGIES — HOVER ICON CONTRAST SAFEGUARDS
   Loaded last on every page. Keeps the main theme yellow
   (#fcb90e) while ensuring icons contrast against yellow,
   dark and light hover backgrounds.
   ========================================================= */

/* 1. Card icon tiles that turn theme-yellow on card hover. */
body.vt-redesign :is(
  .svc-card:hover .svc-icon,
  .ppc-svc-card:hover .svc-icon,
  .why-item:hover .wi-icon,
  .benefit-card:hover .bc-icon,
  .wwd-card:hover .wwd-card-icon,
  .wd-intro-feature:hover .feat-icon,
  .service-card:hover .card-icon,
  .why-card:hover .why-icon,
  .sv-strip-item:hover .sv-strip-icon,
  .topic-pill:hover .topic-icon,
  .topic-pill:focus-visible .topic-icon
) {
  color: #111111 !important;
}

body.vt-redesign :is(
  .svc-card:hover .svc-icon,
  .ppc-svc-card:hover .svc-icon,
  .why-item:hover .wi-icon,
  .benefit-card:hover .bc-icon,
  .wwd-card:hover .wwd-card-icon,
  .wd-intro-feature:hover .feat-icon,
  .service-card:hover .card-icon,
  .why-card:hover .why-icon,
  .sv-strip-item:hover .sv-strip-icon,
  .topic-pill:hover .topic-icon,
  .topic-pill:focus-visible .topic-icon
) :is(i,svg) {
  color: #111111 !important;
  fill: currentColor !important;
}

body.vt-redesign :is(
  .svc-card:hover .svc-icon,
  .ppc-svc-card:hover .svc-icon,
  .why-item:hover .wi-icon,
  .benefit-card:hover .bc-icon,
  .wwd-card:hover .wwd-card-icon,
  .wd-intro-feature:hover .feat-icon,
  .service-card:hover .card-icon,
  .why-card:hover .why-icon,
  .sv-strip-item:hover .sv-strip-icon,
  .topic-pill:hover .topic-icon,
  .topic-pill:focus-visible .topic-icon
) svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* 2. Buttons and controls whose hover/active background becomes yellow. */
body.vt-redesign :is(
  .header-btn1:hover,
  .header-btn1:focus-visible,
  .header-btn2:hover,
  .header-btn2:focus-visible,
  .btn-dark:hover,
  .btn-dark:focus-visible,
  .cta-dark:hover,
  .cta-dark:focus-visible,
  .wd-cta-btn:hover,
  .wd-cta-btn:focus-visible,
  .plan-cta.cta-dark:hover,
  .plan-cta.cta-dark:focus-visible,
  .blog-cat-btn:hover,
  .blog-cat-btn:focus-visible,
  .blog-cat-btn.active,
  .pg-btn:hover,
  .pg-btn:focus-visible,
  .pg-btn.active,
  .page-link:hover,
  .page-link:focus-visible,
  .page-link.active,
  .tech-tab:hover,
  .tech-tab:focus-visible,
  .tech-tab.active,
  .faq-submit-btn,
  .faq-submit-btn:hover,
  .faq-submit-btn:focus-visible
) :is(i,svg) {
  color: #111111 !important;
  fill: currentColor !important;
}

body.vt-redesign :is(
  .header-btn1:hover,
  .header-btn1:focus-visible,
  .header-btn2:hover,
  .header-btn2:focus-visible,
  .btn-dark:hover,
  .btn-dark:focus-visible,
  .cta-dark:hover,
  .cta-dark:focus-visible,
  .wd-cta-btn:hover,
  .wd-cta-btn:focus-visible,
  .plan-cta.cta-dark:hover,
  .plan-cta.cta-dark:focus-visible,
  .blog-cat-btn:hover,
  .blog-cat-btn:focus-visible,
  .blog-cat-btn.active,
  .pg-btn:hover,
  .pg-btn:focus-visible,
  .pg-btn.active,
  .page-link:hover,
  .page-link:focus-visible,
  .page-link.active,
  .tech-tab:hover,
  .tech-tab:focus-visible,
  .tech-tab.active,
  .faq-submit-btn,
  .faq-submit-btn:hover,
  .faq-submit-btn:focus-visible
) svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Gold buttons use dark content in both normal and hover states. */
body.vt-redesign :is(
  .btn-gold,
  .btn-primary-gold,
  .btn-gold-large,
  .cta-gold,
  .header-btn17,
  .plan-cta.cta-gold
) :is(i,svg),
body.vt-redesign :is(
  .btn-gold:hover,
  .btn-gold:focus-visible,
  .btn-primary-gold:hover,
  .btn-primary-gold:focus-visible,
  .btn-gold-large:hover,
  .btn-gold-large:focus-visible,
  .cta-gold:hover,
  .cta-gold:focus-visible,
  .header-btn17:hover,
  .header-btn17:focus-visible,
  .plan-cta.cta-gold:hover,
  .plan-cta.cta-gold:focus-visible
) :is(i,svg) {
  color: #111111 !important;
  fill: currentColor !important;
}

/* 3. Social icons that move onto a yellow hover background. */
body.vt-redesign :is(
  .footer-socials a:hover,
  .footer-socials a:focus-visible,
  .ci-socials a:hover,
  .ci-socials a:focus-visible,
  .social-links-mobile-menu a:hover,
  .social-links-mobile-menu a:focus-visible,
  .top-header-social a:hover,
  .top-header-social a:focus-visible,
  .footer1-section-area .footer-logo-area ul li a:hover,
  .footer2-section-area .footer-logo-area ul li a:hover,
  .footer3-section-area .footer-logo-area ul li a:hover,
  .footer4-section-area .footer-logo-area ul li a:hover,
  .footer7-section-area .footer-logo-area ul li a:hover,
  .footer8-section-area .footer-logo-area ul li a:hover,
  .footer9-section-area .footer-logo-area ul li a:hover,
  .footer10-section-area .footer-logo-area ul li a:hover
) :is(i,svg) {
  color: #111111 !important;
  fill: currentColor !important;
}

body.vt-redesign :is(
  .footer-socials a:hover,
  .footer-socials a:focus-visible,
  .ci-socials a:hover,
  .ci-socials a:focus-visible,
  .social-links-mobile-menu a:hover,
  .social-links-mobile-menu a:focus-visible,
  .top-header-social a:hover,
  .top-header-social a:focus-visible
) svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* 4. Number/icon circles that become yellow on hover. */
body.vt-redesign :is(
  .process-step:hover .ps-num,
  .process-step:hover .process-step-num,
  .process-step.active .process-step-num,
  .process-step:hover .step-num-wrap,
  .process-step:hover .step-num
),
body.vt-redesign :is(
  .process-step:hover .ps-num,
  .process-step:hover .process-step-num,
  .process-step.active .process-step-num,
  .process-step:hover .step-num-wrap,
  .process-step:hover .step-num
) :is(i,span) {
  color: #111111 !important;
}

/* 5. Keep icons readable when a hover state intentionally turns dark. */
body.vt-redesign :is(
  .hp-cta .btn-outline:hover,
  .hp-cta .btn-outline:focus-visible,
  .hp-cta .btn-outline-dark:hover,
  .hp-cta .btn-outline-dark:focus-visible
) :is(i,svg) {
  color: inherit !important;
  fill: currentColor !important;
}

/* Font Awesome pseudo-elements follow the corrected icon colour. */
body.vt-redesign i::before {
  color: inherit;
}