/* Chronoshock domain overrides for the shared community shell */

body.chronoshock-domain {
    background-color: #282627;
}

body.chronoshock-domain .rootdomain-main-page {
    color: #E1DDDD;
    background-color: #282627;
}

body.chronoshock-domain .rootdomain-main-page-header {
    color: #BCBCBC;
    background-color: #282627;
}

body.chronoshock-domain .rootdomain-main-page a {
    color: #d2d2f2;
}

body.chronoshock-domain .rootdomain-main-page a:visited {
    color: #b0b0d0;
}

body.chronoshock-domain .rootdomain-main-page a:hover {
    color: #e2e2ff;
}

body.chronoshock-domain .subdomain-item a:hover {
    background-color: #49565E;
    border-color: #6a7a85;
}

body.chronoshock-domain #subdomain-search {
    background-color: #3A3C3C;
    color: #E1DDDD;
    border: 1px solid #49565E;
}

body.chronoshock-domain #subdomain-tooltip {
    background-color: #49565E;
    color: #E1DDDD;
    border-color: #6a7a85;
}

body.chronoshock-domain #darkmode-select {
    background-color: #3A3C3C;
    color: #E1DDDD;
    border: 1px solid #49565E;
}

/* Chronoshock text logo — matches the banner style from cs-top125.png */
.chronoshock-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 2px;
    text-decoration: none;
    background: linear-gradient(180deg, #e8f0ff 0%, #7ab0e0 40%, #4a90c4 60%, #2a6090 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    line-height: 50px;
}

.chronoshock-logo:hover {
    background: linear-gradient(180deg, #ffffff 0%, #90c8f0 40%, #60a8d8 60%, #3878b0 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.chronoshock-logo:visited {
    -webkit-text-fill-color: transparent;
}

.chronoshock-logo-tld {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}

/* ── Light mode overrides for Chronoshock ── */
/* Warmer, more colorful light mode instead of stark white */

body.chronoshock-domain.lightmode {
    background-color: #dfe8ef;
    color: #2a2e35;
    --page-background-color: #e4ecf2;
    --page-text-color: #2a2e35;
    --link-color: #2a5080;
    --link-hover-color: #1a70b8;
    --visited-link-color: #4a3878;
    --inert-icon-color: #3a4550;
    --active-icon-color: #2a5080;
}

body.chronoshock-domain.lightmode a, body.chronoshock-domain.lightmode a:visited {
    color: #2a5080;
}

body.chronoshock-domain.lightmode a:hover, body.chronoshock-domain.lightmode a:active {
    color: #1a70b8;
}

body.chronoshock-domain.lightmode .rootdomain-main-page {
    background-color: #dfe8ef;
    color: #2a2e35;
}

body.chronoshock-domain.lightmode .rootdomain-main-page-header {
    background-color: #dfe8ef;
    color: #3a4550;
}

body.chronoshock-domain.lightmode .rootdomain-main-page a {
    color: #2a5080;
}

body.chronoshock-domain.lightmode .rootdomain-main-page a:visited {
    color: #4a3878;
}

body.chronoshock-domain.lightmode .rootdomain-main-page a:hover {
    color: #1a70b8;
}

body.chronoshock-domain.lightmode .subdomain-item a:hover {
    background-color: #c8d8e8;
    border-color: #a0b8d0;
}

body.chronoshock-domain.lightmode #subdomain-search {
    background-color: #eaf0f5;
    color: #2a2e35;
    border: 1px solid #a0b8d0;
}

body.chronoshock-domain.lightmode #subdomain-tooltip {
    background-color: #eaf0f5;
    color: #2a2e35;
    border-color: #a0b8d0;
}

body.chronoshock-domain.lightmode #darkmode-select {
    background-color: #eaf0f5;
    color: #2a2e35;
    border: 1px solid #a0b8d0;
}

