/*
  Keystone brand consistency layer.
  Keep the public website visually unified: warm bronze, deep navy,
  soft light gray, white, and meaningful status colors only.
*/

:root {
  --ktl-bronze: var(--ks-primary, #AB7442);
  --ktl-bronze-dark: var(--ks-primary-dark, #8A5C35);
  --ktl-bronze-light: var(--ks-primary-light, #C99A6E);
  --ktl-navy: var(--ks-dark, #1A1A2E);
  --ktl-navy-soft: #16213e;
  --ktl-light: #F8FAFC;
  --ktl-white: #FFFFFF;
  --ktl-text: #1F2937;
  --ktl-muted: #64748B;
  --ktl-border: rgba(15, 23, 42, .1);
  --ktl-bronze-soft: rgba(171, 116, 66, .12);
  --ktl-bronze-border: rgba(171, 116, 66, .28);
  --ktl-danger: #DC2626;
  --ktl-success: #16A34A;
  --ktl-warning: #F59E0B;
  --ktl-cyan: #30CFD0;
  --ks-accent: var(--ktl-bronze);
  --ks-accent-alt: var(--ktl-bronze-light);
  --ks-gradient-accent: linear-gradient(90deg, var(--ktl-bronze) 0%, var(--ktl-bronze-dark) 100%);
  --ks-gradient-hero: linear-gradient(135deg, var(--ktl-navy) 0%, var(--ktl-navy-soft) 58%, var(--ktl-bronze-dark) 100%);
}

.site-wrapper {
  color: var(--ktl-text);
}

.site-wrapper .text-muted {
  color: var(--ktl-muted) !important;
}

.site-wrapper .bg-light {
  background-color: var(--ktl-light) !important;
}

.site-wrapper .text-primary,
.site-wrapper .text-warning,
.site-wrapper .text-success,
.site-wrapper .text-info {
  color: var(--ktl-bronze) !important;
}

.site-wrapper .text-danger {
  color: var(--ktl-danger) !important;
}

.site-wrapper .btn-primary,
.site-wrapper .btn-warning,
.site-wrapper .btn-success,
.site-wrapper .btn-info,
.site-wrapper a.btn-danger {
  background: linear-gradient(135deg, var(--ktl-bronze) 0%, var(--ktl-bronze-dark) 100%) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
  box-shadow: 0 12px 26px rgba(171, 116, 66, .2);
}

.site-wrapper .btn-primary:hover,
.site-wrapper .btn-primary:focus,
.site-wrapper .btn-warning:hover,
.site-wrapper .btn-warning:focus,
.site-wrapper .btn-success:hover,
.site-wrapper .btn-success:focus,
.site-wrapper .btn-info:hover,
.site-wrapper .btn-info:focus,
.site-wrapper a.btn-danger:hover,
.site-wrapper a.btn-danger:focus {
  background: linear-gradient(135deg, var(--ktl-bronze-dark) 0%, var(--ktl-bronze) 100%) !important;
  border-color: var(--ktl-bronze-dark) !important;
  color: var(--ktl-white) !important;
  transform: translateY(-1px);
}

.site-wrapper .btn-outline-primary,
.site-wrapper .btn-outline-warning,
.site-wrapper .btn-outline-success,
.site-wrapper .btn-outline-info {
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-bronze) !important;
}

.site-wrapper .btn-outline-primary:hover,
.site-wrapper .btn-outline-primary:focus,
.site-wrapper .btn-outline-warning:hover,
.site-wrapper .btn-outline-warning:focus,
.site-wrapper .btn-outline-success:hover,
.site-wrapper .btn-outline-success:focus,
.site-wrapper .btn-outline-info:hover,
.site-wrapper .btn-outline-info:focus {
  background-color: var(--ktl-bronze) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .badge.bg-primary,
.site-wrapper .badge.bg-warning,
.site-wrapper .badge.bg-success,
.site-wrapper .badge.bg-info,
.site-wrapper .badge.bg-secondary {
  background: var(--ktl-bronze-soft) !important;
  border: 1px solid var(--ktl-bronze-border);
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper .badge.bg-danger {
  background: rgba(220, 38, 38, .12) !important;
  border: 1px solid rgba(220, 38, 38, .28);
  color: var(--ktl-danger) !important;
}

.site-wrapper section.bg-warning,
.site-wrapper div.bg-warning:not(.badge),
.site-wrapper .ktl-inline-b890eba9,
.site-wrapper .ktl-inline-a283c316,
.site-wrapper .ktl-inline-b4eee29b {
  background: linear-gradient(135deg, var(--ktl-light) 0%, #fff7ed 100%) !important;
  color: var(--ktl-text) !important;
}

.site-wrapper .cta-section.ktl-inline-b890eba9 .btn-light {
  background: linear-gradient(135deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .cta-section.ktl-inline-b890eba9 .btn-outline-light {
  background: var(--ktl-white) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper .cta-section.ktl-inline-b890eba9 .btn-outline-light:hover,
.site-wrapper .cta-section.ktl-inline-b890eba9 .btn-outline-light:focus {
  background: var(--ktl-bronze) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .bg-primary:not(.badge),
.site-wrapper .ktl-inline-49c5daf8,
.site-wrapper .ktl-inline-cfc29d42 {
  background: linear-gradient(135deg, var(--ktl-navy) 0%, var(--ktl-navy-soft) 100%) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .home-about-proof i,
.site-wrapper .home-about-link,
.site-wrapper .home-service-link,
.site-wrapper .service-link,
.site-wrapper .cctv-industry-link strong,
.site-wrapper .network-related-card strong {
  color: var(--ktl-bronze) !important;
}

.site-wrapper .home-about-link:hover,
.site-wrapper .home-service-link:hover,
.site-wrapper .service-link:hover {
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper .fire-hero,
.site-wrapper .solar-hero,
.site-wrapper .cctv-recording-section,
.site-wrapper .network-dark-panel,
.site-wrapper .solar-dark-panel,
.site-wrapper .fire-dark-panel,
.site-wrapper .ktl-inline-8dc2d31f,
.site-wrapper .ktl-inline-abe9c998 {
  background: linear-gradient(135deg, var(--ktl-navy) 0%, var(--ktl-navy-soft) 58%, var(--ktl-bronze-dark) 100%) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .fire-nav a:hover,
.site-wrapper .solar-nav a:hover,
.site-wrapper .network-nav a:hover,
.site-wrapper .cctv-section-nav a:hover {
  background: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .fire-card::before,
.site-wrapper .solar-card::before,
.site-wrapper .network-card::before,
.site-wrapper .recording-card::before {
  background: linear-gradient(180deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
}

.site-wrapper .fire-icon,
.site-wrapper .solar-icon,
.site-wrapper .network-icon,
.site-wrapper .network-cabling-card i,
.site-wrapper .recording-icon,
.site-wrapper .camera-type-icon,
.site-wrapper .advanced-type-icon {
  background: var(--ktl-bronze-soft) !important;
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper .recording-card,
.site-wrapper .camera-type-card,
.site-wrapper .advanced-type-card {
  --accent: var(--ktl-bronze) !important;
  --soft: var(--ktl-bronze-soft) !important;
}

.site-wrapper .recording-details summary,
.site-wrapper .recording-pill {
  background: var(--ktl-bronze-soft) !important;
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper .recording-details summary::after {
  background: var(--ktl-bronze) !important;
}

.site-wrapper .cctv-brand-card:hover,
.site-wrapper .fire-brand-card:hover,
.site-wrapper .solar-brand-card:hover,
.site-wrapper .network-related-card:hover {
  border-color: var(--ktl-bronze-border) !important;
}

.site-wrapper .industry-icon {
  background: linear-gradient(135deg, var(--ktl-bronze) 0%, var(--ktl-bronze-dark) 100%) !important;
}

.site-wrapper .industry-card {
  border-color: rgba(171, 116, 66, .42) !important;
}

.site-wrapper .section-title {
  color: var(--ktl-bronze) !important;
}

.site-wrapper .announcement-info,
.site-wrapper .announcement-update,
.site-wrapper .announcement-promo {
  background: linear-gradient(90deg, var(--ktl-navy), var(--ktl-bronze-dark)) !important;
}

.site-wrapper .announcement-warning,
.site-wrapper .announcement-maintenance {
  background: linear-gradient(90deg, var(--ktl-warning), var(--ktl-bronze)) !important;
}

.site-wrapper .announcement-danger {
  background: linear-gradient(90deg, var(--ktl-danger), #991b1b) !important;
}

.site-wrapper .floating-link {
  color: var(--ktl-bronze) !important;
}

/* Shared shell: header, navbar, footer, hero actions */
.site-wrapper .navbar-main,
.site-wrapper .topbar-breadcrumb {
  background: linear-gradient(135deg, var(--ktl-navy) 0%, var(--ktl-navy-soft) 58%, #111827 100%) !important;
}

.site-wrapper .navbar-main.navbar-shrink {
  background: linear-gradient(90deg, #111827 0%, var(--ktl-navy) 100%) !important;
}

.site-wrapper .navbar-brand-text,
.site-wrapper .navbar-brand-text-white {
  color: var(--ktl-white) !important;
  font-weight: 800;
}

.site-wrapper .nav-link-security,
.site-wrapper .nav-link-electricals,
.site-wrapper .nav-link-fire,
.site-wrapper .nav-link-company,
.site-wrapper .nav-link-shop,
.site-wrapper .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .88) !important;
}

.site-wrapper .navbar-nav .nav-link:hover,
.site-wrapper .navbar-nav .nav-link:focus,
.site-wrapper .navbar-nav .nav-link.active {
  color: var(--ktl-white) !important;
}

.site-wrapper .nav-link.active::after,
.site-wrapper .nav-item.active > .nav-link::after,
.site-wrapper .navbar-nav .nav-link::after {
  background: linear-gradient(90deg, var(--ktl-bronze), var(--ktl-bronze-light)) !important;
}

.site-wrapper .topbar-link:hover,
.site-wrapper .topbar-social:hover {
  color: var(--ktl-white) !important;
}

.site-wrapper .topbar-icon-link {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .86) !important;
  text-decoration: none;
}

.site-wrapper .topbar-icon-link:hover,
.site-wrapper .topbar-icon-link:focus {
  background: linear-gradient(135deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
  color: var(--ktl-white) !important;
  transform: translateY(-2px);
}

.site-wrapper .topbar-social:hover,
.site-wrapper .navbar-toggler-custom,
.site-wrapper .btn-contact-cta {
  background: linear-gradient(135deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .dropdown-menu .dropdown-item:hover,
.site-wrapper .dropdown-menu .dropdown-item:focus,
.site-wrapper .navbar-nav .dropdown-menu .dropdown-item:hover,
.site-wrapper .navbar-nav .dropdown-menu .dropdown-item:focus {
  background: rgba(171, 116, 66, .18) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .mega-menu-custom,
.site-wrapper .dropdown-menu-dark-custom {
  background: #232526;
}

@media (min-width: 992px) {
  .site-wrapper .navbar-collapse {
    background: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .site-wrapper .navbar-collapse {
    background: linear-gradient(180deg, #232526 0%, #111827 100%) !important;
  }
}

.site-wrapper .hero-tab-btn.active,
.site-wrapper .hero-btn-primary {
  background: linear-gradient(135deg, var(--ktl-bronze) 0%, var(--ktl-bronze-dark) 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 28px rgba(171, 116, 66, .35) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .hero-tab-panel .hero-title .highlight,
.site-wrapper .hero-tab-panel .hero-title .highlight-ups,
.site-wrapper .hero-tab-panel .hero-title .highlight-solar,
.site-wrapper .hero-highlight-orange,
.site-wrapper .hero-highlight-gold,
.site-wrapper .hero-highlight-blue,
.site-wrapper .hero-highlight-green,
.site-wrapper .hero-highlight-cyan,
.site-wrapper .hero-highlight-red {
  background: linear-gradient(135deg, var(--ktl-bronze-light) 0%, var(--ktl-bronze) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 900 !important;
}

.site-wrapper .hero-feature-item i,
.site-wrapper .hero-stat-number {
  color: var(--ktl-bronze-light) !important;
}

.site-footer {
  background: linear-gradient(135deg, #111827 0%, var(--ktl-navy) 54%, var(--ktl-navy-soft) 100%) !important;
}

.site-footer-collapse summary::after,
.site-footer-search button,
.site-footer-service-card a:first-child,
.site-footer-action-primary,
.site-footer-action-secondary,
.floating-quote-basket {
  background: linear-gradient(135deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
  border-color: var(--ktl-bronze-border) !important;
  color: var(--ktl-white) !important;
}

.site-footer-contact-item i,
.site-footer-link-list a i,
.site-footer a:hover,
.site-footer a:focus,
.site-footer .copyright a:hover {
  color: var(--ktl-bronze-light) !important;
}

.site-footer-socials .btn-social:hover,
.floating-quote-basket:hover,
.floating-quote-basket:focus {
  background: var(--ktl-bronze-dark) !important;
  border-color: var(--ktl-bronze-dark) !important;
  color: var(--ktl-white) !important;
}

.floating-quote-basket-icon span {
  background: #fff7ed !important;
  border-color: var(--ktl-bronze-dark) !important;
  color: var(--ktl-bronze-dark) !important;
}

/* Public service pages */
.site-wrapper .generator-hero,
.site-wrapper .generator-dark-panel,
.site-wrapper .ups-dark-panel,
.site-wrapper .auto-hero,
.site-wrapper .auto-dark-panel,
.site-wrapper .access-zambia-hero,
.site-wrapper .fire-maint-hero,
.site-wrapper .fire-maint-dark,
.site-wrapper .services-hero,
.site-wrapper .service-hero,
.site-wrapper .blog-hero,
.site-wrapper .blog-detail-hero,
.site-wrapper .blog-cta-card,
.site-wrapper .ktl-inline-6bd173e8,
.site-wrapper .ktl-inline-e850438a,
.site-wrapper .ktl-inline-b05d66e7,
.site-wrapper .ktl-inline-a36838b5,
.site-wrapper .ktl-inline-55e50eaf,
.site-wrapper .ktl-inline-a646d896,
.site-wrapper .ktl-inline-509d6c96 {
  background: linear-gradient(135deg, var(--ktl-navy) 0%, var(--ktl-navy-soft) 58%, var(--ktl-bronze-dark) 100%) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .shop-hero {
  background: linear-gradient(135deg, var(--ktl-navy) 0%, var(--ktl-navy-soft) 100%) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .generator-nav a:hover,
.site-wrapper .ups-nav a:hover,
.site-wrapper .auto-nav-pill:hover,
.site-wrapper .fire-maint-nav a:hover,
.site-wrapper .category-btn:hover,
.site-wrapper .category-btn.active,
.site-wrapper .shop-category-tabs a.active,
.site-wrapper .shop-category-tabs a:hover,
.site-wrapper .shop-brand-tabs a.active,
.site-wrapper .shop-brand-tabs a:hover,
.site-wrapper .shop-category-brand-chips a.active,
.site-wrapper .shop-category-brand-chips a:hover {
  background: linear-gradient(135deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
  box-shadow: 0 10px 24px rgba(171, 116, 66, .22) !important;
}

.site-wrapper .generator-card::before,
.site-wrapper .ups-card::before,
.site-wrapper .auto-card::before,
.site-wrapper .fire-maint-card::before,
.site-wrapper .fire-maint-plan::before,
.site-wrapper .featured-card::before {
  background: linear-gradient(180deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
}

.site-wrapper .generator-icon,
.site-wrapper .ups-icon,
.site-wrapper .ups-maintenance-card i,
.site-wrapper .auto-icon,
.site-wrapper .access-service-icon,
.site-wrapper .fire-maint-icon,
.site-wrapper .fire-maint-check-card i,
.site-wrapper .blog-search-form i,
.site-wrapper .shop-hero-panel i,
.site-wrapper .shop-section-heading span,
.site-wrapper .shop-kicker,
.site-wrapper .blog-kicker,
.site-wrapper .blog-section-label,
.site-wrapper .featured-badge {
  background: var(--ktl-bronze-soft) !important;
  border-color: var(--ktl-bronze-border) !important;
  color: var(--ktl-bronze-dark) !important;
  box-shadow: none !important;
}

.site-wrapper .shop-hero .shop-kicker,
.site-wrapper .blog-hero .blog-kicker {
  background: rgba(255, 255, 255, .14) !important;
  border-color: rgba(255, 255, 255, .24) !important;
  color: var(--ktl-bronze-light) !important;
}

.site-wrapper .generator-related-card strong,
.site-wrapper .ups-related-card strong,
.site-wrapper .auto-related-card strong,
.site-wrapper .cctv-industry-link strong,
.site-wrapper .blog-featured-label,
.site-wrapper .blog-category-pill,
.site-wrapper .shop-category-brand-title:hover,
.site-wrapper .shop-basket-price,
.site-wrapper .shop-product-price,
.site-wrapper .shop-detail-meta strong {
  color: var(--ktl-bronze) !important;
}

.site-wrapper .generator-brand-card:hover,
.site-wrapper .ups-brand-card:hover,
.site-wrapper .auto-brand-card:hover,
.site-wrapper .auto-related-card:hover,
.site-wrapper .access-platform-card:hover,
.site-wrapper .fire-maint-brand-card:hover,
.site-wrapper .blog-featured-card:hover,
.site-wrapper .blog-card:hover,
.site-wrapper .shop-card:hover,
.site-wrapper .shop-category-brand-card.active {
  border-color: var(--ktl-bronze-border) !important;
}

.site-wrapper .blog-search-form button,
.site-wrapper .blog-primary-btn,
.site-wrapper .blog-cta-card a,
.site-wrapper .shop-primary-btn,
.site-wrapper .shop-icon-btn,
.site-wrapper .shop-submit-btn {
  background: linear-gradient(135deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
  box-shadow: 0 12px 26px rgba(171, 116, 66, .2) !important;
}

.site-wrapper .shop-icon-btn.is-added,
.site-wrapper .shop-primary-btn.is-added {
  background: var(--ktl-success) !important;
  border-color: var(--ktl-success) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .blog-search-form button:hover,
.site-wrapper .blog-primary-btn:hover,
.site-wrapper .blog-cta-card a:hover,
.site-wrapper .shop-primary-btn:hover,
.site-wrapper .shop-icon-btn:hover,
.site-wrapper .shop-submit-btn:hover {
  background: linear-gradient(135deg, var(--ktl-bronze-dark), var(--ktl-bronze)) !important;
}

.site-wrapper .shop-primary-btn span:not([data-shop-add-label]) {
  background: #fff7ed !important;
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper .featured-section,
.site-wrapper .shop-category-brand-browser,
.site-wrapper .shop-page,
.site-wrapper .blog-page {
  background: linear-gradient(135deg, var(--ktl-light) 0%, #fffaf5 100%) !important;
}

.site-wrapper .shop-guidance-box {
  background: var(--ktl-white) !important;
  color: var(--ktl-text) !important;
  border: 1px solid var(--ktl-border) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .08) !important;
}

.site-wrapper .shop-guidance-box span {
  color: var(--ktl-bronze) !important;
}

.site-wrapper .shop-guidance-box h2 {
  color: var(--ktl-text) !important;
}

.site-wrapper .shop-guidance-box p {
  color: var(--ktl-muted) !important;
}

/* Access Control Zambia guide page */
.site-wrapper .access-zambia-hero,
.site-wrapper .keystone-panel {
  background: linear-gradient(135deg, var(--ktl-navy) 0%, var(--ktl-navy-soft) 100%) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .access-zambia-hero p,
.site-wrapper .access-zambia-hero li,
.site-wrapper .keystone-panel p,
.site-wrapper .keystone-panel li {
  color: rgba(255, 255, 255, .86) !important;
}

.site-wrapper .access-zambia-chip {
  background: var(--ktl-white) !important;
  border: 1px solid var(--ktl-border) !important;
  color: var(--ktl-text) !important;
}

.site-wrapper .access-zambia-chip:hover,
.site-wrapper .access-zambia-chip:focus {
  background: var(--ktl-bronze) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .protocol-card::before {
  background: linear-gradient(180deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
}

.site-wrapper .protocol-icon {
  background: var(--ktl-bronze-soft) !important;
  color: var(--ktl-bronze-dark) !important;
  box-shadow: none !important;
}

.site-wrapper .access-info-card i,
.site-wrapper .use-card i {
  color: var(--ktl-bronze) !important;
}

.site-wrapper .access-info-card:hover,
.site-wrapper .protocol-card:hover,
.site-wrapper .use-card:hover,
.site-wrapper .product-card:hover {
  border-color: var(--ktl-bronze-border) !important;
}

.site-wrapper .access-service-card {
  background: var(--ktl-white) !important;
  color: var(--ktl-text) !important;
  border: 1px solid var(--ktl-border) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .08) !important;
}

.site-wrapper .access-service-card:hover {
  border-color: var(--ktl-bronze-border) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .12) !important;
}

.site-wrapper .access-service-card::after {
  display: none !important;
}

.site-wrapper .access-service-card h3 {
  color: var(--ktl-text) !important;
}

.site-wrapper .access-service-card p {
  color: var(--ktl-muted) !important;
}

.site-wrapper .access-service-icon {
  background: var(--ktl-bronze-soft) !important;
  color: var(--ktl-bronze-dark) !important;
  box-shadow: none !important;
}

.site-wrapper .choice-table th {
  background: var(--ktl-navy) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .ktl-inline-f15a9f74 {
  background: linear-gradient(135deg, var(--ktl-light) 0%, #fffaf5 100%) !important;
  border-top: 1px solid var(--ktl-border) !important;
  border-bottom: 1px solid var(--ktl-border) !important;
  color: var(--ktl-text) !important;
}

.site-wrapper .ktl-inline-f15a9f74 p {
  color: var(--ktl-muted) !important;
}

.site-wrapper .ktl-inline-f15a9f74 .btn-dark {
  background: linear-gradient(135deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .ktl-inline-f15a9f74 .btn-outline-dark {
  background: var(--ktl-white) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper .ktl-inline-f15a9f74 .btn-outline-dark:hover,
.site-wrapper .ktl-inline-f15a9f74 .btn-outline-dark:focus {
  background: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .ktl-inline-f15a9f74 a.text-dark {
  color: var(--ktl-bronze-dark) !important;
}

/* New specialist pages and electrical page */
.site-wrapper :is(.tnc-eyebrow, .tnc-kicker, .ecs-eyebrow, .ecs-kicker) {
  color: var(--ktl-bronze-light) !important;
}

.site-wrapper :is(.tnc-section-nav a:hover, .tnc-section-nav a:focus, .ecs-section-nav a:hover, .ecs-section-nav a:focus) {
  color: var(--ktl-bronze) !important;
}

.site-wrapper :is(.tnc-intro-section, .tnc-connectivity-section, .tnc-related-section, .tnc-cta-section, .ecs-supply-band, .ecs-integration-section, .ecs-cta-section) {
  background: linear-gradient(135deg, var(--ktl-navy) 0%, var(--ktl-navy-soft) 58%, var(--ktl-bronze-dark) 100%) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper :is(.tnc-feature-grid i, .tnc-connectivity-grid i, .tnc-process-grid span, .tnc-link-card > i, .ecs-feature-list i, .ecs-link-card > i, .ecs-process-grid > li > span) {
  background: var(--ktl-bronze-soft) !important;
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper .tnc-faq-list summary::after,
.site-wrapper .ecs-faq-list summary::after {
  background: var(--ktl-bronze-soft) !important;
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper :is(.tnc-application-card span, .tnc-link-card span, .ecs-link-card span, .ecs-note strong, .elec-eyebrow, .elec-heading span, .elec-split-copy span, .elec-cta-box span) {
  color: var(--ktl-bronze-dark) !important;
}

.site-wrapper .electrical-hero,
.site-wrapper .elec-safety-section,
.site-wrapper .elec-cta-box {
  background: linear-gradient(135deg, var(--ktl-navy) 0%, var(--ktl-navy-soft) 58%, var(--ktl-bronze-dark) 100%) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .elec-btn-primary,
.site-wrapper .elec-process-grid strong {
  background: var(--ktl-bronze) !important;
  border-color: var(--ktl-bronze) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .elec-btn-primary:hover,
.site-wrapper .elec-section-nav a:hover {
  background: var(--ktl-bronze-dark) !important;
  color: var(--ktl-white) !important;
}

.site-wrapper .elec-service-card i,
.site-wrapper .elec-related-card i,
.site-wrapper .elec-check-grid i,
.site-wrapper .elec-partner-note i,
.site-wrapper .elec-safety-grid i {
  background: var(--ktl-bronze-soft) !important;
  color: var(--ktl-bronze-dark) !important;
}

/* Contact and form accents */
.site-wrapper .contact-hero {
  background-color: var(--ktl-navy) !important;
}

.site-wrapper .ktl-inline-b5dd7f7f,
.site-wrapper .rfq-submit-btn,
.site-wrapper .appointment-submit-btn {
  background: linear-gradient(135deg, var(--ktl-bronze), var(--ktl-bronze-dark)) !important;
  color: var(--ktl-white) !important;
}

@media (max-width: 575.98px) {
  .site-wrapper .btn-lg {
    white-space: normal;
    line-height: 1.25;
  }
}