/* Repair Clinic (cobrand 0) � brand primitives (fonts via Google Fonts links in brand-styles.ts) */
html[data-cobrand='0'] {
  --brand-primary-color: #27aceb;
  --brand-primary-color-dark: #1497d6;
  --brand-primary-color-dark2: #1391cc;
  --brand-secondary-color: #46bbf3;
  --brand-accent-pro-color: #fec600;
  --brand-tertiary-color: #d18306;
  --brand-tertiary-color-dark: #bb7400;
  --brand-white-color: #ffffff;
  --brand-framing-color: #263c60;
  --brand-framing-color-hover: #1e304e;
  --brand-framing-color-dark: #19273f;
  --brand-highlight-color: #f5a623;
  --brand-highlight-color-pressed: #f39c0b;
  --brand-pro-menu-color: #ffeea0;
  --brand-pro-menu-color-pressed: #ffe986;

  --brand-font-family-body: 'Lato', sans-serif;
  --brand-font-family-heading: 'Montserrat', sans-serif;
  --brand-font-family-strong: 'Montserrat', sans-serif;
  --brand-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;

  --brand-font-size-base: 16px;
  --brand-font-size-small: 14px;
  --brand-font-size-large: 20px;

  --brand-font-weight-body: 400;

  --brand-font-weight-regular: 400;
  --brand-font-weight-medium: 500;
  --brand-font-weight-semibold: 600;
  --brand-font-weight-bold: 700;

  --brand-line-height-body: 1.5;
  --brand-line-height-heading: 1.25;
  --brand-line-height-tight: 1.2;

  --brand-button-border-radius: 100px;
  --brand-button-text-transform: none;
  --brand-button-font-size: 14px;
  --brand-button-link-font-size: 16px;
  --brand-button-link-text-decoration: none;
  --brand-button-primary-bg-hover: var(--brand-primary-color-dark);
  --brand-button-primary-border-hover: var(--brand-primary-color-dark);

  --brand-input-border-radius: 4px;

  --brand-content-max-width: 1170px;
  --brand-content-padding-x: 15px;

  /* Sticky bars: nav blues (every other brand derives from --brand-primary-color in shared SCSS). */
  --brand-sticky-bar-overlay-bg: rgba(18, 85, 124, 0.7);
  --brand-sticky-bar-solid-bg: #0077a4;

  --StockStatus-color: #67b413;
}

/* Bootstrap modal shells — brand container radius (RC keeps Bootstrap-like corners). */
html[data-cobrand='0'] .modal-content {
  border-radius: var(--brand-container-border-radius, 6px);
}

/* Bootstrap text inputs — brand input radius. */
html[data-cobrand='0'] .form-control {
  border-radius: var(--brand-input-border-radius, 4px);
}

html[data-cobrand='0'] body {
  font-family: var(--brand-font-family-body);
  font-size: var(--brand-font-size-base);
  font-weight: var(--brand-font-weight-body);
  line-height: var(--brand-line-height-body);
  a {
    cursor: pointer;
  }
}
/* Breadcrumbs - optically center the ">" separator with adjacent text. */
html[data-cobrand='0'] [data-surface='Breadcrumbs'] {
  --Breadcrumbs-separator-translate-y: -4px;
}

html[data-cobrand='0'] [data-surface='PartDetail'] {
  --PartDetail-manufacturer-part-bg: #67b413;
}

html[data-cobrand='0'] [data-surface='ShopPartsCard'] {
  --ShopPartsCard-manufacturer-part-bg: #67b413;
}

/* Cart - more space between subtotal and checkout buttons (desktop/tablet). */
html[data-cobrand='0'] [data-surface='CartItemsTable'] {
  --CartItemsTable-checkout-padding-top: 40px;
}

/* Header top bar  */
html[data-cobrand='0'] .headerContainer .headerTop {
  background-color: #263554;
}

/* TechnicianBenefitsBanner — use RC colors. */
html[data-cobrand='0'] .technicianBenefitsBanner {
  background: #ffd92e;
  color: #263c60;
}
html[data-cobrand='0'] .technicianBenefitsBanner .pro {
  color: #46bbf3;
}

/* Content Library filters (RC). */
html[data-cobrand='0'] .filterWrap .hiddenFilterLink {
  display: none !important;
}
html[data-cobrand='0'] .linkList {
  display: flex;
  flex-direction: column;
}

/* Yotpo review/question buttons */
html[data-cobrand='0'] .yotpo .write-review-button,
html[data-cobrand='0'] .yotpo .write-question-button {
  border-radius: 20px !important;
  height: 32px !important;
  width: 220px !important;
}