/* Dark mode fixes for the classic theme family (body.dark-mode, set by the
   site's light/dark switch). Loaded after the theme CSS. */

/* Every placeholder readable on a dark field. */
body.dark-mode ::placeholder { color: #98a2b3 !important; opacity: 1; }

/* Newsletter: the field stayed white with a near-white placeholder. */
body.dark-mode .subscribe .subscribe-form .form-control {
    background: #0f1622 !important; color: #f2f4f7 !important;
    border: 1px solid rgb(255 255 255 / .18) !important;
}
body.dark-mode .subscribe .subscribe-form .form-control:focus { border-color: rgb(var(--clr-primary-code)) !important; box-shadow: none; }

/* Top rated companies: dark panel; logos sit on light chips so dark logos stay visible. */
body.dark-mode .top-companies .company-wrapper {
    background: #141a24 !important; border: 1px solid #2a3140;
}
body.dark-mode .top-companies .client-logo {
    background: #f8fafc; border-radius: 12px; padding: 10px 14px; display: flex; align-items: center; justify-content: center; min-height: 56px;
}
body.dark-mode .top-companies .counter-4 .text-dark,
body.dark-mode .top-companies .counter-4 span { color: #cbd2dc !important; }

/* Generic white surfaces that some sections hard-code. */
body.dark-mode .bg-white:not(.client-logo):not(.jc-logo):not(.ec-logo) { background-color: #141a24 !important; }
body.dark-mode .text-dark:not(.btn) { color: #e4e7ec !important; }