/* TRW Header — Global CSS Variables (Dark Theme) */

.trw-header-wrapper {
  --primary-color:      #0284c7;
  --primary-hover:      #0369a1;
  --text-primary:       #f1f5f9;
  --text-secondary:     #94a3b8;
  --border:             #334155;
  --shadow:             0 4px 24px rgba(0,0,0,.45);
  --transition:         .25s ease;
  --hover-border:       var(--primary-color);
  --header-bg:          #0f172a;
  --header-bg-elevated: #1e293b;

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  box-sizing: border-box;
}

.trw-header-wrapper *,
.trw-header-wrapper *::before,
.trw-header-wrapper *::after {
  box-sizing: inherit;
}

/* Container */
.trw-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Focus / a11y */
.trw-icon-btn:focus-visible,
.trw-hamburger:focus-visible,
.trw-cart-summary:focus-visible,
.trw-search-form__btn:focus-visible,
.trw-search-form__input:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(2,132,199,.3);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .trw-header-wrapper * { transition-duration: .01ms !important; }
}

/* Scrollbar — dark theme */
.trw-cart-modal__body::-webkit-scrollbar,
.trw-mobile-menu::-webkit-scrollbar { width: 5px; }

.trw-cart-modal__body::-webkit-scrollbar-track,
.trw-mobile-menu::-webkit-scrollbar-track { background: var(--header-bg-elevated); }

.trw-cart-modal__body::-webkit-scrollbar-thumb,
.trw-mobile-menu::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 3px; }

.trw-cart-modal__body::-webkit-scrollbar-thumb:hover,
.trw-mobile-menu::-webkit-scrollbar-thumb:hover { background: var(--primary-hover); }