/* TeslaRepair English V2 — single source of brand values and button styles.
 * To change the brand, edit these custom properties instead of individual pages.
 * All assets are limited to English pages carrying body.tr-v2-site.
 */
body.tr-v2-site{
  --tr-red:#d90c32;
  --tr-red-hover:#ae0727;
  --tr-link:#bf0c2e;
  --tr-link-hover:#910620;
  --tr-accent-light:#ff6683;
  --tr-accent-pale:#ffa6b7;
  --tr-focus:#ee5b78;
  --tr-ink:#171b22;
  --tr-dark:#11171e;
  --tr-header:#131920;
  --tr-hero:#12161d;
  --tr-utility:#0c1117;
  --tr-menu:#151c25;
  --tr-white:#fff;
  --tr-line:#dce0e5;
  --tr-muted:#535b66;
  --tr-soft:#f3f5f7;
  --tr-surface:#fafbfc;
  --tr-light-text:#e4e7eb;
  --tr-hero-glow:#373c45;
  --tr-dark-glow:#293340;
  --tr-quote-glow:#38212b;
  --tr-button-border:#8a929d;
  --tr-button-border-dark:#77818f;
  --tr-red-shadow:#d90c3228;
  --tr-red-halo:#d90c3238;
  --tr-font:'Work Sans',Arial,sans-serif;
  --tr-content-width:1180px;
  --tr-gutter:32px;
  --tr-shell-gutter:32px;
  --tr-header-height:118px;
  --tr-admin-height:0px;
  --tr-radius-sm:6px;
  --tr-radius:12px;
  --tr-button-radius:7px;
  --tr-space-xs:8px;
  --tr-space-sm:16px;
  --tr-space-md:24px;
  --tr-space-lg:32px;
  --tr-space-xl:48px;
  --tr-section-space:78px;
  --tr-motion:.18s;
}
body.tr-v2-site :is(a.tr-btn,a.tr-site-btn,.tr-form button[type=submit]){
  display:inline-flex;align-items:center;justify-content:center;
  min-height:var(--tr-btn-height,50px);padding:var(--tr-btn-padding,13px 23px);
  font:700 var(--tr-btn-size,15px)/1.35 var(--tr-font);
  text-transform:none;letter-spacing:0;text-decoration:none!important;
  border:1px solid var(--tr-btn-border,var(--tr-red));border-radius:var(--tr-button-radius);
  background:var(--tr-btn-bg,var(--tr-red));color:var(--tr-btn-text,var(--tr-white));
  transition:background var(--tr-motion),color var(--tr-motion),border-color var(--tr-motion),box-shadow var(--tr-motion);
  box-shadow:none;cursor:pointer;
}
body.tr-v2-site :is(a.tr-btn,a.tr-site-btn,.tr-form button[type=submit]):hover{
  background:var(--tr-btn-hover-bg,var(--tr-red-hover));color:var(--tr-btn-hover-text,var(--tr-white));
  border-color:var(--tr-btn-hover-border,var(--tr-red-hover));box-shadow:0 3px 15px var(--tr-red-shadow);
}
body.tr-v2-site :is(a.tr-btn,a.tr-site-btn,.tr-form button[type=submit]):focus-visible{
  outline:3px solid var(--tr-focus);outline-offset:4px;
}
body.tr-v2-site .tr-btn-secondary{
  --tr-btn-bg:transparent;--tr-btn-text:var(--tr-ink);--tr-btn-border:var(--tr-button-border);
  --tr-btn-hover-bg:var(--tr-ink);--tr-btn-hover-border:var(--tr-ink);--tr-btn-hover-text:var(--tr-white);
}
body.tr-v2-site :is(.tr-hero,.tr-dark,.tr-quote,.tr-site-chrome) :is(.tr-btn-secondary,.tr-site-wa){
  --tr-btn-bg:transparent;--tr-btn-text:var(--tr-white);--tr-btn-border:var(--tr-button-border-dark);
  --tr-btn-hover-bg:var(--tr-white);--tr-btn-hover-border:var(--tr-white);--tr-btn-hover-text:var(--tr-ink);
}
/* Bring existing branded CTA widgets into the same palette. Navigation toggles,
 * icon buttons, media controls and accordion controls are intentionally excluded. */
body.tr-v2-site :is(a.elementor-button,.wp-block-button__link,a.ast-button,button.wpforms-submit,input[type=submit]){
  font-family:var(--tr-font)!important;border-radius:var(--tr-button-radius)!important;
  background-color:var(--tr-red)!important;border-color:var(--tr-red)!important;color:var(--tr-white)!important;
  text-decoration:none!important;box-shadow:none;transition:background-color var(--tr-motion),border-color var(--tr-motion);
}
body.tr-v2-site :is(a.elementor-button,.wp-block-button__link,a.ast-button,button.wpforms-submit,input[type=submit]):hover{
  background-color:var(--tr-red-hover)!important;border-color:var(--tr-red-hover)!important;color:var(--tr-white)!important;
}
body.tr-v2-site :is(a.elementor-button,.wp-block-button__link,a.ast-button)[href*="wa.me"]{
  background-color:var(--tr-ink)!important;border-color:var(--tr-button-border-dark)!important;
}
body.tr-v2-site :is(a.elementor-button,.wp-block-button__link,a.ast-button,button.wpforms-submit,input[type=submit]):focus-visible{
  outline:3px solid var(--tr-focus);outline-offset:4px;
}
@media(max-width:1100px){body.tr-v2-site{--tr-gutter:24px;--tr-section-space:62px}}
@media(max-width:700px){body.tr-v2-site{--tr-shell-gutter:20px}}
@media(max-width:540px){
  body.tr-v2-site{--tr-section-space:49px;--tr-gutter:20px}
  body.tr-v2-site .tr-v2 a.tr-btn{--tr-btn-padding:13px 16px;--tr-btn-size:14px;flex:1 1 auto}
}
@media(max-width:359px){body.tr-v2-site{--tr-gutter:16px}}
@media(prefers-reduced-motion:reduce){
  body.tr-v2-site :is(a.tr-btn,a.tr-site-btn,.tr-form button[type=submit],a.elementor-button,.wp-block-button__link,a.ast-button,button.wpforms-submit,input[type=submit]){transition:none}
}

@supports(color:color-mix(in srgb,red,black)){
  body.tr-v2-site{--tr-red-hover:color-mix(in srgb,var(--tr-red) 80%,black);--tr-red-shadow:color-mix(in srgb,var(--tr-red) 16%,transparent);--tr-red-halo:color-mix(in srgb,var(--tr-red) 22%,transparent);--tr-link:color-mix(in srgb,var(--tr-red) 88%,black);--tr-link-hover:color-mix(in srgb,var(--tr-red) 67%,black);--tr-header:color-mix(in srgb,var(--tr-dark) 99%,white);--tr-hero:var(--tr-dark);--tr-utility:color-mix(in srgb,var(--tr-dark) 72%,black);--tr-menu:color-mix(in srgb,var(--tr-dark) 98%,white)}
}
