/* ========================================= ROBERIN global dark shell - 2026-05-10 v20 - Header/search/language, main canvas, bottom contact form, footer, and projects chrome parity for dark toggle. ========================================= */ body:is([data-scheme="dark"], [data-scheme="inverse"]) { --cs-site-background: #201811 !important; --cs-layout-background: #201811 !important; --cs-header-background: #201811 !important; --cs-footer-background: #201811 !important; --cs-offcanvas-background: #2b2119 !important; --roberin-shell-background: #201811 !important; --roberin-shell-bg: #201811 !important; --roberin-shell-panel: #2b2119 !important; --roberin-shell-card: #33271d !important; --roberin-shell-input: #241c15 !important; --roberin-shell-line: #a98b6b !important; --roberin-shell-text: #f2e4cf !important; --roberin-shell-muted: #f0dfc5 !important; --roberin-shell-green: #344a32 !important; --roberin-shell-accent: #d2aa55 !important; --roberin-shell-on-accent: #241c15 !important; color: var(--roberin-shell-text) !important; color-scheme: dark; background-color: var(--roberin-shell-bg) !important; background-image: linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important; background-size: 16px 16px !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-wrapper, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-inner, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-primary, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-content, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-main-content { color: var(--roberin-shell-text) !important; background-color: var(--roberin-shell-bg) !important; background-image: linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important; background-size: 16px 16px !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .entry-content { color: var(--roberin-shell-text) !important; -webkit-text-fill-color: currentColor !important; background-color: transparent !important; border-color: transparent !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .elementor, body:is([data-scheme="dark"], [data-scheme="inverse"]) .elementor-section, body:is([data-scheme="dark"], [data-scheme="inverse"]) .elementor-container, body:is([data-scheme="dark"], [data-scheme="inverse"]) .elementor-widget-wrap, body:is([data-scheme="dark"], [data-scheme="inverse"]) .e-con, body:is([data-scheme="dark"], [data-scheme="inverse"]) .e-con-inner { background-color: transparent !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header.cs-header-stretch, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__outer, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-container, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__outer > .cs-container, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__inner { color: var(--roberin-shell-text) !important; background-color: var(--roberin-shell-bg) !important; background-image: linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important; background-size: 16px 16px !important; border-color: rgba(169, 139, 107, 0.5) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header.cs-header-stretch { border-bottom: 1px solid rgba(169, 139, 107, 0.5) !important; box-shadow: none !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header a, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__logo, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__logo:visited { color: var(--roberin-shell-text) !important; -webkit-text-fill-color: var(--roberin-shell-text) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__menu a { color: var(--roberin-shell-muted) !important; -webkit-text-fill-color: var(--roberin-shell-muted) !important; background: var(--roberin-shell-card) !important; border-color: var(--roberin-shell-line) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__menu a:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__menu a:focus { color: var(--roberin-shell-text) !important; -webkit-text-fill-color: var(--roberin-shell-text) !important; background: var(--roberin-shell-green) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__toggle, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__scheme-toggle, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-scheme-toggle, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-offcanvas__scheme-toggle { color: var(--roberin-shell-muted) !important; -webkit-text-fill-color: var(--roberin-shell-muted) !important; background: var(--roberin-shell-card) !important; border-color: var(--roberin-shell-line) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-offcanvas, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-offcanvas__inner, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-offcanvas__sidebar { color: var(--roberin-shell-text) !important; background: var(--roberin-shell-panel) !important; border-color: var(--roberin-shell-line) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form { color: var(--roberin-shell-text) !important; background: transparent !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__content { color: var(--roberin-shell-text) !important; background: linear-gradient(rgba(229, 196, 139, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.05) 1px, transparent 1px), var(--roberin-shell-panel) !important; background-size: 18px 18px !important; border-color: var(--roberin-shell-line) !important; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.34) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__heading { color: var(--roberin-shell-on-accent) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent) !important; background: var(--roberin-shell-accent) !important; border-color: var(--roberin-shell-line) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__subheading, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__description, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__description p, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form label, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .wpcf7-list-item-label, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .roberin-contact-consent { color: var(--roberin-shell-muted) !important; -webkit-text-fill-color: var(--roberin-shell-muted) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form input[type="text"], body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form input[type="email"], body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form textarea { color: var(--roberin-shell-text) !important; -webkit-text-fill-color: var(--roberin-shell-text) !important; background: var(--roberin-shell-input) !important; border-color: var(--roberin-shell-line) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form input::placeholder, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form textarea::placeholder { color: rgba(240, 223, 197, 0.72) !important; -webkit-text-fill-color: rgba(240, 223, 197, 0.72) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .wpcf7-submit { color: var(--roberin-shell-on-accent) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent) !important; background: var(--roberin-shell-accent) !important; border-color: var(--roberin-shell-line) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer, body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer[data-scheme] { color: var(--roberin-shell-muted) !important; background-color: var(--roberin-shell-bg) !important; background-image: linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important; background-size: 16px 16px !important; border-top: 1px solid rgba(169, 139, 107, 0.5) !important; box-shadow: none !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__item, body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__item-bottom-bar, body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__item-bottom-bar .cs-footer__item-inner { color: var(--roberin-shell-muted) !important; background: linear-gradient(rgba(229, 196, 139, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.05) 1px, transparent 1px), var(--roberin-shell-panel) !important; background-size: 14px 14px !important; border-color: rgba(169, 139, 107, 0.5) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__copyright, body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__copyright p, body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__copyright span { color: var(--roberin-shell-muted) !important; -webkit-text-fill-color: var(--roberin-shell-muted) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__item-bottom-bar .cs-footer__item-inner::before { color: var(--roberin-shell-on-accent) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent) !important; background: var(--roberin-shell-accent) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer a, body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__copyright a { color: var(--roberin-shell-text) !important; -webkit-text-fill-color: var(--roberin-shell-text) !important; background: var(--roberin-shell-green) !important; border-color: var(--roberin-shell-line) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer a:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer a:focus { color: var(--roberin-shell-on-accent) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent) !important; background: var(--roberin-shell-accent) !important; } body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-kicker, body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-section-label, body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-redesign p.roberin-contact-kicker, body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-redesign p.roberin-contact-section-label { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } @media (prefers-color-scheme: dark) { body[data-scheme="auto"] { --cs-site-background: #201811 !important; --cs-layout-background: #201811 !important; --cs-header-background: #201811 !important; --cs-footer-background: #201811 !important; --cs-offcanvas-background: #2b2119 !important; --roberin-shell-background: #201811 !important; --roberin-shell-bg: #201811 !important; --roberin-shell-panel: #2b2119 !important; --roberin-shell-card: #33271d !important; --roberin-shell-input: #241c15 !important; --roberin-shell-line: #a98b6b !important; --roberin-shell-text: #f2e4cf !important; --roberin-shell-muted: #f0dfc5 !important; --roberin-shell-green: #344a32 !important; --roberin-shell-accent: #d2aa55 !important; --roberin-shell-on-accent: #241c15 !important; color: var(--roberin-shell-text) !important; color-scheme: dark; background-color: var(--roberin-shell-bg) !important; background-image: linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important; background-size: 16px 16px !important; } body[data-scheme="auto"] .cs-wrapper, body[data-scheme="auto"] .cs-site, body[data-scheme="auto"] .cs-site-inner, body[data-scheme="auto"] .cs-site-primary, body[data-scheme="auto"] .cs-site-content, body[data-scheme="auto"] .cs-main-content, body[data-scheme="auto"] .cs-header, body[data-scheme="auto"] .cs-header.cs-header-stretch, body[data-scheme="auto"] .cs-header__outer, body[data-scheme="auto"] .cs-header .cs-container, body[data-scheme="auto"] .cs-header__outer > .cs-container, body[data-scheme="auto"] .cs-header__inner, body[data-scheme="auto"] footer.cs-footer, body[data-scheme="auto"] footer.cs-footer[data-scheme] { color: var(--roberin-shell-text) !important; background-color: var(--roberin-shell-bg) !important; background-image: linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important; background-size: 16px 16px !important; } body[data-scheme="auto"] .entry-content { color: var(--roberin-shell-text) !important; -webkit-text-fill-color: currentColor !important; background-color: transparent !important; border-color: transparent !important; } body[data-scheme="auto"] .elementor, body[data-scheme="auto"] .elementor-section, body[data-scheme="auto"] .elementor-container, body[data-scheme="auto"] .elementor-widget-wrap, body[data-scheme="auto"] .e-con, body[data-scheme="auto"] .e-con-inner, body[data-scheme="auto"] .cs-contact-form { background-color: transparent !important; } body[data-scheme="auto"] .cs-header__menu a, body[data-scheme="auto"] .cs-header__toggle, body[data-scheme="auto"] .cs-header__scheme-toggle, body[data-scheme="auto"] .cs-site-scheme-toggle, body[data-scheme="auto"] .cs-offcanvas__scheme-toggle { color: var(--roberin-shell-muted) !important; -webkit-text-fill-color: var(--roberin-shell-muted) !important; background: var(--roberin-shell-card) !important; border-color: var(--roberin-shell-line) !important; } body[data-scheme="auto"] .cs-offcanvas, body[data-scheme="auto"] .cs-offcanvas__inner, body[data-scheme="auto"] .cs-offcanvas__sidebar, body[data-scheme="auto"] .cs-contact-form .cs-contact-form__content, body[data-scheme="auto"] footer.cs-footer .cs-footer__item, body[data-scheme="auto"] footer.cs-footer .cs-footer__item-bottom-bar, body[data-scheme="auto"] footer.cs-footer .cs-footer__item-bottom-bar .cs-footer__item-inner { color: var(--roberin-shell-text) !important; background: var(--roberin-shell-panel) !important; border-color: var(--roberin-shell-line) !important; } body[data-scheme="auto"] .cs-contact-form .cs-contact-form__heading, body.roberin-contact-page[data-scheme="auto"] .roberin-contact-kicker, body.roberin-contact-page[data-scheme="auto"] .roberin-contact-section-label, body.roberin-contact-page[data-scheme="auto"] .roberin-contact-redesign p.roberin-contact-kicker, body.roberin-contact-page[data-scheme="auto"] .roberin-contact-redesign p.roberin-contact-section-label, body[data-scheme="auto"] footer.cs-footer .cs-footer__item-bottom-bar .cs-footer__item-inner::before { color: var(--roberin-shell-on-accent) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent) !important; background: var(--roberin-shell-accent) !important; border-color: var(--roberin-shell-line) !important; } body[data-scheme="auto"] .cs-contact-form .cs-contact-form__subheading, body[data-scheme="auto"] .cs-contact-form .cs-contact-form__description, body[data-scheme="auto"] .cs-contact-form .cs-contact-form__description p, body[data-scheme="auto"] .cs-contact-form label, body[data-scheme="auto"] .cs-contact-form .wpcf7-list-item-label, body[data-scheme="auto"] footer.cs-footer .cs-footer__copyright, body[data-scheme="auto"] footer.cs-footer .cs-footer__copyright p, body[data-scheme="auto"] footer.cs-footer .cs-footer__copyright span { color: var(--roberin-shell-muted) !important; -webkit-text-fill-color: var(--roberin-shell-muted) !important; } body[data-scheme="auto"] .cs-contact-form input[type="text"], body[data-scheme="auto"] .cs-contact-form input[type="email"], body[data-scheme="auto"] .cs-contact-form textarea { color: var(--roberin-shell-text) !important; -webkit-text-fill-color: var(--roberin-shell-text) !important; background: var(--roberin-shell-input) !important; border-color: var(--roberin-shell-line) !important; } body[data-scheme="auto"] footer.cs-footer a, body[data-scheme="auto"] footer.cs-footer .cs-footer__copyright a { color: var(--roberin-shell-text) !important; -webkit-text-fill-color: var(--roberin-shell-text) !important; background: var(--roberin-shell-green) !important; border-color: var(--roberin-shell-line) !important; } } /* ========================================= ROBERIN about-page dark content parity - 2026-05-06 v2 - /about/ redesigned article and locale .about1 articles. ========================================= */ body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__header { display: none !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .entry-content { margin-top: 0 !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 { box-sizing: border-box !important; width: 100% !important; max-width: 950px !important; margin: 0 auto 42px !important; color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: currentColor !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 { position: relative !important; isolation: isolate !important; padding: 30px 28px !important; overflow: hidden !important; background: linear-gradient(rgba(229, 196, 139, 0.060) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.050) 1px, transparent 1px), var(--roberin-shell-panel, #2b2119) !important; background-size: 18px 18px !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.34) !important; } body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-intro, body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-section { color: var(--roberin-shell-text, #f2e4cf) !important; background: linear-gradient(rgba(229, 196, 139, 0.060) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.050) 1px, transparent 1px), var(--roberin-shell-panel, #2b2119) !important; background-size: 18px 18px !important; border-color: var(--roberin-shell-line, #a98b6b) !important; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.34) !important; } body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-card { background: var(--roberin-shell-card, #33271d) !important; border-color: rgba(169, 139, 107, 0.72) !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign h1, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign h2, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign h3, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 h2, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 h3 { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; text-shadow: none !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 h2 { margin-top: 56px !important; margin-bottom: 18px !important; padding-bottom: 12px !important; border-bottom-color: var(--roberin-shell-line, #a98b6b) !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 h2:first-of-type { margin-top: 0 !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign p, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign li, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-figure figcaption, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 p, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 li { color: var(--roberin-shell-muted, #f0dfc5) !important; -webkit-text-fill-color: var(--roberin-shell-muted, #f0dfc5) !important; text-shadow: none !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 > p:first-child, body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-lead { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 strong { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; font-weight: 850 !important; } body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-kicker, body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-section-label, body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-points span, body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-list li, body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-actions a { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-actions a + a, body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-note { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: var(--roberin-shell-green, #344a32) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } @media (max-width: 767px) { body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-content { overflow-x: clip !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 { max-width: calc(100% - 10px) !important; padding: 22px 15px !important; margin-bottom: 30px !important; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.34) !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 h2 { font-size: clamp(24px, 7vw, 32px) !important; line-height: 1.15 !important; margin-top: 42px !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .about1 h3 { font-size: 16px !important; line-height: 1.3 !important; } } @media (prefers-color-scheme: dark) { body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .cs-entry__header { display: none !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .entry-content { margin-top: 0 !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-redesign, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1 { box-sizing: border-box !important; width: 100% !important; max-width: 950px !important; margin: 0 auto 42px !important; color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: currentColor !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1, body.page-id-2293[data-scheme="auto"] .roberin-about-intro, body.page-id-2293[data-scheme="auto"] .roberin-about-section { position: relative !important; isolation: isolate !important; overflow: hidden !important; color: var(--roberin-shell-text, #f2e4cf) !important; background: linear-gradient(rgba(229, 196, 139, 0.060) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.050) 1px, transparent 1px), var(--roberin-shell-panel, #2b2119) !important; background-size: 18px 18px !important; border-color: var(--roberin-shell-line, #a98b6b) !important; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.34) !important; } body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1 { padding: 30px 28px !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; } body.page-id-2293[data-scheme="auto"] .roberin-about-card { background: var(--roberin-shell-card, #33271d) !important; border-color: rgba(169, 139, 107, 0.72) !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-redesign h1, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-redesign h2, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-redesign h3, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1 h2, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1 h3, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1 > p:first-child, body.page-id-2293[data-scheme="auto"] .roberin-about-lead, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1 strong { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; text-shadow: none !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-redesign p, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-redesign li, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-figure figcaption, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1 p, body:is(.page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .about1 li { color: var(--roberin-shell-muted, #f0dfc5) !important; -webkit-text-fill-color: var(--roberin-shell-muted, #f0dfc5) !important; text-shadow: none !important; } body.page-id-2293[data-scheme="auto"] .roberin-about-kicker, body.page-id-2293[data-scheme="auto"] .roberin-about-section-label, body.page-id-2293[data-scheme="auto"] .roberin-about-points span, body.page-id-2293[data-scheme="auto"] .roberin-about-list li, body.page-id-2293[data-scheme="auto"] .roberin-about-actions a { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } body.page-id-2293[data-scheme="auto"] .roberin-about-actions a + a, body.page-id-2293[data-scheme="auto"] .roberin-about-note { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: var(--roberin-shell-green, #344a32) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } } /* Specificity guard: about labels are

tags, so override paragraph color guards. */ body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign p.roberin-about-kicker, body.page-id-2293:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign p.roberin-about-section-label { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } @media (prefers-color-scheme: dark) { body.page-id-2293[data-scheme="auto"] .roberin-about-redesign p.roberin-about-kicker, body.page-id-2293[data-scheme="auto"] .roberin-about-redesign p.roberin-about-section-label { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } } /* v3 guard: locale About pages now use the same roberin-about-redesign structure as /about/. */ body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-intro, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-section { color: var(--roberin-shell-text, #f2e4cf) !important; background: linear-gradient(rgba(229, 196, 139, 0.060) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.050) 1px, transparent 1px), var(--roberin-shell-panel, #2b2119) !important; background-size: 18px 18px !important; border-color: var(--roberin-shell-line, #a98b6b) !important; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.34) !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-card { background: var(--roberin-shell-card, #33271d) !important; border-color: rgba(169, 139, 107, 0.72) !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-kicker, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-section-label, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign p.roberin-about-kicker, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-redesign p.roberin-about-section-label, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-points span, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-list li, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-actions a { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-actions a + a, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314):is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-about-note { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: var(--roberin-shell-green, #344a32) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } @media (prefers-color-scheme: dark) { body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-intro, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-section { color: var(--roberin-shell-text, #f2e4cf) !important; background: linear-gradient(rgba(229, 196, 139, 0.060) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.050) 1px, transparent 1px), var(--roberin-shell-panel, #2b2119) !important; background-size: 18px 18px !important; border-color: var(--roberin-shell-line, #a98b6b) !important; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.34) !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-card { background: var(--roberin-shell-card, #33271d) !important; border-color: rgba(169, 139, 107, 0.72) !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-kicker, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-section-label, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-redesign p.roberin-about-kicker, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-redesign p.roberin-about-section-label, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-points span, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-list li, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-actions a { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-actions a + a, body:is(.page-id-2293, .page-id-2308, .page-id-2310, .page-id-2312, .page-id-2314)[data-scheme="auto"] .roberin-about-note { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: var(--roberin-shell-green, #344a32) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; } } /* ========================================= ROBERIN dark-mode hardening v4 - Base roberin.com path is the design source of truth; locale paths reuse the same chrome. - Header search/language controls and CF7 consent must not keep light-mode green/white surfaces. ========================================= */ body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .roberin-tool-search-toggle, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-header__lang-toggle { color: var(--roberin-shell-muted, #f0dfc5) !important; -webkit-text-fill-color: var(--roberin-shell-muted, #f0dfc5) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .roberin-tool-search-toggle__button, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-lang-current, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-mobile-menu-button, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-header__scheme-toggle, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-site-scheme-toggle, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-offcanvas__scheme-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; padding: 0 !important; color: var(--roberin-shell-muted, #f0dfc5) !important; -webkit-text-fill-color: var(--roberin-shell-muted, #f0dfc5) !important; background: var(--roberin-shell-card, #33271d) !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.28) !important; opacity: 1 !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .roberin-tool-search-toggle__button:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .roberin-tool-search-toggle__button:focus-visible, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-lang-current:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-lang-current:focus-visible, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-mobile-menu-button:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-mobile-menu-button:focus-visible, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-header__scheme-toggle:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-header__scheme-toggle:focus-visible, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-site-scheme-toggle:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-site-scheme-toggle:focus-visible { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; opacity: 1 !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .roberin-tool-search-toggle__button svg, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .roberin-tool-search-toggle__icon, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-lang-current svg, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-mobile-menu-button svg { display: block !important; width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; color: currentColor !important; -webkit-text-fill-color: currentColor !important; stroke: currentColor !important; fill: none !important; opacity: 1 !important; pointer-events: none !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-lang-dropdown, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-mobile-menu-dropdown { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: var(--roberin-shell-card, #33271d) !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-lang-dropdown li a, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-mobile-menu-dropdown li a { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: transparent !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-lang-dropdown li a:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-lang-dropdown li a:focus, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-mobile-menu-dropdown li a:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-mobile-menu-dropdown li a:focus, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-lang-dropdown li.active a, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header .cs-mobile-menu-dropdown li.active a { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__form .roberin-contact-consent { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: var(--roberin-shell-card, #33271d) !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.16) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__form .roberin-contact-consent .wpcf7-acceptance, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__form .roberin-contact-consent .wpcf7-list-item, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__form .roberin-contact-consent label, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__form .roberin-contact-consent .wpcf7-list-item-label { color: inherit !important; -webkit-text-fill-color: inherit !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__form .roberin-contact-consent input[type="checkbox"] { background: var(--roberin-shell-input, #241c15) !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.22) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .cs-contact-form__form .roberin-contact-consent input[type="checkbox"]:checked { background: var(--roberin-shell-accent, #d2aa55) !important; box-shadow: inset 0 0 0 3px var(--roberin-shell-input, #241c15) !important; } /* v10 global tool search dialog dark-mode parity. The modal lives outside .cs-header, so header-control rules above do not reach it. */ body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search { --roberin-tool-search-panel: var(--roberin-shell-panel, #2b2119); --roberin-tool-search-card: var(--roberin-shell-card, #33271d); --roberin-tool-search-input: var(--roberin-shell-input, #241c15); --roberin-tool-search-line: var(--roberin-shell-line, #a98b6b); --roberin-tool-search-text: var(--roberin-shell-text, #f2e4cf); --roberin-tool-search-muted: var(--roberin-shell-muted, #f0dfc5); --roberin-tool-search-green: var(--roberin-shell-green, #344a32); --roberin-tool-search-accent: var(--roberin-shell-accent, #d2aa55); --roberin-tool-search-on-accent: var(--roberin-shell-on-accent, #241c15); } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__backdrop { background: rgba(32, 24, 17, 0.76) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__dialog { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: linear-gradient(90deg, rgba(210, 170, 85, 0.060) 1px, transparent 1px) 0 0 / 14px 14px, linear-gradient(0deg, rgba(210, 170, 85, 0.050) 1px, transparent 1px) 0 0 / 14px 14px, var(--roberin-tool-search-panel) !important; border-color: var(--roberin-tool-search-line) !important; box-shadow: 5px 5px 0 rgba(12, 8, 5, 0.46) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__dialog::before { border-color: rgba(169, 139, 107, 0.30) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__close, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__input, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__result, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__empty { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: var(--roberin-tool-search-card) !important; border-color: var(--roberin-tool-search-line) !important; box-shadow: 2px 2px 0 rgba(12, 8, 5, 0.34) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__close:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__close:focus, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__result:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__result:focus, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__result.is-active { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: var(--roberin-tool-search-green) !important; border-color: var(--roberin-tool-search-accent) !important; box-shadow: 1px 1px 0 rgba(12, 8, 5, 0.38) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__close:focus-visible, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__result:focus-visible { outline: 2px solid var(--roberin-tool-search-accent) !important; outline-offset: 2px !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__close .cs-icon { color: currentColor !important; -webkit-text-fill-color: currentColor !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__header { border-bottom-color: rgba(169, 139, 107, 0.44) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__title { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: var(--roberin-tool-search-green) !important; border-color: var(--roberin-tool-search-line) !important; box-shadow: 2px 2px 0 rgba(12, 8, 5, 0.30) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__desc, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__status, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__result-meta, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__empty { color: var(--roberin-tool-search-muted) !important; -webkit-text-fill-color: var(--roberin-tool-search-muted) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__input { background: var(--roberin-tool-search-input) !important; box-shadow: inset 2px 2px 0 rgba(12, 8, 5, 0.22) !important; caret-color: var(--roberin-tool-search-accent) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__input::placeholder { color: rgba(240, 223, 197, 0.68) !important; -webkit-text-fill-color: rgba(240, 223, 197, 0.68) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__input:focus { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: var(--roberin-tool-search-input) !important; border-color: var(--roberin-tool-search-accent) !important; box-shadow: inset 2px 2px 0 rgba(12, 8, 5, 0.22), 0 0 0 3px rgba(210, 170, 85, 0.24) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__input:-webkit-autofill, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__input:-webkit-autofill:hover, body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__input:-webkit-autofill:focus { -webkit-text-fill-color: var(--roberin-tool-search-text) !important; -webkit-box-shadow: 0 0 0 1000px var(--roberin-tool-search-input) inset !important; caret-color: var(--roberin-tool-search-accent) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__results { scrollbar-color: var(--roberin-tool-search-accent) var(--roberin-tool-search-input) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__result-title { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search__result-title mark { color: var(--roberin-tool-search-on-accent) !important; -webkit-text-fill-color: var(--roberin-tool-search-on-accent) !important; background: var(--roberin-tool-search-accent) !important; border-color: rgba(169, 139, 107, 0.72) !important; } @media (prefers-color-scheme: dark) { body[data-scheme="auto"] .cs-header .roberin-tool-search-toggle, body[data-scheme="auto"] .cs-header .cs-header__lang-toggle { color: var(--roberin-shell-muted, #f0dfc5) !important; -webkit-text-fill-color: var(--roberin-shell-muted, #f0dfc5) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body[data-scheme="auto"] .cs-header .roberin-tool-search-toggle__button, body[data-scheme="auto"] .cs-header .cs-lang-current, body[data-scheme="auto"] .cs-header .cs-mobile-menu-button, body[data-scheme="auto"] .cs-header .cs-header__scheme-toggle, body[data-scheme="auto"] .cs-header .cs-site-scheme-toggle, body[data-scheme="auto"] .cs-header .cs-offcanvas__scheme-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; padding: 0 !important; color: var(--roberin-shell-muted, #f0dfc5) !important; -webkit-text-fill-color: var(--roberin-shell-muted, #f0dfc5) !important; background: var(--roberin-shell-card, #33271d) !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.28) !important; opacity: 1 !important; } body[data-scheme="auto"] .cs-header .roberin-tool-search-toggle__button svg, body[data-scheme="auto"] .cs-header .roberin-tool-search-toggle__icon, body[data-scheme="auto"] .cs-header .cs-lang-current svg, body[data-scheme="auto"] .cs-header .cs-mobile-menu-button svg { color: currentColor !important; -webkit-text-fill-color: currentColor !important; stroke: currentColor !important; fill: none !important; opacity: 1 !important; } body[data-scheme="auto"] .cs-header .cs-lang-dropdown, body[data-scheme="auto"] .cs-header .cs-mobile-menu-dropdown { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: var(--roberin-shell-card, #33271d) !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34) !important; } body[data-scheme="auto"] .cs-header .cs-lang-dropdown li a, body[data-scheme="auto"] .cs-header .cs-mobile-menu-dropdown li a { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: transparent !important; } body[data-scheme="auto"] .cs-header .cs-lang-dropdown li a:hover, body[data-scheme="auto"] .cs-header .cs-lang-dropdown li a:focus, body[data-scheme="auto"] .cs-header .cs-mobile-menu-dropdown li a:hover, body[data-scheme="auto"] .cs-header .cs-mobile-menu-dropdown li a:focus, body[data-scheme="auto"] .cs-header .cs-lang-dropdown li.active a, body[data-scheme="auto"] .cs-header .cs-mobile-menu-dropdown li.active a { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; } body[data-scheme="auto"] .roberin-tool-search { --roberin-tool-search-panel: var(--roberin-shell-panel, #2b2119); --roberin-tool-search-card: var(--roberin-shell-card, #33271d); --roberin-tool-search-input: var(--roberin-shell-input, #241c15); --roberin-tool-search-line: var(--roberin-shell-line, #a98b6b); --roberin-tool-search-text: var(--roberin-shell-text, #f2e4cf); --roberin-tool-search-muted: var(--roberin-shell-muted, #f0dfc5); --roberin-tool-search-green: var(--roberin-shell-green, #344a32); --roberin-tool-search-accent: var(--roberin-shell-accent, #d2aa55); --roberin-tool-search-on-accent: var(--roberin-shell-on-accent, #241c15); } body[data-scheme="auto"] .roberin-tool-search__backdrop { background: rgba(32, 24, 17, 0.76) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } body[data-scheme="auto"] .roberin-tool-search__dialog { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: linear-gradient(90deg, rgba(210, 170, 85, 0.060) 1px, transparent 1px) 0 0 / 14px 14px, linear-gradient(0deg, rgba(210, 170, 85, 0.050) 1px, transparent 1px) 0 0 / 14px 14px, var(--roberin-tool-search-panel) !important; border-color: var(--roberin-tool-search-line) !important; box-shadow: 5px 5px 0 rgba(12, 8, 5, 0.46) !important; } body[data-scheme="auto"] .roberin-tool-search__dialog::before { border-color: rgba(169, 139, 107, 0.30) !important; } body[data-scheme="auto"] .roberin-tool-search__close, body[data-scheme="auto"] .roberin-tool-search__input, body[data-scheme="auto"] .roberin-tool-search__result, body[data-scheme="auto"] .roberin-tool-search__empty { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: var(--roberin-tool-search-card) !important; border-color: var(--roberin-tool-search-line) !important; box-shadow: 2px 2px 0 rgba(12, 8, 5, 0.34) !important; } body[data-scheme="auto"] .roberin-tool-search__close:hover, body[data-scheme="auto"] .roberin-tool-search__close:focus, body[data-scheme="auto"] .roberin-tool-search__result:hover, body[data-scheme="auto"] .roberin-tool-search__result:focus, body[data-scheme="auto"] .roberin-tool-search__result.is-active { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: var(--roberin-tool-search-green) !important; border-color: var(--roberin-tool-search-accent) !important; box-shadow: 1px 1px 0 rgba(12, 8, 5, 0.38) !important; } body[data-scheme="auto"] .roberin-tool-search__close:focus-visible, body[data-scheme="auto"] .roberin-tool-search__result:focus-visible { outline: 2px solid var(--roberin-tool-search-accent) !important; outline-offset: 2px !important; } body[data-scheme="auto"] .roberin-tool-search__close .cs-icon { color: currentColor !important; -webkit-text-fill-color: currentColor !important; } body[data-scheme="auto"] .roberin-tool-search__header { border-bottom-color: rgba(169, 139, 107, 0.44) !important; } body[data-scheme="auto"] .roberin-tool-search__title { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: var(--roberin-tool-search-green) !important; border-color: var(--roberin-tool-search-line) !important; box-shadow: 2px 2px 0 rgba(12, 8, 5, 0.30) !important; } body[data-scheme="auto"] .roberin-tool-search__desc, body[data-scheme="auto"] .roberin-tool-search__status, body[data-scheme="auto"] .roberin-tool-search__result-meta, body[data-scheme="auto"] .roberin-tool-search__empty { color: var(--roberin-tool-search-muted) !important; -webkit-text-fill-color: var(--roberin-tool-search-muted) !important; } body[data-scheme="auto"] .roberin-tool-search__input { background: var(--roberin-tool-search-input) !important; box-shadow: inset 2px 2px 0 rgba(12, 8, 5, 0.22) !important; caret-color: var(--roberin-tool-search-accent) !important; } body[data-scheme="auto"] .roberin-tool-search__input::placeholder { color: rgba(240, 223, 197, 0.68) !important; -webkit-text-fill-color: rgba(240, 223, 197, 0.68) !important; } body[data-scheme="auto"] .roberin-tool-search__input:focus { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; background: var(--roberin-tool-search-input) !important; border-color: var(--roberin-tool-search-accent) !important; box-shadow: inset 2px 2px 0 rgba(12, 8, 5, 0.22), 0 0 0 3px rgba(210, 170, 85, 0.24) !important; } body[data-scheme="auto"] .roberin-tool-search__input:-webkit-autofill, body[data-scheme="auto"] .roberin-tool-search__input:-webkit-autofill:hover, body[data-scheme="auto"] .roberin-tool-search__input:-webkit-autofill:focus { -webkit-text-fill-color: var(--roberin-tool-search-text) !important; -webkit-box-shadow: 0 0 0 1000px var(--roberin-tool-search-input) inset !important; caret-color: var(--roberin-tool-search-accent) !important; } body[data-scheme="auto"] .roberin-tool-search__results { scrollbar-color: var(--roberin-tool-search-accent) var(--roberin-tool-search-input) !important; } body[data-scheme="auto"] .roberin-tool-search__result-title { color: var(--roberin-tool-search-text) !important; -webkit-text-fill-color: var(--roberin-tool-search-text) !important; } body[data-scheme="auto"] .roberin-tool-search__result-title mark { color: var(--roberin-tool-search-on-accent) !important; -webkit-text-fill-color: var(--roberin-tool-search-on-accent) !important; background: var(--roberin-tool-search-accent) !important; border-color: rgba(169, 139, 107, 0.72) !important; } body[data-scheme="auto"] .cs-contact-form .cs-contact-form__form .roberin-contact-consent { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: var(--roberin-shell-card, #33271d) !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.16) !important; } body[data-scheme="auto"] .cs-contact-form .cs-contact-form__form .roberin-contact-consent .wpcf7-acceptance, body[data-scheme="auto"] .cs-contact-form .cs-contact-form__form .roberin-contact-consent .wpcf7-list-item, body[data-scheme="auto"] .cs-contact-form .cs-contact-form__form .roberin-contact-consent label, body[data-scheme="auto"] .cs-contact-form .cs-contact-form__form .roberin-contact-consent .wpcf7-list-item-label { color: inherit !important; -webkit-text-fill-color: inherit !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body[data-scheme="auto"] .cs-contact-form .cs-contact-form__form .roberin-contact-consent input[type="checkbox"] { background: var(--roberin-shell-input, #241c15) !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.22) !important; } body[data-scheme="auto"] .cs-contact-form .cs-contact-form__form .roberin-contact-consent input[type="checkbox"]:checked { background: var(--roberin-shell-accent, #d2aa55) !important; box-shadow: inset 0 0 0 3px var(--roberin-shell-input, #241c15) !important; } } /* v5 project-detail chrome hardening: post footer/share and testimonial cards are global projects chrome. */ body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-sight-testimonials__element { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px), var(--roberin-shell-panel, #2b2119) !important; background-size: 16px 16px !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.28) !important; } body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer a, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer span, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer i, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-meta-author-link, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-meta-author-by, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-meta-author-name, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-sight-testimonials__name, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-sight-testimonials__position, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-sight-testimonials__description { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; text-shadow: none !important; } body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-sight-testimonials__position, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-sight-testimonials__description { color: var(--roberin-shell-muted, #f0dfc5) !important; -webkit-text-fill-color: var(--roberin-shell-muted, #f0dfc5) !important; } body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-share__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border: 1.5px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.22) !important; } body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-share__link svg, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-share__link i::before { color: currentColor !important; -webkit-text-fill-color: currentColor !important; fill: currentColor !important; stroke: currentColor !important; } @media (max-width: 767px) { body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-sight-testimonials__element { max-width: calc(100vw - 20px) !important; margin-right: auto !important; margin-left: auto !important; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.26) !important; } } @media (prefers-color-scheme: dark) { body.single-sight-projects[data-scheme="auto"] .cs-entry__footer, body.single-sight-projects[data-scheme="auto"] .cs-sight-testimonials__element { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; background: linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px), var(--roberin-shell-panel, #2b2119) !important; background-size: 16px 16px !important; border: 2px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.28) !important; } body.single-sight-projects[data-scheme="auto"] .cs-entry__footer a, body.single-sight-projects[data-scheme="auto"] .cs-entry__footer span, body.single-sight-projects[data-scheme="auto"] .cs-entry__footer i, body.single-sight-projects[data-scheme="auto"] .cs-meta-author-link, body.single-sight-projects[data-scheme="auto"] .cs-meta-author-by, body.single-sight-projects[data-scheme="auto"] .cs-meta-author-name, body.single-sight-projects[data-scheme="auto"] .cs-sight-testimonials__name, body.single-sight-projects[data-scheme="auto"] .cs-sight-testimonials__position, body.single-sight-projects[data-scheme="auto"] .cs-sight-testimonials__description { color: var(--roberin-shell-text, #f2e4cf) !important; -webkit-text-fill-color: var(--roberin-shell-text, #f2e4cf) !important; text-shadow: none !important; } body.single-sight-projects[data-scheme="auto"] .cs-sight-testimonials__position, body.single-sight-projects[data-scheme="auto"] .cs-sight-testimonials__description { color: var(--roberin-shell-muted, #f0dfc5) !important; -webkit-text-fill-color: var(--roberin-shell-muted, #f0dfc5) !important; } body.single-sight-projects[data-scheme="auto"] .cs-share__link { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border: 1.5px solid var(--roberin-shell-line, #a98b6b) !important; border-radius: 0 !important; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.22) !important; } } /* v5 specificity correction: share icon buttons sit inside .cs-entry__footer anchors. */ body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-share__link, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-share__link i, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-share__link span { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; } @media (prefers-color-scheme: dark) { body.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-share__link, body.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-share__link i, body.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-share__link span { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; } } /* v5 specificity correction 2: override tool-page share backgrounds as well as icon color. */ body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-share__link, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-share a.cs-share__link { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.22) !important; } @media (prefers-color-scheme: dark) { body.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-share__link, body.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-share a.cs-share__link { color: var(--roberin-shell-on-accent, #241c15) !important; -webkit-text-fill-color: var(--roberin-shell-on-accent, #241c15) !important; background: var(--roberin-shell-accent, #d2aa55) !important; border-color: var(--roberin-shell-line, #a98b6b) !important; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.22) !important; } } /* v7: projects footer author text hardening for mobile dark mode. Override custom footer author colors and text-fill that can remain light-mode brown on dark cards. */ body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-entry__post-meta, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-meta-author-link, body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-meta-author-name { color: #f2e4cf !important; -webkit-text-fill-color: #f2e4cf !important; } body.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-meta-author-by { color: #f0dfc5 !important; -webkit-text-fill-color: #f0dfc5 !important; } @media (prefers-color-scheme: dark) { body.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-entry__post-meta, body.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-meta-author-link, body.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-meta-author-name { color: #f2e4cf !important; -webkit-text-fill-color: #f2e4cf !important; } body.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-meta-author-by { color: #f0dfc5 !important; -webkit-text-fill-color: #f0dfc5 !important; } } /* v8: projects footer light-mode author meta contrast. The small “by” label must also meet readable contrast; dark/auto-dark rules above remain authoritative. */ body.single-sight-projects:not([data-scheme="dark"]):not([data-scheme="inverse"]):not([data-scheme="auto"]) .cs-entry__footer .cs-meta-author-by, body.single-sight-projects[data-scheme="light"] .cs-entry__footer .cs-meta-author-by { color: #574838 !important; -webkit-text-fill-color: #574838 !important; } /* v9: high-specificity projects footer author fallback for locale/mobile dark mode. */ body.wp-singular.sight-projects-template-default.single.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-entry__post-meta .cs-meta-author-link .cs-meta-author-name { color: #f2e4cf !important; -webkit-text-fill-color: #f2e4cf !important; } body.wp-singular.sight-projects-template-default.single.single-sight-projects:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__footer .cs-entry__post-meta .cs-meta-author-link .cs-meta-author-by { color: #f0dfc5 !important; -webkit-text-fill-color: #f0dfc5 !important; } @media (prefers-color-scheme: dark) { body.wp-singular.sight-projects-template-default.single.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-entry__post-meta .cs-meta-author-link .cs-meta-author-name { color: #f2e4cf !important; -webkit-text-fill-color: #f2e4cf !important; } body.wp-singular.sight-projects-template-default.single.single-sight-projects[data-scheme="auto"] .cs-entry__footer .cs-entry__post-meta .cs-meta-author-link .cs-meta-author-by { color: #f0dfc5 !important; -webkit-text-fill-color: #f0dfc5 !important; } } /* ========================================= ROBERIN global scheme transition - 2026-05-10 v20 - Remove the 1180px center-column band: .cs-main-content must not animate its own shell background over the full-width site canvas. - Entry/content panels keep v19 synchronized surface transitions. ========================================= */ :root { --roberin-scheme-transition-duration: 240ms; --roberin-scheme-transition-ease: cubic-bezier(0.2, 0, 0.2, 1); } @media (prefers-reduced-motion: no-preference) { html.roberin-scheme-transitioning, body.roberin-scheme-transitioning { transition-property: color, background-color, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration) !important; transition-timing-function: var(--roberin-scheme-transition-ease) !important; transition-delay: 0s !important; } body.roberin-scheme-transitioning :where( .cs-header, .cs-header__inner, .cs-header__nav-inner, .cs-header__nav-inner .sub-menu, .cs-offcanvas, .cs-offcanvas__inner, .cs-site-content, .cs-site-primary, .cs-main-content, main, .entry-content, .cs-footer, .cs-contact-form__content, .cs-contact-form__heading, .roberin-contact-consent ), body.roberin-scheme-transitioning.cs-scheme-toggled[data-scheme] :where( .cs-header, .cs-header__inner, .cs-header__nav-inner, .cs-header__nav-inner .sub-menu, .cs-offcanvas, .cs-offcanvas__inner, .cs-site-content, .cs-site-primary, .cs-main-content, main, .entry-content, .cs-footer, .cs-contact-form__content, .cs-contact-form__heading, .roberin-contact-consent ) { transition-property: background-color, color, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration), var(--roberin-scheme-transition-duration), var(--roberin-scheme-transition-duration) !important; transition-timing-function: var(--roberin-scheme-transition-ease) !important; transition-delay: 0s !important; } /* v19: content surfaces now fade with the surrounding canvas. Without this, page/tool/article panels snap to dark while .cs-site-content is still light, which reads as a temporary border around .entry-content. */ body.roberin-scheme-transitioning :where( .entry-content > :first-child, .entry-content article, .entry-content .roberin-article-body, .entry-content .roberin-about-redesign, .entry-content .about1, .entry-content [class*="-calculator-container"] ), body.roberin-scheme-transitioning.cs-scheme-toggled[data-scheme] :where( .entry-content > :first-child, .entry-content article, .entry-content .roberin-article-body, .entry-content .roberin-about-redesign, .entry-content .about1, .entry-content [class*="-calculator-container"] ) { transition-property: background-color, border-color, color, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration) !important; transition-timing-function: var(--roberin-scheme-transition-ease) !important; transition-delay: 0s !important; } body.roberin-scheme-transitioning :where( .cs-header__toggle, .cs-site-scheme-toggle, .cs-offcanvas__scheme-toggle, .cs-lang-current, .cs-lang-current svg, .roberin-tool-search-toggle__button, .roberin-tool-search-toggle__icon ), body.roberin-scheme-transitioning.cs-scheme-toggled[data-scheme] :where( .cs-header__toggle, .cs-site-scheme-toggle, .cs-offcanvas__scheme-toggle, .cs-lang-current, .cs-lang-current svg, .roberin-tool-search-toggle__button, .roberin-tool-search-toggle__icon ) { transition-property: color, background-color, fill, stroke, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration) !important; transition-timing-function: var(--roberin-scheme-transition-ease) !important; transition-delay: 0s !important; } /* v18 safety: Elementor structural wrappers are often 950px wide and inherit default white border/color values. Do not animate their border-color or every descendant; otherwise the homepage shows a mismatched 950px outline and the toggle repaints too many nodes. */ body.roberin-scheme-transitioning :where( .entry-content .elementor, .entry-content .elementor-section, .entry-content .elementor-element, .entry-content .elementor-widget-container, .entry-content .e-con, .entry-content .e-con-full, .entry-content .e-con-inner ), body.roberin-scheme-transitioning.cs-scheme-toggled[data-scheme] :where( .entry-content .elementor, .entry-content .elementor-section, .entry-content .elementor-element, .entry-content .elementor-widget-container, .entry-content .e-con, .entry-content .e-con-full, .entry-content .e-con-inner ) { transition-property: background-color !important; transition-duration: 0ms !important; transition-delay: 0s !important; } } /* v20: the 1180px center column is only a layout container. If it animates its own shell background, it becomes darker than the full-width canvas during the header dark-toggle midpoint and reads as a vertical band. Keep it transparent so the parent .cs-site-content/main canvas is the single source of truth for page-shell background color. */ body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-content > .cs-container, body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-main-content { background-color: transparent !important; background-image: none !important; } @media (prefers-color-scheme: dark) { body[data-scheme="auto"] .cs-site-content > .cs-container, body[data-scheme="auto"] .cs-main-content { background-color: transparent !important; background-image: none !important; } } @media (prefers-reduced-motion: no-preference) { body.roberin-scheme-transitioning :where( .cs-site-content > .cs-container, .cs-main-content ), body.roberin-scheme-transitioning.cs-scheme-toggled[data-scheme] :where( .cs-site-content > .cs-container, .cs-main-content ) { background-color: transparent !important; background-image: none !important; transition-property: color, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration) !important; transition-timing-function: var(--roberin-scheme-transition-ease) !important; transition-delay: 0s !important; } } @media (prefers-reduced-motion: reduce) { html.roberin-scheme-transitioning, body.roberin-scheme-transitioning, body.roberin-scheme-transitioning * { transition-duration: 0s !important; animation-duration: 0s !important; } } /* v21 / 20260630c: keep The New unit converter structural canvases transparent during scheme toggles. Older unit-converter CSS darkened #content/main/entry wrappers with !important, so the center column snapped dark before the outer site canvas finished fading. The site canvas owns the page background; inner layout wrappers stay transparent while tool panels animate normally. */ body:is(.postid-3308,.postid-3358,.postid-3359,.postid-3360,.postid-3361,.postid-2358,.postid-4951,.postid-7632,.postid-7634,.postid-7636,.postid-3547,.postid-3554,.postid-3555,.postid-3556,.postid-3557,.postid-3290,.postid-3297,.postid-3298,.postid-3299,.postid-3300):is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) :is(#content,.cs-main-content,.cs-content-area,.cs-entry__wrap,.cs-entry__container,.cs-entry__content-wrap,.entry-content,.cs-entry__content,.content-area,.site-main), html[data-scheme="dark"] body:is(.postid-3308,.postid-3358,.postid-3359,.postid-3360,.postid-3361,.postid-2358,.postid-4951,.postid-7632,.postid-7634,.postid-7636,.postid-3547,.postid-3554,.postid-3555,.postid-3556,.postid-3557,.postid-3290,.postid-3297,.postid-3298,.postid-3299,.postid-3300):not([data-scheme="light"]) :is(#content,.cs-main-content,.cs-content-area,.cs-entry__wrap,.cs-entry__container,.cs-entry__content-wrap,.entry-content,.cs-entry__content,.content-area,.site-main), html[data-scheme="inverse"] body:is(.postid-3308,.postid-3358,.postid-3359,.postid-3360,.postid-3361,.postid-2358,.postid-4951,.postid-7632,.postid-7634,.postid-7636,.postid-3547,.postid-3554,.postid-3555,.postid-3556,.postid-3557,.postid-3290,.postid-3297,.postid-3298,.postid-3299,.postid-3300):not([data-scheme="light"]) :is(#content,.cs-main-content,.cs-content-area,.cs-entry__wrap,.cs-entry__container,.cs-entry__content-wrap,.entry-content,.cs-entry__content,.content-area,.site-main) { background-color: transparent !important; background-image: none !important; } @media (prefers-color-scheme: dark) { body:is(.postid-3308,.postid-3358,.postid-3359,.postid-3360,.postid-3361,.postid-2358,.postid-4951,.postid-7632,.postid-7634,.postid-7636,.postid-3547,.postid-3554,.postid-3555,.postid-3556,.postid-3557,.postid-3290,.postid-3297,.postid-3298,.postid-3299,.postid-3300)[data-scheme="auto"] :is(#content,.cs-main-content,.cs-content-area,.cs-entry__wrap,.cs-entry__container,.cs-entry__content-wrap,.entry-content,.cs-entry__content,.content-area,.site-main) { background-color: transparent !important; background-image: none !important; } } @media (prefers-reduced-motion: no-preference) { body.roberin-scheme-transitioning :is( .cs-wrapper, .cs-site, .cs-site-inner, .cs-site-primary, .cs-site-content, .cs-site-content > .cs-container ) { transition-property: background-color, border-color, color, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration, 240ms) !important; transition-timing-function: var(--roberin-scheme-transition-ease, cubic-bezier(.2, 0, .2, 1)) !important; transition-delay: 0s !important; } body.roberin-scheme-transitioning :is( #content, .cs-main-content, .cs-content-area, .cs-entry__wrap, .cs-entry__container, .cs-entry__content-wrap, .entry-content, .cs-entry__content, .content-area, .site-main ) { background-color: transparent !important; background-image: none !important; transition-property: color, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration, 240ms) !important; transition-timing-function: var(--roberin-scheme-transition-ease, cubic-bezier(.2, 0, .2, 1)) !important; transition-delay: 0s !important; } body.roberin-scheme-transitioning :is( .tn-unit-converter, .tn-unit-converter :is(.tn-tool,.tn-workspace,.tn-source-window,.tn-result-window,.tn-converter-pane,.tn-input-panel,.tn-result-panel,.tn-speed-controls,.tn-speed-results,.tn-speed-primary,.tn-primary-stat,.tn-pane-result,.tn-pane-result--main,.tn-unit-summary-card,.tn-metric-card,.tn-info-card,.tn-example-steps,.tn-reverse-result,.tn-design-note,.tn-article-panel,.tn-source-chips,.tn-source-chip,.tn-input-wrap,.tn-field select,.tn-command-row,.tn-text-btn,.tn-icon-btn,.tn-source-link,.tn-status-line), article.tn-article-panel, section.tn-design-note ) { transition-property: background-color, border-color, color, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration, 240ms) !important; transition-timing-function: var(--roberin-scheme-transition-ease, cubic-bezier(.2, 0, .2, 1)) !important; transition-delay: 0s !important; } } /* v22 / 20260630d: tn-hero participates in the header scheme-toggle fade. The hero is a canvas/header surface, not a separate dark block. Keeping it transparent prevents the hero band from snapping dark before the page canvas, while hero text/chips transition with the same global timing. */ body:is(.postid-3308,.postid-3358,.postid-3359,.postid-3360,.postid-3361,.postid-2358,.postid-4951,.postid-7632,.postid-7634,.postid-7636,.postid-3547,.postid-3554,.postid-3555,.postid-3556,.postid-3557,.postid-3290,.postid-3297,.postid-3298,.postid-3299,.postid-3300):is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-unit-converter .tn-hero, html[data-scheme="dark"] body:is(.postid-3308,.postid-3358,.postid-3359,.postid-3360,.postid-3361,.postid-2358,.postid-4951,.postid-7632,.postid-7634,.postid-7636,.postid-3547,.postid-3554,.postid-3555,.postid-3556,.postid-3557,.postid-3290,.postid-3297,.postid-3298,.postid-3299,.postid-3300):not([data-scheme="light"]) .tn-unit-converter .tn-hero, html[data-scheme="inverse"] body:is(.postid-3308,.postid-3358,.postid-3359,.postid-3360,.postid-3361,.postid-2358,.postid-4951,.postid-7632,.postid-7634,.postid-7636,.postid-3547,.postid-3554,.postid-3555,.postid-3556,.postid-3557,.postid-3290,.postid-3297,.postid-3298,.postid-3299,.postid-3300):not([data-scheme="light"]) .tn-unit-converter .tn-hero { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } @media (prefers-color-scheme: dark) { body:is(.postid-3308,.postid-3358,.postid-3359,.postid-3360,.postid-3361,.postid-2358,.postid-4951,.postid-7632,.postid-7634,.postid-7636,.postid-3547,.postid-3554,.postid-3555,.postid-3556,.postid-3557,.postid-3290,.postid-3297,.postid-3298,.postid-3299,.postid-3300)[data-scheme="auto"] .tn-unit-converter .tn-hero { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } } @media (prefers-reduced-motion: no-preference) { body.roberin-scheme-transitioning :is( .tn-unit-converter .tn-hero, .tn-unit-converter .tn-hero__eyebrow, .tn-unit-converter .tn-hero h1, .tn-unit-converter .tn-hero p, .tn-unit-converter .tn-status, .tn-unit-converter .tn-intro-columns, .tn-unit-converter .tn-intro-columns > *, .tn-unit-converter .tn-source-links, .tn-unit-converter .tn-source-links *, .tn-unit-converter .tn-tool-meta-row, .tn-unit-converter .tn-tool-meta-row * ) { transition-property: background-color, border-color, color, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration, 240ms) !important; transition-timing-function: var(--roberin-scheme-transition-ease, cubic-bezier(.2, 0, .2, 1)) !important; transition-delay: 0s !important; } } /* v23 / 20260630e: scheme-toggle should feel synchronized and quick, not slow. Keep painted surfaces on the same fast 240ms color/border/text fade and do not animate broad box-shadow lists, which can make The New tools feel janky. */ @media (prefers-reduced-motion: no-preference) { body.roberin-scheme-transitioning :where( .cs-site, .cs-site-content, .cs-site-primary, .cs-header, .cs-header__outer, .cs-header__outer > .cs-container, header .cs-container, #content, .cs-main-content, .cs-entry__wrap, .entry-content, .tn-unit-converter, .tn-unit-converter :is( .tn-hero, .tn-hero__eyebrow, .tn-hero h1, .tn-hero p, .tn-status, .tn-tool, .tn-workspace, .tn-source-window, .tn-result-window, .tn-converter-pane, .tn-input-panel, .tn-result-panel, .tn-speed-controls, .tn-speed-results, .tn-speed-primary, .tn-primary-stat, .tn-pane-result, .tn-pane-result--main, .tn-unit-summary-card, .tn-metric-card, .tn-info-card, .tn-example-steps, .tn-reverse-result, .tn-design-note, .tn-article-panel, .tn-source-chips, .tn-source-chip, .tn-input-wrap, .tn-field select, .tn-command-row, .tn-text-btn, .tn-icon-btn, .tn-source-link, .tn-status-line, .tn-intro-columns, .tn-intro-columns > *, .tn-source-links, .tn-source-links *, .tn-tool-meta-row, .tn-tool-meta-row * ), article.tn-article-panel, section.tn-design-note ) { transition-property: background-color, border-color, color, -webkit-text-fill-color !important; transition-duration: var(--roberin-scheme-transition-duration, 240ms) !important; transition-timing-function: var(--roberin-scheme-transition-ease, cubic-bezier(.2, 0, .2, 1)) !important; transition-delay: 0s !important; } } /* v24 / 20260630f: sitewide The New dark-mode hardening. Fix unit suffix chips such as so their bottom/right edges are real computed borders, and keep command controls dark-paper in every dark path. Scoped only to The New tn-* surfaces. */ html body :is(.tn-input-wrap) > b { box-sizing: border-box !important; align-self: stretch !important; border-bottom: 1px solid var(--tn-line-soft, var(--tn-line, #c7a879)) !important; border-right: 1px solid var(--tn-line-soft, var(--tn-line, #c7a879)) !important; } body:is([data-scheme="dark"], [data-scheme="inverse"], [data-scheme="auto"][data-l="dark"], [data-scheme="auto"][data-d="dark"], .theme-dark):not([data-scheme="light"]) :is(.tn-input-wrap) > b, html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body:not([data-scheme="light"]) :is(.tn-input-wrap) > b { background: #493521 !important; color: #f7ead1 !important; -webkit-text-fill-color: #f7ead1 !important; border-left-color: #604a31 !important; border-bottom-color: #604a31 !important; border-right-color: #604a31 !important; } body:is([data-scheme="dark"], [data-scheme="inverse"], [data-scheme="auto"][data-l="dark"], [data-scheme="auto"][data-d="dark"], .theme-dark):not([data-scheme="light"]) :is(.tn-text-btn, .tn-icon-btn, .tn-source-link, button.tn-text-btn, button.tn-icon-btn), html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body:not([data-scheme="light"]) :is(.tn-text-btn, .tn-icon-btn, .tn-source-link, button.tn-text-btn, button.tn-icon-btn) { background: #2f2115 !important; color: #f7ead1 !important; -webkit-text-fill-color: #f7ead1 !important; border-color: #604a31 !important; box-shadow: none !important; } body:is([data-scheme="dark"], [data-scheme="inverse"], [data-scheme="auto"][data-l="dark"], [data-scheme="auto"][data-d="dark"], .theme-dark):not([data-scheme="light"]) :is(.tn-text-btn:hover, .tn-icon-btn:hover, .tn-source-link:hover, button.tn-text-btn:hover, button.tn-icon-btn:hover), html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body:not([data-scheme="light"]) :is(.tn-text-btn:hover, .tn-icon-btn:hover, .tn-source-link:hover, button.tn-text-btn:hover, button.tn-icon-btn:hover) { background: #3a2818 !important; color: #fff4dc !important; -webkit-text-fill-color: #fff4dc !important; } @media (prefers-color-scheme: dark) { body[data-scheme="auto"] :is(.tn-input-wrap) > b { background: #493521 !important; color: #f7ead1 !important; -webkit-text-fill-color: #f7ead1 !important; border-left-color: #604a31 !important; border-bottom-color: #604a31 !important; border-right-color: #604a31 !important; } body[data-scheme="auto"] :is(.tn-text-btn, .tn-icon-btn, .tn-source-link, button.tn-text-btn, button.tn-icon-btn) { background: #2f2115 !important; color: #f7ead1 !important; -webkit-text-fill-color: #f7ead1 !important; border-color: #604a31 !important; box-shadow: none !important; } body[data-scheme="auto"] :is(.tn-text-btn:hover, .tn-icon-btn:hover, .tn-source-link:hover, button.tn-text-btn:hover, button.tn-icon-btn:hover) { background: #3a2818 !important; color: #fff4dc !important; -webkit-text-fill-color: #fff4dc !important; } }