/**
 * Dark mode — heroldo.com content
 *
 * Fixes for specific Bricks content on heroldo.com that no generic rule can
 * know: images with a light background baked in, and the header logo. Element
 * IDs and classes here come from the live Bricks pages (the same IDs are used
 * by the WPML /en/ and /ru/ copies). On another site this file can simply be
 * emptied.
 */

/* Home hero: Hero-BG.png has its white panel baked in. The dark copy is the same
   image with that panel flood-filled to the surface colour (orange disc and
   house untouched). */
html[data-brx-theme="dark"] #brxe-gskkcu {
    background-image: url("../images/dark-mode/hero-bg-dark.webp");
}

/* Header logo: the blue wordmark disappears on navy. Paint the white version
   (the one the footer uses) on the link and hide the <img>, which keeps its box
   so the header does not move. */
html[data-brx-theme="dark"] #brx-header .header-logo {
    background: url("/wp-content/uploads/2026/02/heroldo-logo-white.png") left center / contain no-repeat;
}

html[data-brx-theme="dark"] #brx-header .header-logo img {
    opacity: 0;
}

/* Partner logos are full-colour marks drawn for white pages (dark green, black
   text, a white-on-black badge). Give each a soft light tile instead of
   recolouring someone else's brand. */
html[data-brx-theme="dark"] .partneri-img {
    background: #e3eaf1;
    border-radius: 12px;
    padding: 10px 16px;
}
