/*
 * HTX MICRO shared automatic day/night theme.
 * Day:   7:00 AM through 6:59 PM
 * Night: 7:00 PM through 6:59 AM
 */
html.theme-light{color-scheme:light}
html.theme-dark{color-scheme:dark;background:#050507}

/* Shared variables for the newer public pages */
html.theme-dark body.hx-page,
body.hx-page.theme-dark{
  --hx-bg:#050507;
  --hx-surface:#111114;
  --hx-surface-soft:#0d0d10;
  --hx-text:#f5f5f7;
  --hx-muted:#a1a1aa;
  --hx-line:#2a2a2f;
  --hx-blue:#2997ff;
  --hx-blue-dark:#147ce5;
  background:var(--hx-bg);
  color:var(--hx-text);
}

/* Shared header, navigation, buttons and page surfaces */
html.theme-dark body.hx-page .hx-header,
body.hx-page.theme-dark .hx-header{background:rgba(10,10,12,.90);border-bottom-color:rgba(255,255,255,.10)}
html.theme-dark body.hx-page .hx-nav,
body.hx-page.theme-dark .hx-nav{color:#a1a1aa}
html.theme-dark body.hx-page .hx-menu-btn,
body.hx-page.theme-dark .hx-menu-btn{background:#151518;color:#fff;border-color:var(--hx-line)}
html.theme-dark body.hx-page .hx-mobile-panel,
body.hx-page.theme-dark .hx-mobile-panel{background:#0d0d10;border-color:var(--hx-line)}
html.theme-dark body.hx-page .hx-mobile-links a,
body.hx-page.theme-dark .hx-mobile-links a{border-color:var(--hx-line)}
html.theme-dark body.hx-page .hx-button.hx-secondary,
body.hx-page.theme-dark .hx-button.hx-secondary{background:#151518;color:#fff;border-color:var(--hx-line)}
html.theme-dark body.hx-page .hx-button.hx-secondary:hover,
body.hx-page.theme-dark .hx-button.hx-secondary:hover{background:#1d1d22}
html.theme-dark body.hx-page .hx-section.hx-white,
body.hx-page.theme-dark .hx-section.hx-white{background:#0b0b0e}
html.theme-dark body.hx-page .hx-service-card,
html.theme-dark body.hx-page .hx-info-block,
body.hx-page.theme-dark .hx-service-card,
body.hx-page.theme-dark .hx-info-block{background:var(--hx-surface)}
html.theme-dark body.hx-page .hx-footer-row,
body.hx-page.theme-dark .hx-footer-row{border-color:var(--hx-line)}

/* Price browser */
html.theme-dark body.hx-page .hx-browser,
html.theme-dark body.hx-page .hx-search input,
html.theme-dark body.hx-page .hx-option,
html.theme-dark body.hx-page .hx-result,
body.hx-page.theme-dark .hx-browser,
body.hx-page.theme-dark .hx-search input,
body.hx-page.theme-dark .hx-option,
body.hx-page.theme-dark .hx-result{
  background:var(--hx-surface);
  color:var(--hx-text);
  border-color:var(--hx-line);
}
html.theme-dark body.hx-page .hx-option:hover,
body.hx-page.theme-dark .hx-option:hover{background:#17171b;border-color:#45454a}
html.theme-dark body.hx-page .hx-small-btn,
html.theme-dark body.hx-page .hx-crumb,
html.theme-dark body.hx-page .hx-tag,
body.hx-page.theme-dark .hx-small-btn,
body.hx-page.theme-dark .hx-crumb,
body.hx-page.theme-dark .hx-tag{background:#242429;color:#d4d4d8}
html.theme-dark body.hx-page .hx-crumb.is-set,
body.hx-page.theme-dark .hx-crumb.is-set{background:#f5f5f7;color:#111114}
html.theme-dark body.hx-page .hx-empty,
body.hx-page.theme-dark .hx-empty{background:#0d0d10;border-color:#45454a}

/* Homepage */
html.theme-dark body.hx-home-page,
html.theme-dark body.hx-home-page .home-hero,
body.hx-home-page.theme-dark,
body.hx-home-page.theme-dark .home-hero{background:var(--hx-bg)}
html.theme-dark body.hx-page .home-trust,
html.theme-dark body.hx-page .home-category,
html.theme-dark body.hx-page .home-service-option:not(.home-service-option-dark),
body.hx-page.theme-dark .home-trust,
body.hx-page.theme-dark .home-category,
body.hx-page.theme-dark .home-service-option:not(.home-service-option-dark){background:var(--hx-surface)}
html.theme-dark body.hx-page .home-category:hover,
body.hx-page.theme-dark .home-category:hover{background:#17171b}

/* Process page */
html.theme-dark body.hx-page .process-roadmap-icon,
html.theme-dark body.hx-page .process-route,
html.theme-dark body.hx-page .process-info,
html.theme-dark body.hx-page .process-tracker-card,
body.hx-page.theme-dark .process-roadmap-icon,
body.hx-page.theme-dark .process-route,
body.hx-page.theme-dark .process-info,
body.hx-page.theme-dark .process-tracker-card{background:var(--hx-surface);border-color:var(--hx-line)}
html.theme-dark body.hx-page .process-roadmap-icon,
body.hx-page.theme-dark .process-roadmap-icon{box-shadow:0 0 0 9px var(--hx-bg)}
html.theme-dark body.hx-page .hx-white .process-roadmap-icon,
body.hx-page.theme-dark .hx-white .process-roadmap-icon{box-shadow:0 0 0 9px #0b0b0e}
html.theme-dark body.hx-page .process-route li span,
html.theme-dark body.hx-page .process-tracker-head span,
body.hx-page.theme-dark .process-route li span,
body.hx-page.theme-dark .process-tracker-head span{background:rgba(41,151,255,.14)}
html.theme-dark body.hx-page .process-progress-step:before,
body.hx-page.theme-dark .process-progress-step:before{background:#34343a}
html.theme-dark body.hx-page .process-progress-step:after,
body.hx-page.theme-dark .process-progress-step:after{background:#34343a;border-color:var(--hx-surface);box-shadow:0 0 0 1px #45454a}

/* Shipping page */
html.theme-dark body.hx-page .shipping-address-card,
html.theme-dark body.hx-page .shipping-step,
html.theme-dark body.hx-page .shipping-policy-grid article,
html.theme-dark body.hx-page .shipping-arrival-track,
html.theme-dark body.hx-page .shipping-arrival-row.is-current,
body.hx-page.theme-dark .shipping-address-card,
body.hx-page.theme-dark .shipping-step,
body.hx-page.theme-dark .shipping-policy-grid article,
body.hx-page.theme-dark .shipping-arrival-track,
body.hx-page.theme-dark .shipping-arrival-row.is-current{background:var(--hx-surface);border-color:var(--hx-line)}
html.theme-dark body.hx-page .shipping-address-warning,
html.theme-dark body.hx-page .shipping-label-final-note,
body.hx-page.theme-dark .shipping-address-warning,
body.hx-page.theme-dark .shipping-label-final-note{background:rgba(41,151,255,.10)}
html.theme-dark body.hx-page .shipping-copy,
body.hx-page.theme-dark .shipping-copy{background:#17171b;color:var(--hx-text);border-color:var(--hx-line)}
html.theme-dark body.hx-page .shipping-copy:hover,
body.hx-page.theme-dark .shipping-copy:hover{background:#242429}
html.theme-dark body.hx-page .shipping-pack-note,
body.hx-page.theme-dark .shipping-pack-note{background:var(--hx-surface)}
html.theme-dark body.hx-page .shipping-arrival-row i,
body.hx-page.theme-dark .shipping-arrival-row i{border-color:#55555d}
html.theme-dark body.hx-page .shipping-arrival-row:not(:last-child) i:after,
body.hx-page.theme-dark .shipping-arrival-row:not(:last-child) i:after{background:#34343a}
html.theme-dark body.hx-page .shipping-arrival-row.is-done i,
body.hx-page.theme-dark .shipping-arrival-row.is-done i{background:#f5f5f7;border-color:#f5f5f7}
html.theme-dark body.hx-page .shipping-label-card,
body.hx-page.theme-dark .shipping-label-card{border-color:#34343a;box-shadow:none}
/* The shipping label itself intentionally stays white so it resembles a real printed label. */

/* Contact page */
html.theme-dark body.hx-page .contact-quick-card,
html.theme-dark body.hx-page .contact-path,
body.hx-page.theme-dark .contact-quick-card,
body.hx-page.theme-dark .contact-path{background:var(--hx-surface);border-color:var(--hx-line)}
html.theme-dark body.hx-page .contact-card-actions a,
html.theme-dark body.hx-page .contact-card-actions button,
body.hx-page.theme-dark .contact-card-actions a,
body.hx-page.theme-dark .contact-card-actions button{background:#17171b;color:var(--hx-text);border-color:var(--hx-line)}
html.theme-dark body.hx-page .contact-card-actions a:first-child,
body.hx-page.theme-dark .contact-card-actions a:first-child{background:var(--hx-blue);border-color:var(--hx-blue);color:#fff}

/* Warranty page additions. Its own stylesheet already contains detailed dark rules. */
html.theme-dark body.hx-page .warranty-hero-card,
html.theme-dark body.hx-page .warranty-summary article,
html.theme-dark body.hx-page .warranty-panel,
html.theme-dark body.hx-page .warranty-service,
body.hx-page.theme-dark .warranty-hero-card,
body.hx-page.theme-dark .warranty-summary article,
body.hx-page.theme-dark .warranty-panel,
body.hx-page.theme-dark .warranty-service{background:var(--hx-surface);border-color:var(--hx-line);box-shadow:none}

/* Native form controls on all dark pages */
html.theme-dark body.hx-page input,
html.theme-dark body.hx-page select,
html.theme-dark body.hx-page textarea,
body.hx-page.theme-dark input,
body.hx-page.theme-dark select,
body.hx-page.theme-dark textarea{color-scheme:dark}