/* Dark mode overrides — home page only, loaded after main-plainsite.css */

/* Nav: lighter hover state on dark background */
.psBarNavLink:hover { background: rgba(255,255,255,0.15); color: #fff; }

/* Tagline "The world's complexity in plain sight." — white on dark background */
.darkgray { color: #fff !important; }

/* Recent tags and other gray text — white on dark background */
.gray { color: #fff !important; text-shadow: none; }
a.gray, a.gray:visited { color: #fff !important; text-shadow: none; }
.footer, a.footer, a.footer:hover, a.footer:visited { color: #000 !important; text-shadow: 0 0 6px #fff, 0 0 3px #fff; }

/* Ribbon entity name labels */
.ribbonLabel { color: #000; text-shadow: 0 0 6px #fff, 0 0 3px #fff; }

/* On very tall viewports (e.g. 27" iMac) the ribbon sits against dark sky, not Earth */
@media (min-height: 1200px) {
    .ribbonLabel { color: #fff !important; text-shadow: none; }
}

/* Home page search box — translucent white over dark background */
.homeField {
    background: rgba(64,64,64,0.5) !important;
    border: none !important;
    border-radius: 4px !important;
    color: #fff !important;
}
.homeField::placeholder { color: rgba(255,255,255,0.6); }

/* Pro tab bar — active/selected tab */
a.proTabActive, a.proTabActive:visited {
    background: rgba(255,255,255,0.9) !important;
    color: #222 !important;
    border-radius: 4px;
    font-weight: bold;
}

/* Flags teaser panel — translucent white over Earth background */
.flags-teaser-wrap {
    background: rgba(255,255,255,0.6);
    padding: 20px 24px 16px;
}
.flags-teaser-wrap B,
.flags-teaser-wrap .pflag-meta,
.flags-teaser-wrap .pflag-meta A,
.flags-teaser-wrap .pflag-meta A:visited {
    color: #000 !important;
    text-shadow: none;
}
.flags-teaser-wrap .gray { color: #555 !important; }
.flags-teaser-wrap .pflag-bullet { color: #333; opacity: 0.6; }
.flags-teaser-wrap A { color: #00008B; }
.flags-teaser-wrap A:visited { color: #551A8B; }