/* ============================================================
   Olliers Related Content — dark mode variants · v1.0.0 (ORC 1.29.1)
   Applies when the Olliers Dark Mode plugin adds
   body.darkmode--activated. Uses that plugin's palette:
   primary #0f1114, secondary #151b25, text #ebebeb, headline #fff.
   Selectors carry one extra class over the dark-mode plugin's own
   (which force p / h2 / a colours with !important) so these win.
   Covers: the author box, the corridor, and the hand-built HTML
   widget panels (.orc-tellus, .orc-related, .ol-table, .olab).
   ============================================================ */

body.darkmode--activated {
    --orc-dm-surface: #151b25;
    --orc-dm-deep:    #0f1114;
    --orc-dm-text:    #ebebeb;
    --orc-dm-muted:   #a3adbd;
    --orc-dm-head:    #ffffff;
    --orc-dm-hair:    rgba(255, 255, 255, .14);
    --orc-dm-gold:    #d9be7e;
    --orc-dm-gold-dk: #b8973e;
}

/* ---------------- Author box ---------------- */
body.darkmode--activated .orc-ab .orc-ab-wrap { background: var(--orc-dm-surface) !important; border-color: var(--orc-dm-hair) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-tabs { background: var(--orc-dm-deep); border-bottom-color: var(--orc-dm-hair); }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-tab { color: var(--orc-dm-muted) !important; border-right-color: var(--orc-dm-hair) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-tab:hover { background: #1b2331 !important; color: var(--orc-dm-head) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-tab.is-active,
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-tab[aria-selected="true"] { background: var(--orc-dm-surface) !important; color: var(--orc-dm-head) !important; border-bottom-color: var(--orc-dm-gold) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-edit { color: #6f7a8c !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-edit:hover { color: var(--orc-dm-gold) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-nojs-heading { color: var(--orc-dm-head) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap p.orc-ab-name,
body.darkmode--activated .orc-ab .orc-ab-wrap p.orc-ab-name a { color: var(--orc-dm-head) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap p.orc-ab-name a:hover { color: var(--orc-dm-gold) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-sep { color: var(--orc-dm-gold); }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-role { color: var(--orc-dm-muted) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-desc,
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-desc p { color: var(--orc-dm-text) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-desc a { color: var(--orc-dm-gold) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-desc a:hover { color: var(--orc-dm-head) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap a.orc-ab-profile { background: transparent; border-color: var(--orc-dm-gold); color: var(--orc-dm-gold) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap a.orc-ab-profile:hover,
body.darkmode--activated .orc-ab .orc-ab-wrap a.orc-ab-profile:focus-visible { background: var(--orc-dm-gold); color: #0f1114 !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-img { box-shadow: 0 2px 10px rgba(0, 0, 0, .45); }
body.darkmode--activated .orc-ab .orc-ab-wrap a.orc-ab-social { background: var(--orc-dm-deep); border-color: var(--orc-dm-hair); color: var(--orc-dm-head) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap a.orc-ab-social:hover,
body.darkmode--activated .orc-ab .orc-ab-wrap a.orc-ab-social:focus-visible { border-color: var(--orc-dm-gold); color: var(--orc-dm-gold) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-more li { border-bottom-color: var(--orc-dm-hair); }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-more a { color: var(--orc-dm-head) !important; }
body.darkmode--activated .orc-ab .orc-ab-wrap .orc-ab-more a:hover { color: var(--orc-dm-gold) !important; }
body.darkmode--activated .orc-ab:not(.orc-ab-js) .orc-ab-more { border-top-color: var(--orc-dm-hair); }

/* ---------------- Corridor ---------------- */
body.darkmode--activated .orc-corridor[class] { background: var(--orc-dm-surface) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important; }
body.darkmode--activated .orc-corridor[class] p.orc-cor-hook { color: var(--orc-dm-head) !important; }
body.darkmode--activated .orc-corridor[class] p.orc-cor-line { color: var(--orc-dm-text) !important; }
body.darkmode--activated .orc-corridor[class] .orc-cor-conf { background: var(--orc-dm-deep) !important; border-color: var(--orc-dm-hair) !important; }
body.darkmode--activated .orc-corridor[class] .orc-cor-conf,
body.darkmode--activated .orc-corridor[class] .orc-cor-conf span,
body.darkmode--activated .orc-corridor[class] .orc-cor-conf-items span { color: #d6dce6 !important; }
body.darkmode--activated .orc-corridor[class] a.orc-cor-phone { color: var(--orc-dm-head) !important; border-color: rgba(255, 255, 255, .45) !important; background: transparent !important; }
body.darkmode--activated .orc-corridor[class] a.orc-cor-phone:hover { border-color: var(--orc-dm-gold) !important; color: var(--orc-dm-gold) !important; }
body.darkmode--activated .orc-corridor[class] a.orc-cor-form,
body.darkmode--activated .orc-corridor[class] a.orc-cor-author-more { color: var(--orc-dm-gold) !important; }
body.darkmode--activated .orc-corridor[class] a.orc-cor-form:hover,
body.darkmode--activated .orc-corridor[class] a.orc-cor-author-more:hover { color: var(--orc-dm-head) !important; }
body.darkmode--activated .orc-corridor[class] p.orc-cor-author { color: var(--orc-dm-muted) !important; border-top-color: var(--orc-dm-hair) !important; }
body.darkmode--activated .orc-corridor[class] p.orc-cor-author strong { color: var(--orc-dm-head) !important; }
body.darkmode--activated .orc-corridor[class] details.orc-cor-latest { background: var(--orc-dm-deep) !important; border-color: var(--orc-dm-hair) !important; }
body.darkmode--activated .orc-corridor[class] details.orc-cor-latest summary,
body.darkmode--activated .orc-corridor[class] details.orc-cor-latest li a { color: var(--orc-dm-text) !important; }
body.darkmode--activated .orc-corridor[class] details.orc-cor-latest li a:hover { color: var(--orc-dm-gold) !important; }

/* ---------------- Hand-built panels (Elementor HTML widgets) ---------------- */
/* Speak to a specialist (.orc-tellus) and Related guidance (.orc-related) */
body.darkmode--activated .elementor-widget-container .orc-tellus,
body.darkmode--activated .elementor-widget-container .orc-related { background: var(--orc-dm-surface) !important; border-color: var(--orc-dm-gold-dk) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important; }
body.darkmode--activated .elementor-widget-container .orc-tellus h2,
body.darkmode--activated .elementor-widget-container .orc-related h2 { color: var(--orc-dm-head) !important; }
body.darkmode--activated .elementor-widget-container .orc-tellus p.t-lede { color: var(--orc-dm-text) !important; }
body.darkmode--activated .elementor-widget-container .orc-tellus ol.t-list li { background: var(--orc-dm-deep) !important; border-color: var(--orc-dm-hair) !important; color: var(--orc-dm-head) !important; box-shadow: none !important; }
body.darkmode--activated .elementor-widget-container .orc-tellus ol.t-list li::before { background: var(--orc-dm-gold-dk); color: #0f1114; }
body.darkmode--activated .elementor-widget-container .orc-tellus ol.t-list li:hover { border-color: var(--orc-dm-gold) !important; background: #1b2331 !important; }
body.darkmode--activated .elementor-widget-container .orc-tellus p.t-foot { color: var(--orc-dm-head) !important; border-top-color: var(--orc-dm-hair) !important; }
body.darkmode--activated .elementor-widget-container .orc-related ul.t-links a { background: var(--orc-dm-deep) !important; border-color: var(--orc-dm-hair) !important; color: var(--orc-dm-head) !important; box-shadow: none !important; }
body.darkmode--activated .elementor-widget-container .orc-related ul.t-links a:hover,
body.darkmode--activated .elementor-widget-container .orc-related ul.t-links a:focus-visible { border-color: var(--orc-dm-gold) !important; background: #1b2331 !important; color: var(--orc-dm-head) !important; }
body.darkmode--activated .elementor-widget-container .orc-related ul.t-links li.t-hub a { background: var(--orc-dm-gold-dk) !important; border-color: var(--orc-dm-gold-dk) !important; color: #0f1114 !important; }
body.darkmode--activated .elementor-widget-container .orc-related ul.t-links li.t-hub a::after,
body.darkmode--activated .elementor-widget-container .orc-related ul.t-links li.t-hub a::before { color: #0f1114; background: #0f1114; }
body.darkmode--activated .elementor-widget-container .orc-related ul.t-links li.t-hub a:hover { background: var(--orc-dm-gold) !important; border-color: var(--orc-dm-gold) !important; }

/* Comparison table (.ol-table) */
body.darkmode--activated .elementor-widget-container .ol-table-wrap table.ol-table { border-color: var(--orc-dm-hair) !important; background: var(--orc-dm-surface) !important; }
body.darkmode--activated .elementor-widget-container .ol-table-wrap table.ol-table tbody td { background: var(--orc-dm-surface) !important; color: #d6dce6 !important; border-color: var(--orc-dm-hair) !important; }
body.darkmode--activated .elementor-widget-container .ol-table-wrap table.ol-table tbody td.ol-td-stage { background: var(--orc-dm-deep) !important; color: var(--orc-dm-gold) !important; }
body.darkmode--activated .elementor-widget-container .ol-table-wrap table.ol-table tbody td.ol-td-diff { background: #182233 !important; border-left-color: var(--orc-dm-gold-dk) !important; }
body.darkmode--activated .elementor-widget-container .ol-table-wrap table.ol-table tbody td strong { color: var(--orc-dm-head) !important; }

/* Navy panels (.olab at-a-glance and CTA) already sit on navy; soften their edge against the dark page */
body.darkmode--activated .elementor-widget-container .olab-glance,
body.darkmode--activated .elementor-widget-container .olab .cta { box-shadow: 0 0 0 1px var(--orc-dm-hair), 0 8px 24px rgba(0, 0, 0, .4) !important; }