/**
 * HMC rebrand — May 29 staging theme only (remove link in document_head.hbs before live push).
 * Primary: #1A1540 | Secondary accent: #38B5FF
 */
:root {
  --hmc-primary: #1a1540;
  --hmc-primary-hover: #120e2e;
  --hmc-primary-pressed: #0d0a20;
  --hmc-secondary: #38b5ff;
  --hmc-secondary-hover: #2a9de6;
  --hmc-primary-rgb: 26, 21, 64;
  --hmc-secondary-rgb: 56, 181, 255;

  --color-brand-primary: var(--hmc-primary) !important;
  --color-brand-primary-inverse: #fff !important;
  --color-brand-primary-hover: var(--hmc-primary-hover) !important;
  --color-brand-primary-pressed: var(--hmc-primary-pressed) !important;
  --color-link: var(--hmc-secondary) !important;
  --color-link-hover: var(--hmc-secondary-hover) !important;
  --button-color-primary: var(--hmc-primary) !important;

  --header-bg: transparent !important;
  --header-color-text: #fff !important;
}

/* Top navigation bar — transparent so hero shows behind logo */
.lt-header,
header[data-header].lt-header,
.lt-header-wrapper .lt-header,
.lt-header-wrapper .lt-header.lt-header--fixed {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Off-canvas menu panel keeps a solid background when open */
.lt-header__controls.is-active {
  background-color: var(--hmc-primary) !important;
}

.lt-header__link,
.lt-header__link:hover,
.lt-header__link:focus,
.lt-header__link:active,
.lt-header a:not(.lt-btn) {
  color: #fff !important;
}

/* Product Support matrix */
.common-issues__link,
.product-support__subtitle a,
.product-support-tab.is-active,
.product-support-sidebar-item.is-active,
.product-support-mobile-pick:focus {
  color: var(--hmc-secondary) !important;
}

.product-support-card__name,
.product-support-card__name-text,
.product-support-card__kicker {
  color: #fff !important;
}

.common-issues__link:hover,
.product-support__subtitle a:hover {
  color: var(--hmc-secondary-hover) !important;
}

.product-support-tab.is-active,
.product-support-sidebar-item.is-active {
  border-color: var(--hmc-secondary) !important;
  background: rgba(var(--hmc-secondary-rgb), 0.1) !important;
}

.product-support-tab,
.product-support-sidebar-item {
  border-color: rgba(var(--hmc-secondary-rgb), 0.35) !important;
}

.product-support-tab:hover,
.product-support-sidebar-item:hover {
  background: rgba(var(--hmc-secondary-rgb), 0.08) !important;
}

.product-support-mobile-pick {
  border-color: rgba(var(--hmc-secondary-rgb), 0.25) !important;
}

.product-support-mobile-pick:focus {
  border-color: var(--hmc-secondary) !important;
  background: rgba(var(--hmc-secondary-rgb), 0.06) !important;
}

.product-support-card__img,
.product-support-card__placeholder {
  background: rgba(var(--hmc-secondary-rgb), 0.35) !important;
}

.product-support-card__placeholder--coming-soon {
  background:
    linear-gradient(
      135deg,
      rgba(var(--hmc-primary-rgb), 0.95),
      rgba(var(--hmc-secondary-rgb), 0.88)
    ),
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.08) 0,
      rgba(255, 255, 255, 0.08) 10px,
      rgba(255, 255, 255, 0.02) 10px,
      rgba(255, 255, 255, 0.02) 20px
    ) !important;
}

.product-support-wizard__back,
.product-support-wizard__step-label {
  color: var(--hmc-secondary) !important;
}

.product-support-wizard__back:hover {
  color: var(--hmc-secondary-hover) !important;
}

.product-support__soon-label {
  border-top-color: rgba(var(--hmc-secondary-rgb), 0.15) !important;
}

.product-support-mobile-list__soon-heading {
  border-top-color: rgba(var(--hmc-secondary-rgb), 0.15) !important;
}

.product-support-card--coming-soon {
  border-color: rgba(var(--hmc-secondary-rgb), 0.25) !important;
}

.product-support-card--coming-soon .product-support-card__name {
  background: rgba(var(--hmc-secondary-rgb), 0.1) !important;
  border-color: rgba(var(--hmc-secondary-rgb), 0.22) !important;
}

