/* TRW Header — Global CSS Variables & Base Styles */

.trw-header-wrapper {
  --primary-color:   #FDB71B;
  --primary-hover:   #E6A515;
  --text-primary:    #000000;
  --text-secondary:  #4a4a4a;
  --border:          #e0e0e0;
  --shadow:          0 2px 8px rgba(0,0,0,.1);
  --transition:      .25s ease;
  --hover-border:    var(--primary-color);

  font-family: -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 20px;
}

/* Focus / a11y */
.trw-icon-btn:focus-visible,
.trw-hamburger:focus-visible,
.trw-search-form__btn:focus-visible,
.trw-search-form__input:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(253,183,27,.3);
}

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

/* Custom scrollbar — yellow + black */
.trw-cart-modal__body::-webkit-scrollbar,
.trw-mobile-menu::-webkit-scrollbar {
  width: 6px;
}

.trw-cart-modal__body::-webkit-scrollbar-track,
.trw-mobile-menu::-webkit-scrollbar-track {
  background: #f0f0f0;
}

.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: #000;
}