/* The default is the original dark-accented WeldFix look. */
.weldfix-logo-light, .theme-icon-moon { display: none; }
html[data-theme="light"] .weldfix-logo-light { display: block; }
html[data-theme="light"] .weldfix-logo-dark { display: none; }
html[data-theme="light"] .theme-icon-sun { display: none; }
html[data-theme="light"] .theme-icon-moon { display: block; }
.header-inner { display: flex; gap: 20px; }
.site-nav { margin-left: auto; }
.theme-toggle:not([hidden]) { flex: 0 0 auto; display: inline-flex; gap: 7px; align-items: center; justify-content: center; min-height: 44px; padding: 0 11px; color: #f2f5f7; background: transparent; border: 1px solid #75838a; border-radius: 4px; font-size: 13px; font-weight: 700; cursor: pointer; }
.theme-toggle:hover { background: #26343d; }
.theme-toggle svg { width: 19px; height: 19px; }

/* Light mode is a complete surface palette, retaining the dramatic photo hero. */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] body { color: #172128; background: #fff; }
html[data-theme="light"] .site-header { color: #172128; background: #f7f9fa; border-color: #c7d0d5; }
html[data-theme="light"] .site-nav a { color: #172128; }
html[data-theme="light"] .menu-button { color: #172128; }
html[data-theme="light"] .theme-toggle:not([hidden]) { color: #172128; border-color: #78868e; }
html[data-theme="light"] .theme-toggle:hover { background: #e1e8ec; }
html[data-theme="light"] .header-logo .custom-logo, html[data-theme="light"] .footer-logo .custom-logo { filter: none; }
html[data-theme="light"] .wf-services, html[data-theme="light"] .wf-range, html[data-theme="light"] .wf-testimonials { background: #f5f7f8; }
html[data-theme="light"] .wf-equipment-types { background: #e5ebee; }
html[data-theme="light"] .wf-about { color: #172128; background: #e9eef1; }
html[data-theme="light"] .wf-about-aside .elementor-icon-list-text { color: #172128; }
html[data-theme="light"] .wf-about-aside { border-color: #a5b1b8; }
html[data-theme="light"] .wf-contact-row, html[data-theme="light"] .entry-content .contact-section { color: #172128; background: #e9eef1; }
html[data-theme="light"] .wf-contact-details dt { color: #43535d; }
html[data-theme="light"] .wf-contact-form .fluentform, html[data-theme="light"] .wf-contact-form .fluentform label, html[data-theme="light"] .wf-contact-form .fluentform .ff-el-input--label { color: #172128; }
html[data-theme="light"] .wf-contact-form .fluentform .ff-el-form-control { color: #172128; background: #fff; border-color: #6d7d86; }
html[data-theme="light"] .wf-contact-form .fluentform .ff-el-form-control::placeholder { color: #52616a; }
html[data-theme="light"] .wf-contact-form .fluentform select { color-scheme: light; }
html[data-theme="light"] .wf-contact-form .fluentform .ff-message-success { color: #173c27; border-color: #287647; }
html[data-theme="light"] .site-footer { color: #34434b; background: #e1e8ec; }
html[data-theme="light"] .footer-main h2 { color: #172128; }
html[data-theme="light"] .footer-main > div + div, html[data-theme="light"] .footer-bottom { border-color: #a8b6bd; }
html[data-theme="light"] .footer-main a:hover { color: #9e0710; }
html[data-theme="light"] :focus-visible { outline-color: #005c87; }

@media (max-width: 1100px) {
  .header-inner { gap: 12px; }
  .site-nav ul { gap: 15px; }
  .theme-toggle-label { display: none; }
  .theme-toggle:not([hidden]) { width: 44px; padding: 0; }
}
@media (max-width: 960px) {
  .header-logo { margin-right: auto; }
  .site-nav { margin-left: 0; }
  .menu-button { order: 1; }
  .theme-toggle { order: 2; }
  .header-call { order: 3; }
  html[data-theme="light"] .site-nav { background: #f7f9fa; border-color: #c7d0d5; }
  html[data-theme="light"] .site-nav a { border-color: #c7d0d5; }
}
@media (max-width: 660px) { .header-inner { gap: 6px; } }