/* Light mode logo — darker gradient for visibility on light bg */
body.chronoshock-domain.lightmode .chronoshock-logo {
    background: linear-gradient(180deg, #2a6090 0%, #1a4a70 40%, #0e3050 60%, #0a2040 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

body.chronoshock-domain.lightmode .chronoshock-logo:hover {
    background: linear-gradient(180deg, #3878b0 0%, #2a6090 40%, #1a4a70 60%, #0e3050 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* Light mode inner forum pages */
body.chronoshock-domain.lightmode .page {
    background: #e4ecf2;
    color: #2a2e35;
}

body.chronoshock-domain.lightmode .viewgroup,
body.chronoshock-domain.lightmode .col1,
body.chronoshock-domain.lightmode .col3 {
    background: #e4ecf2;
    color: #2a2e35;
}

body.chronoshock-domain.lightmode .col2 {
    background: #dae4ed;
    color: #2a2e35;
}

body.chronoshock-domain.lightmode .thead,
body.chronoshock-domain.lightmode table tr td.thead {
    background: #c0d4e4;
    color: #1a2a3a;
    background-image: none;
}

body.chronoshock-domain.lightmode table tr td.thead a:link {
    color: #1a3a5a;
}

body.chronoshock-domain.lightmode .tfoot {
    background: #c8d6e2;
    color: #2a3a4a;
}

body.chronoshock-domain.lightmode .tfoot a,
body.chronoshock-domain.lightmode .tfoot a:active,
body.chronoshock-domain.lightmode .tfoot a:visited {
    color: #2a5080;
}

body.chronoshock-domain.lightmode .page-footer {
    background-color: #d0dce6;
    color: #2a3a4a;
}

body.chronoshock-domain.lightmode .page.page-footer {
    background: #d0dce6;
}

body.chronoshock-domain.lightmode .footer .sub-card {
    color: #2a3a4a;
}

body.chronoshock-domain.lightmode .footer-buttons-grid-item svg path {
    fill: #2a5080;
}

body.chronoshock-domain.lightmode a.footer-buttons-grid-item.footer-button,
body.chronoshock-domain.lightmode a.footer-buttons-grid-item.footer-button:visited {
    color: #2a5080;
}

body.chronoshock-domain.lightmode .footer-buttons-grid-item:hover,
body.chronoshock-domain.lightmode .footer-buttons-grid-item:active {
    color: #1a70b8;
}

body.chronoshock-domain.lightmode .footer-buttons-grid-item:hover svg path,
body.chronoshock-domain.lightmode .footer-buttons-grid-item:active svg path {
    fill: #1a70b8;
}

body.chronoshock-domain.lightmode .footer-copyright-notices {
    color: #4a5a6a;
}

body.chronoshock-domain.lightmode .time {
    color: #5a6a7a;
}

body.chronoshock-domain.lightmode .username {
    color: #2a2e35;
    text-shadow: none;
}

body.chronoshock-domain.lightmode .thread-post-header.thread-post-header-left {
    background-color: #b8ccd8;
}

body.chronoshock-domain.lightmode .thread-post-holder.thread-post-holder-odd .col1,
body.chronoshock-domain.lightmode .thread-post-holder.thread-post-holder-odd .col2 {
    background-color: #dde6ee;
}

body.chronoshock-domain.lightmode .thread-post-holder.thread-post-holder-even .col1,
body.chronoshock-domain.lightmode .thread-post-holder.thread-post-holder-even .col2 {
    background-color: #e4ecf2;
}

body.chronoshock-domain.lightmode .navv0, body.chronoshock-domain.lightmode .navv0-right {
    background-color: #d8e4ee;
    color: #2a2e35;
}

body.chronoshock-domain.lightmode .top-nav-link {
    background-color: #d8e4ee;
}

body.chronoshock-domain.lightmode .top-nav-links {
    border-color: #a0b8d0;
}

body.chronoshock-domain.lightmode .forumtop-background,
body.chronoshock-domain.lightmode .page-central-inner {
    background-color: #dae8f0;
}

body.chronoshock-domain.lightmode form input.button {
    background-color: #e0eaf2;
    color: #2a2e35;
}

body.chronoshock-domain.lightmode .standard-table .pagination-row,
body.chronoshock-domain.lightmode .standard-table .pagination-row .table-cont {
    background: #d0dce6;
    color: #2a2e35;
}

/* ── PM overrides for Chronoshock ── */

body.chronoshock-domain .pm-header {
    background: linear-gradient(135deg, #3A3C3C 0%, #49565E 100%);
    border-radius: 8px 8px 0 0;
}

body.chronoshock-domain .pm-nav {
    background: #2e3033;
    border-bottom-color: #49565E;
}

body.chronoshock-domain .pm-nav-item {
    background: #3A3C3C;
    color: #E1DDDD;
}

body.chronoshock-domain .pm-nav-item:hover {
    background: #49565E;
}

body.chronoshock-domain .pm-nav-item.active {
    background: linear-gradient(135deg, #49565E 0%, #5a6a75 100%);
    color: #fff;
    border-color: #6a7a85;
}

body.chronoshock-domain .pm-content {
    background: #282627;
}

body.chronoshock-domain .pm-message-card {
    background: #333537;
    border-color: #49565E;
}

body.chronoshock-domain .pm-message-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

body.chronoshock-domain .pm-message-header {
    background: linear-gradient(135deg, #3A3C3C 0%, #49565E 100%);
    border-bottom-color: #6a7a85;
}

body.chronoshock-domain .pm-message-title {
    color: #F3E405;
}

body.chronoshock-domain .pm-message-from {
    color: #BCBCBC;
}

body.chronoshock-domain .pm-message-from strong {
    color: #d2d2f2;
}

body.chronoshock-domain .pm-message-date {
    color: #999;
}

body.chronoshock-domain .pm-message-body {
    color: #E1DDDD;
}

body.chronoshock-domain .pm-message-icon {
    color: #7ab0e0;
}

body.chronoshock-domain .pm-reply-btn {
    background: linear-gradient(135deg, #49565E 0%, #5a6a75 100%);
    color: #E1DDDD;
}

body.chronoshock-domain .pm-reply-btn:hover {
    box-shadow: 0 4px 12px rgba(73, 86, 94, 0.6);
    color: #fff;
}

body.chronoshock-domain .pm-archive-btn {
    background: linear-gradient(135deg, #3A3C3C 0%, #49565E 100%);
    color: #E1DDDD;
}

body.chronoshock-domain .pm-archive-btn:hover {
    box-shadow: 0 4px 12px rgba(58, 60, 60, 0.6);
    color: #fff;
}

body.chronoshock-domain .pm-empty {
    color: #999;
}

body.chronoshock-domain .pm-empty-icon {
    color: #49565E;
}