/* AI search */
.lt-ai-search {
  background: linear-gradient(135deg, var(--hmc-primary) 0%, #2d2868 55%, var(--hmc-secondary) 100%) !important;
}

.lt-ai-search-pick:focus,
.lt-ai-search-input:focus {
  border-color: var(--hmc-secondary) !important;
}

.lt-ai-search-product-continue,
.lt-ai-search-submit {
  background: var(--hmc-primary) !important;
}

.lt-ai-search-product-continue:hover:not(:disabled),
.lt-ai-search-submit:hover:not(:disabled) {
  background: var(--hmc-primary-hover) !important;
}

.lt-ai-search__change-product {
  color: var(--hmc-secondary) !important;
  border-color: var(--hmc-secondary) !important;
}

.lt-ai-search__change-product:hover {
  background: rgba(var(--hmc-secondary-rgb), 0.1) !important;
}

.lt-ai-search-messages__welcome,
.lt-ai-search-msg--assistant {
  background: rgba(var(--hmc-secondary-rgb), 0.06) !important;
  border-color: rgba(var(--hmc-secondary-rgb), 0.2) !important;
}

.lt-ai-search-msg--user {
  background: var(--hmc-primary) !important;
}

/* Product page */
.product-page__back,
.product-page__back:hover {
  color: var(--hmc-primary) !important;
}

.product-page-panel a.lt-card__link {
  color: var(--hmc-secondary) !important;
}

.product-page__col-heading,
.product-page__videos-section .product-page__col-heading {
  color: var(--hmc-primary) !important;
  border-bottom-color: var(--hmc-primary) !important;
}

.product-page__support {
  background: var(--hmc-primary) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    0 4px 6px rgba(var(--hmc-primary-rgb), 0.25),
    0 12px 32px rgba(0, 0, 0, 0.14) !important;
}

.product-page__support-phone a,
.product-page__support-phone a:hover {
  color: #fff !important;
  border-bottom-color: rgba(255, 255, 255, 0.35) !important;
}

.product-page__support-phone a:hover {
  border-bottom-color: rgba(255, 255, 255, 0.85) !important;
}

.product-page--joint-empty .product-page-panel {
  border-color: rgba(var(--hmc-secondary-rgb), 0.3) !important;
  background: rgba(var(--hmc-secondary-rgb), 0.08) !important;
}

/* Primary buttons (hero, CTAs, errors) */
.lt-btn--primary,
a.lt-btn--primary,
button.lt-btn--primary {
  background-color: var(--hmc-primary) !important;
  border-color: var(--hmc-primary) !important;
}

.lt-btn--primary:hover,
a.lt-btn--primary:hover,
button.lt-btn--primary:hover {
  background-color: var(--hmc-primary-hover) !important;
  border-color: var(--hmc-primary-hover) !important;
}

/* Submit a ticket (home + /requests/new) — Garden new request form */
.home-support-block .product-support__title,
.home-support-block .product-support__subtitle a {
  color: inherit;
}

.home-support-block .product-support__title {
  color: var(--hmc-primary) !important;
}

.home-support-block--with-top-rule,
.home-support-block--after {
  border-top-color: rgba(var(--hmc-primary-rgb), 0.15) !important;
}

.home-new-request-form-wrap {
  border-color: rgba(var(--hmc-secondary-rgb), 0.35) !important;
}

.home-new-request-form__error a {
  color: var(--hmc-secondary) !important;
}

.home-new-request-form__error a:hover {
  color: var(--hmc-secondary-hover) !important;
}

#home-new-request-form button[type="submit"],
#new-request-form button[type="submit"],
.lt-new-request-form button[type="submit"] {
  background-color: var(--hmc-primary) !important;
  border-color: var(--hmc-primary) !important;
  color: #fff !important;
}

#home-new-request-form button[type="submit"]:hover,
#new-request-form button[type="submit"]:hover,
.lt-new-request-form button[type="submit"]:hover {
  background-color: var(--hmc-primary-hover) !important;
  border-color: var(--hmc-primary-hover) !important;
}

#home-new-request-form a:not([type="submit"]),
#new-request-form a:not([type="submit"]) {
  color: var(--hmc-secondary);
}

#home-new-request-form a:not([type="submit"]):hover,
#new-request-form a:not([type="submit"]):hover {
  color: var(--hmc-secondary-hover);
}

#home-new-request-form input:focus,
#home-new-request-form textarea:focus,
#home-new-request-form select:focus,
#new-request-form input:focus,
#new-request-form textarea:focus,
#new-request-form select:focus {
  border-color: var(--hmc-secondary) !important;
  outline-color: var(--hmc-secondary) !important;
  box-shadow: 0 0 0 2px rgba(var(--hmc-secondary-rgb), 0.25) !important;
}

/* Contact block below ticket form */
.home-contact-details__value,
.home-contact-details__value:hover {
  color: var(--hmc-secondary) !important;
}

.home-contact-details__icon {
  color: var(--hmc-primary) !important;
}

/* Links site-wide */
a:not(.lt-btn):not(.product-support-card):not(.lt-card__link):not(
    .product-page__support-phone a
  ):not(#home-new-request-form a):not(#new-request-form a) {
  color: var(--hmc-secondary);
}

a:not(.lt-btn):not(.product-support-card):not(.lt-card__link):not(
    .product-page__support-phone a
  ):not(#home-new-request-form a):not(#new-request-form a):hover {
  color: var(--hmc-secondary-hover);
}