/* Nsmat — contrast fixes for all subpages */

/* Missing body themes used across service pages */
.bg-security-bg {
	background-color: #0d1117 !important;
	color: #f1f5f9;
}

.bg-design-bg {
	background-color: #1e252f !important;
	color: #f1f5f9;
}

.bg-dark-deep {
	background-color: #0e1115 !important;
	color: #f1f5f9;
}

.bg-dark-new {
	background-color: #121212 !important;
	color: #f1f5f9;
}

[data-bs-theme="light"] body.bg-dark-emphasis {
	background-color: #1a2332 !important;
	color: #f1f5f9;
}

/* Light text on dark body pages */
body.bg-security-bg .text-light,
body.bg-design-bg .text-light,
body.bg-dark-deep .text-light,
body.bg-dark-new .text-light,
body.bg-dark-emphasis .text-light,
[data-bs-theme="light"] body.bg-dark-emphasis h1,
[data-bs-theme="light"] body.bg-dark-emphasis h2,
[data-bs-theme="light"] body.bg-dark-emphasis h3,
[data-bs-theme="light"] body.bg-dark-emphasis h4,
[data-bs-theme="light"] body.bg-dark-emphasis h5,
[data-bs-theme="light"] body.bg-dark-emphasis h6,
[data-bs-theme="light"] body.bg-dark-emphasis p,
[data-bs-theme="light"] body.bg-dark-emphasis li,
[data-bs-theme="light"] body.bg-dark-emphasis span:not(.btn *) {
	color: inherit;
}

/* Bootstrap subtle backgrounds are light in light mode — fix dark-themed cards */
[data-bs-theme="light"] .card.bg-dark-subtle,
[data-bs-theme="light"] .card.bg-secondary-subtle:has(.text-light),
[data-bs-theme="light"] .card.bg-primary-subtle:has(.text-light),
[data-bs-theme="light"] .card.bg-info-subtle:has(.text-light),
[data-bs-theme="light"] .card.bg-success-subtle:has(.text-light),
[data-bs-theme="light"] .card.bg-warning-subtle:has(.text-light),
[data-bs-theme="light"] .card.bg-danger-subtle:has(.text-light),
[data-bs-theme="light"] .bg-dark-subtle.card {
	background-color: #1e293b !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	color: #f1f5f9 !important;
}

[data-bs-theme="light"] .card.bg-dark-subtle .text-light,
[data-bs-theme="light"] .card.bg-secondary-subtle .text-light,
[data-bs-theme="light"] .card.bg-dark-subtle h1,
[data-bs-theme="light"] .card.bg-dark-subtle h2,
[data-bs-theme="light"] .card.bg-dark-subtle h3,
[data-bs-theme="light"] .card.bg-dark-subtle h4,
[data-bs-theme="light"] .card.bg-dark-subtle h5,
[data-bs-theme="light"] .card.bg-dark-subtle h6,
[data-bs-theme="light"] .card.bg-secondary-subtle h5,
[data-bs-theme="light"] .card.bg-dark-subtle p,
[data-bs-theme="light"] .card.bg-secondary-subtle p,
[data-bs-theme="light"] .card.bg-dark-subtle li,
[data-bs-theme="light"] .card.bg-dark-subtle span,
[data-bs-theme="light"] .card.bg-secondary-subtle span,
[data-bs-theme="light"] .bg-dark-subtle .text-light {
	color: #f1f5f9 !important;
}

[data-bs-theme="light"] .card.bg-dark-subtle .text-opacity-80,
[data-bs-theme="light"] .card.bg-dark-subtle .text-opacity-90,
[data-bs-theme="light"] .card.bg-dark-subtle .text-opacity-70,
[data-bs-theme="light"] .card.bg-secondary-subtle .text-opacity-80,
[data-bs-theme="light"] .card.bg-secondary-subtle .text-opacity-90,
[data-bs-theme="light"] .card.bg-secondary-subtle .text-opacity-70,
[data-bs-theme="light"] .bg-dark-subtle .text-opacity-80,
[data-bs-theme="light"] .bg-dark-subtle .text-opacity-90,
[data-bs-theme="light"] .bg-dark-subtle .text-opacity-70 {
	color: #cbd5e1 !important;
	opacity: 1 !important;
}

