/* 
 * Dark Theme CSS - Specifically for dark-themed CMS pages
 * Used by cms/dark.pt template (e.g., /policies/pricing, /home/about)
 * DO NOT use for landing pages - they have their own CSS
 */

/* Set default text color for dark theme pages */
.dark-theme {
    color: #ddd !important;
}

.dark-theme p,
.dark-theme li,
.dark-theme span,
.dark-theme div {
    color: #ddd;
}

/* Fix ALL text inside boxes/wells on dark-themed pages */
/* Boxes and wells typically have white/light backgrounds, so ALL text needs to be dark */
/* Note: CMS content may still use .well (Bootstrap) instead of .box (Bulma) */

/* Set default dark text color for boxes and wells themselves */
.dark-theme .box,
.dark-theme .well {
    color: #222 !important;
}

/* Ensure all child elements also get dark text */
.dark-theme .box p,
.dark-theme .box li,
.dark-theme .box span,
.dark-theme .box div,
.dark-theme .well p,
.dark-theme .well li,
.dark-theme .well span,
.dark-theme .well div {
    color: #222 !important;
}

/* Text emphasis tags */
.dark-theme .box strong,
.dark-theme .box b,
.dark-theme .well strong,
.dark-theme .well b {
    color: #222 !important;
    font-weight: 700;
}

.dark-theme .box em,
.dark-theme .box i,
.dark-theme .well em,
.dark-theme .well i {
    color: #222 !important;
    font-style: italic;
}

/* Also handle content wrapper variations */
.content.dark-theme .box,
.dark-theme.content .box,
.content.dark-theme .well,
.dark-theme.content .well {
    color: #222 !important;
}

.content.dark-theme .box p,
.content.dark-theme .box li,
.content.dark-theme .box span,
.content.dark-theme .box div,
.dark-theme.content .box p,
.dark-theme.content .box li,
.dark-theme.content .box span,
.dark-theme.content .box div,
.content.dark-theme .well p,
.content.dark-theme .well li,
.content.dark-theme .well span,
.content.dark-theme .well div,
.dark-theme.content .well p,
.dark-theme.content .well li,
.dark-theme.content .well span,
.dark-theme.content .well div {
    color: #222 !important;
}

.content.dark-theme .box strong,
.content.dark-theme .box b,
.dark-theme.content .box strong,
.dark-theme.content .box b,
.content.dark-theme .well strong,
.content.dark-theme .well b,
.dark-theme.content .well strong,
.dark-theme.content .well b {
    color: #222 !important;
    font-weight: 700;
}

.content.dark-theme .box em,
.content.dark-theme .box i,
.dark-theme.content .box em,
.dark-theme.content .box i,
.content.dark-theme .well em,
.content.dark-theme .well i,
.dark-theme.content .well em,
.dark-theme.content .well i {
    color: #222 !important;
    font-style: italic;
}

/* Table styling for dark theme pages */
.dark-theme table,
.dark-theme .table {
    color: #ddd !important;
}

.dark-theme table th,
.dark-theme .table th,
.dark-theme table thead th,
.dark-theme .table thead th {
    color: #fff !important;
    font-weight: 600;
}

.dark-theme table td,
.dark-theme .table td {
    color: #ddd !important;
}

.dark-theme table tbody tr:hover,
.dark-theme .table tbody tr:hover {
    background-color: #2a2a2a !important;
}

.dark-theme table tbody tr:hover td,
.dark-theme table tbody tr:hover th,
.dark-theme .table tbody tr:hover td,
.dark-theme .table tbody tr:hover th {
    color: #fff !important;
}