/*
 * Dark mode for the Minx theme on malcolmocean.com.
 * Loaded with media="(prefers-color-scheme: dark)" so it only applies when the
 * visitor's OS/browser is set to dark. Nothing here runs in light mode.
 * Added 2026-10-22.
 */

:root {
    color-scheme: dark;
    --dm-bg: #1a1b1e;        /* page */
    --dm-bg-2: #242629;      /* wells, code blocks, captions */
    --dm-bg-3: #2e3034;      /* inputs, hover states */
    --dm-text: #d6d6d6;
    --dm-text-strong: #f2f2f2;
    --dm-text-muted: #9a9a9a;
    --dm-border: #3a3c40;
    --dm-link: #ff6b68;      /* lightened from the theme's #d10805 */
}

/* ---------- base ---------- */
html, body { background-color: var(--dm-bg); }
body { color: var(--dm-text); }

h1, h2, h3, h4, h5, h6 { color: #cfcfcf; }
h1 { background: rgba(26, 27, 30, 0.55); }
h1.title {
    background: none;
    color: var(--dm-text-strong);
    text-shadow: 0 0 7px #000, 0 0 12px #000;
}

a { color: var(--dm-link); }
a:hover { color: #bbb; }

hr { border-top-color: var(--dm-border); border-bottom-color: transparent; }
hr.team-line {
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.25), rgba(255,255,255,0));
}