[data-bs-theme="light"] .feature-box.bg-dark-subtle {
	background-color: #1a1a1a !important;
}

/* Protection / security page cards */
.premium-card {
	background-color: #171d24 !important;
	border: 1px solid rgba(0, 123, 255, 0.1);
	color: #f1f5f9 !important;
}

.premium-card h1,
.premium-card h2,
.premium-card h3,
.premium-card h4,
.premium-card h5,
.premium-card h6,
.premium-card .text-light {
	color: #f8fafc !important;
}

.premium-card p,
.premium-card li,
.premium-card span,
.premium-card .text-opacity-80,
.premium-card .text-opacity-90,
.premium-card .text-opacity-70 {
	color: #cbd5e1 !important;
	opacity: 1 !important;
}

.feature-list-item {
	color: #e2e8f0;
}

.feature-list-item p {
	color: #cbd5e1 !important;
}

.management-card-header {
	background-color: rgba(255, 255, 255, 0.05) !important;
}

.flow-step h6,
.flow-step p {
	color: #f1f5f9 !important;
}

.flow-step p {
	color: #94a3b8 !important;
}

/* Wsath / service cards */
.service-card {
	background-color: #161b22 !important;
	border: 1px solid rgba(255, 153, 0, 0.4) !important;
	color: #f1f5f9 !important;
}

.service-card h5,
.service-card .text-light {
	color: #f8fafc !important;
}

.service-card p,
.service-card .text-opacity-80 {
	color: #cbd5e1 !important;
	opacity: 1 !important;
}

/* Homepage coding service cards */
.coding-services-section .coding-service-card {
	background: #1e293b !important;
}

.coding-services-section .coding-service-card h6 {
	color: #f8fafc !important;
}

.coding-services-section .coding-service-card p {
	color: #cbd5e1 !important;
}

.coding-services-section .coding-services-section__lead {
	color: #94a3b8 !important;
}

[data-bs-theme="dark"] .coding-services-section .coding-services-section__lead {
	color: rgba(255, 255, 255, 0.7) !important;
}

/* Hosting / coding dark service cards */
.service-card-modern {
	background-color: #1a1a1a !important;
}

.service-card-modern h5 {
	color: #f8fafc !important;
}

.service-card-modern p {
	color: #cbd5e1 !important;
}

/* Subtle stat boxes on homepage in light mode */
[data-bs-theme="light"] .bg-primary-subtle:not(.bg-primary) h6,
[data-bs-theme="light"] .bg-primary-subtle:not(.bg-primary) p,
[data-bs-theme="light"] .bg-danger-subtle:not(.bg-danger) h6,
[data-bs-theme="light"] .bg-danger-subtle:not(.bg-danger) p,
[data-bs-theme="light"] .bg-warning-subtle:not(.bg-warning) h6,
[data-bs-theme="light"] .bg-warning-subtle:not(.bg-warning) p,
[data-bs-theme="light"] .bg-success-subtle:not(.bg-success) h6,
[data-bs-theme="light"] .bg-success-subtle:not(.bg-success) p {
	color: #1e293b !important;
}

[data-bs-theme="light"] .bg-dark-subtle.dark\:bg-dark h6,
[data-bs-theme="light"] .bg-dark-subtle.dark\:bg-dark p {
	color: #1e293b !important;
}

/* Content cards on policy/info pages */
[data-bs-theme="light"] .bg-body {
	background-color: #fff !important;
	color: #212529 !important;
}

[data-bs-theme="light"] .text-content,
[data-bs-theme="light"] .text-content p,
[data-bs-theme="light"] .text-content li {
	color: #212529;
}

/* Hero sections keep light text */
.hero-2 .text-light,
.hero-2 h1,
.hero-2 p,
.banner-5,
.banner-5 .text-light,
.banner-5 a {
	color: #fff !important;
}
