/* Orange controls share dark ink in dark mode. Explicit component selectors
   keep chatbot controls, translucent selections and standalone tools intact. */
html body:not(.light-mode) #page-home.home-scroll-page .home-action-primary,
html body:not(.light-mode) #page-home.home-scroll-page .home-view-more:is(:hover,:focus-visible),
html body:not(.light-mode) #page-home.home-scroll-page :is(.home-approach-action,.home-service-action,.home-faq-action) .home-action:hover,
html body:not(.light-mode) #page-home.home-scroll-page .home-service-row:is(:hover,:focus-visible) .home-circle-arrow,
html body:not(.light-mode) .dt-popup-close,
html body:not(.light-mode) :is(#rnd-image-modal,#certificate-image-modal) :is(.modal-close-btn,.certificate-modal-close):hover,
html body:not(.light-mode) #page-project-web .works-filter-btn.active,
html body:not(.light-mode) #page-project-web .works-pagination .works-load-more-btn[aria-current="page"]:not(:disabled),
html body:not(.light-mode) #page-experience.experience-core-page .experience-skill-nav a[aria-current],
html body:not(.light-mode) #page-experience.experience-core-page .core-skills-card .skill-action-btn:is(:hover,:focus-visible),
html body:not(.light-mode).works-standalone .works-detail-bottom-actions .works-detail-consult,
html body:not(.light-mode) .btn-back-list,
html body:not(.light-mode).page-service :is(.services-guide-actions,.support-actions,.process-actions) a:first-child,
html body:not(.light-mode).page-service :is(.services-guide-actions,.support-actions,.process-actions) a:hover,
html body:not(.light-mode).page-service .process-service-tab.active,
html body:not(.light-mode) :is(#service-web,#service-shop,#service-dev,#service-design,#service-video) .service-web-quote:hover,
html body:not(.light-mode) #page-contact .contact-send-btn,
html body:not(.light-mode) #page-contact .contact-quote-link:is(:hover,:focus-visible),
html body:not(.light-mode) #page-billing .billing-btn-login,
html body:not(.light-mode) #page-billing .billing-btn-submit:not(:disabled),
html body:not(.light-mode) #page-billing .billing-amount-option input:checked + .billing-amount-label,
html body.account-ui:not(.light-mode) :is(.auth-btn,.auth-inline-btn),
html body.account-ui:not(.light-mode) .auth-recovery-tabs a.active,
html body.account-ui:not(.light-mode) .auth-type-option:has(input:checked),
html body.account-ui:not(.light-mode) .mypage-main :is(.mypage-action.is-active,.mypage-detail-btn--confirm,.mypage-password-submit,.mypage-billing-link,.mypage-address-btn) {
    color:#0b0b0b !important;
    -webkit-text-fill-color:currentColor !important;
}

/* Text wrappers must follow the control instead of their page's white text. */
html body.account-ui:not(.light-mode) .auth-type-option:has(input:checked) > span,
html body:not(.light-mode) #page-experience.experience-core-page .core-skills-card .skill-action-btn:is(:hover,:focus-visible) .arrow {
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
}