::selection { color: #fff; background: #c57f00; }
::-moz-selection { color: #fff; background: #c57f00; }

.black { color: #ccc; }
.darkgrey, li:hover .darkgrey { color: #ddd; }
.very_big, .no_page { color: #ccc; }
.muted { color: var(--dm-text-muted); }
.help-block, .help-inline { color: #aaa; }
legend { color: #ccc; border-bottom-color: var(--dm-border); }

/* per-post heading colours in theme.css are very dark; lift them */
.color1 h2 { color: #b98cff; }
.color2 h2 { color: #ffb067; }
.color3 h2 { color: #7fd9f2; }
.color4 h2 { color: #6fe36f; }
.color5 h2 { color: #ff8ec6; }
.color1 a:visited { color: #a070e8; }
.color2 a:visited { color: #e8803a; }
.color3 a:visited { color: #3fb5d6; }
.color4 a:visited { color: #3cc83c; }
.color5 a:visited { color: #e65a9c; }
/* the pullquote / table-header backgrounds are bright pastels: keep dark text on them */
.pullquote, .pullquote a { color: #111; }
.tablepress thead tr th, .tablepress tfoot tr th { color: #111; }

/* ---------- header / nav ---------- */
/* white logo -> #d6d6d6 (214/255 = 0.84), matching the body text tone */
.headerlogo { filter: brightness(0.84); }
/* dim the rainbow header pattern a bit; the logo/nav/search are children and unaffected */
.header {
    background-image: linear-gradient(rgba(26,27,30,0.4), rgba(26,27,30,0.4)), url(../img/header.png);
    background-position: top center;
    background-repeat: no-repeat;
}
.menu_wrap .nav li a { background: rgba(0, 0, 0, 0.85); }
.menu_wrap .nav > li.active > a,
.menu_wrap .nav > li.active { background: rgba(255, 255, 255, 0.18); color: #fff; }
.menu_wrap .nav ul { background: #1e1e1e; }
.input-append .add-on.searchbtn, button.searchbtn { background: #333; color: #ccc; border-color: #555; text-shadow: none; }
.searchbox { background: #2a2a2a; color: #ddd; border-color: #444; }

/* ---------- content bits ---------- */
blockquote p { color: #c8c8c8; }
blockquote small { color: var(--dm-text-muted); }
.wp-caption, .gallery-caption { background-color: var(--dm-bg-2); }
.title-divider { border-bottom-color: var(--dm-border); }
.categ:link { color: #aaa; }
.categ:hover { color: #ccc; }
.post-date { color: #eee; }
.media-body a, .media-body a:link { color: #bbb; }
.post-meta a:hover { color: #c77bff; }
.intro_sections, .intro_sections a, h5 .intro_sections { color: #aaa; }
.intro_sections:hover, .pricing-table:hover { background-color: var(--dm-bg-2); }
.welcome { color: #9fb6ba; }

.dropcap { color: #bbb; text-shadow: 1px 1px 0 #1a1b1e, 2px 2px 0 #1a1b1e, 3px 3px 0 #777, 4px 4px 0 #777; }
.dropcap2 { text-shadow: 1px 1px 0 #1a1b1e, 2px 2px 0 #1a1b1e, 3px 3px 0 #777, 4px 4px 0 #777; }

/* sidebar list bullets use a dark 5x7 png; swap for a text bullet */
.blogwidgetarea li { background-image: none; position: relative; }
.blogwidgetarea li::before {
    content: "\25B8";
    position: absolute;
    left: 0;
    color: #888;
    font-size: 11px;
}
.blogwidgetarea .noimages li::before { content: none; }

/* code */
code, pre { color: #ddd; }
code { color: #ff8aa0; background-color: var(--dm-bg-2); border-color: var(--dm-border); }
pre { background-color: var(--dm-bg-2); border-color: var(--dm-border); }
.docs pre, .docs code { color: #bbb; }

/* tables */
.table th, .table td { border-top-color: var(--dm-border); }
.table tbody + tbody { border-top-color: var(--dm-border); }
.table .table { background-color: var(--dm-bg); }
.tablepress {
    --text-color: var(--dm-text);
    --head-bg-color: #2a3a44;
    --head-text-color: #e6f0f5;
    --odd-bg-color: var(--dm-bg);
    --even-bg-color: var(--dm-bg-2);
    --hover-bg-color: var(--dm-bg-3);
    --border-color: var(--dm-border);
}
.dt-container .dt-paging .dt-paging-button.current,
.dt-container .dt-paging .dt-paging-button:hover { border-color: #888; }
.dt-container .dt-paging .dt-paging-button.disabled { color: #ffffff4d !important; }

/* boxes */
.well { background-color: var(--dm-bg-2); border-color: var(--dm-bg-2); }
.form-actions { background-color: var(--dm-bg-2); border-top-color: var(--dm-border); }
.form_info, .notification_ok { color: #ccc; }
.quote_sections { background: #26282b; border-top-color: #555; border-bottom-color: #444; }
.quote_sections_hue { background: #26282b; border-bottom-color: #444; }
.quote_sections_light { background: #26282b; border-top-color: #333; border-bottom-color: #444; }
.accordion-group { background: var(--dm-bg-2); }
.accordion-heading .accordion-toggle { color: #ccc; }
.item_description, .slider-title { background-color: var(--dm-bg-2); border-bottom-color: var(--dm-border); color: #aaa; }
.item_description:after, .slider-title:after { border-bottom-color: var(--dm-bg-2); }
.item_description a, .slider-title h3 a { color: #bbb; }
.item_description a:hover, .slider-title h3 a:hover { color: #ddd; }
.widget-scroll-next, .widget-scroll-next2, .widget-scroll-next3, .widget-scroll-next5 { background: #333; border-bottom-color: #555; }
.nav-tabs > li > a { background: var(--dm-bg-2); border-color: var(--dm-border); border-top-color: var(--dm-border); }
.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover, .nav-tabs > .active > a:focus,
.tabs-top .nav-tabs > li.active > a, .tabbable.tabs-left .nav-tabs .active a, .tabbable.tabs-left .nav-tabs a:hover { color: #ddd; border-color: var(--dm-border); }
.nav-tabs > li.active > a { border-bottom-color: var(--dm-border); }
.tabbable.tabs-left .nav-tabs a { border-color: var(--dm-border); }
.tab-content { color: var(--dm-text); }
.pricing-header-row-2, .pricing-content-row-even { background-color: #2a2c2f; color: #ccc; }
.pricing-content-row-odd { background-color: #222427; color: #ccc; }
.pricing-footer { background-color: #26282b; border-top-color: #333; border-bottom-color: #444; }
.price { color: #ddd; }
#filters li a:link { background: #2e3034; color: #ccc; }
.holder a { color: #bbb; }
.tagcloud a:visited { background-color: #444; }
.haiku-no-solution { color: #ccc; background: var(--dm-bg-2); border-color: var(--dm-border); }

/* half-baked banner in single.php uses inline pink gradient with #000c link */
.half-baked-banner { color: #111; }

/* ---------- forms ---------- */
textarea, select,
input[type="text"], input[type="password"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="number"], input[type="date"],
.uneditable-input {
    background-color: var(--dm-bg-3);
    color: #e6e6e6;
    border-color: #4a4c50;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="search"]:focus, input[type="password"]:focus {
    border-color: rgba(120, 180, 240, 0.8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 8px rgba(120, 180, 240, 0.5);
}
::placeholder { color: #8a8a8a; }
label, .control-label { color: var(--dm-text); }
.btn {
    color: #ddd;
    background-color: var(--dm-bg-3);
    border-color: #4a4c50;
    border-bottom-color: #3a3c40;
}
.btn:hover, .btn:active, .btn.active { color: #fff; background-color: #555; }

/* ---------- hero / dark-on-light widgets that were already dark ---------- */
.hero-unit { background: #111; }
#footer:before { border-bottom-color: #050505; }
#footer { color: #8a8a8a; }
#footer .span3, #footer h6 { color: #999; }
#footer .copyright { color: #777; }

/* ---------- WP core / Gutenberg bits ---------- */
.wp-block-button__link { color: #111; background-color: #ddd; }
.has-very-light-gray-background-color { background-color: #333 !important; }

/* comments */
#respond, .comment-body, .media { color: var(--dm-text); }
.comment-meta a, .comment-author a { color: #bbb; }

/* images: soften very bright images a touch */
.post img, .blogwidgetarea img { filter: brightness(0.92); }
.post a img:hover { opacity: 0.8; }

/* theme picker button (markup in footer.php, base styles in theme-toggle.css) */
.theme-toggle { background: rgba(40,42,46,0.92); color: #ddd; border-color: rgba(255,255,255,0.22); box-shadow: 0 1px 4px rgba(0,0,0,0.6); }