/**
 * AutoMax Child — Graphite service hero / consistent native radii
 * Uses only native Madmedia settings and child-level polish.
 */
/* All chromatic colors derive from Madmedia's editable native brand options. */
:root{
  --amx-obsidian:color-mix(in srgb,var(--color-dark-surface) 56%,black);
  --amx-carbon:color-mix(in srgb,var(--brand-secondary) 18%,var(--amx-obsidian));
  --mm-type-h1:45px;
}
@media(max-width:720px){:root{--mm-type-h1:36px}}
@media(max-width:420px){:root{--mm-type-h1:32px}}

/* Keep the original logo readable on light shells. */
.mm-header{background:var(--color-surface)}
.mm-header .mm-logo__image,.mm-drawer .mm-logo__image,.mm-footer:not(.mm-footer--custom) .mm-logo__image{display:block;width:auto;height:auto;object-fit:contain}

/* Normal footer remains light for the untouched original logo. */
.mm-footer:not(.mm-footer--custom){--color-on-dark:var(--color-text);background:var(--color-surface-2);color:var(--color-text)}
.mm-footer:not(.mm-footer--custom) :is(.mm-footer__brand .mm-logo,.mm-footer__contact>a,.mm-footer__contact address,.mm-footer__contact strong,.mm-social-link){color:var(--color-heading)}
.mm-footer:not(.mm-footer--custom) :is(.mm-footer__title,.mm-footer__contact small,.mm-footer__brand>p,.mm-footer__bottom>.mm-container,.mm-footer__trust span){color:var(--color-muted)}
.mm-footer:not(.mm-footer--custom) :is(.mm-footer__nav a,.mm-footer__bottom a){color:var(--color-text)}
.mm-footer:not(.mm-footer--custom) :is(.mm-footer__nav a:hover,.mm-footer__nav a:focus-visible,.mm-footer__bottom a:hover,.mm-footer__bottom a:focus-visible){color:var(--brand-primary)}
.mm-footer:not(.mm-footer--custom) :is(.mm-footer__contact .mm-icon,.mm-footer .mm-social-link:hover){color:var(--brand-accent)}
.mm-footer:not(.mm-footer--custom) :is(.mm-footer__trust span,.mm-footer .mm-social-link,.mm-footer__contact>a,.mm-footer__contact address,.mm-footer__bottom){border-color:var(--color-border)}
.mm-footer:not(.mm-footer--custom) .mm-footer-cta{--color-on-dark:var(--color-surface);background:var(--color-dark-surface);color:var(--color-surface)}
.mm-footer:not(.mm-footer--custom) .mm-footer-cta__title{color:var(--color-surface)}
.mm-footer:not(.mm-footer--custom) .mm-footer-cta__description,.mm-footer:not(.mm-footer--custom) .mm-footer-cta .mm-eyebrow{color:var(--color-surface-2)}

/* Topbar socials — exactly chip-like and visually aligned with left contact icons. */
.mm-topbar__tools{gap:10px;align-items:center}
.mm-topbar__tools .mm-socials{display:flex;align-items:center;gap:8px;line-height:0}
.mm-topbar__tools .mm-social-link{
  display:grid;place-items:center;
  width:32px;height:32px;flex:0 0 32px;
  padding:0;margin:0;
  border:1px solid rgb(255 255 255/.1);
  border-radius:var(--mm-radius-md);
  background:rgb(255 255 255/.1);
  box-shadow:inset 0 1px 0 rgb(255 255 255/.06);
  color:color-mix(in srgb,var(--color-on-dark) 92%,transparent);
  opacity:1;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;
}
.mm-topbar__tools .mm-social-link .mm-icon,
.mm-topbar__tools .mm-social-link svg{
  display:block;
  width:20px;height:20px;
  margin:0;
}
.mm-topbar__tools .mm-social-link:hover,
.mm-topbar__tools .mm-social-link:focus-visible{
  border-color:rgb(255 255 255/.18);
  background:rgb(255 255 255/.16);
  color:var(--color-on-dark);
  transform:translateY(-1px);
}

/* Premium charcoal hero: text side stays dark; a restrained brand glow lives
 * at the far right only and follows the native editable Brand Primary token. */
.mm-service-hero{
  border-bottom:1px solid color-mix(in srgb,var(--color-on-dark) 7%,transparent);
  background:
    radial-gradient(ellipse 30% 65% at 100% 74%,color-mix(in srgb,var(--brand-primary) 13%,transparent) 0%,transparent 100%),
    radial-gradient(ellipse at 86% 18%,color-mix(in srgb,var(--color-on-dark) 3%,transparent),transparent 47%),
    linear-gradient(110deg,var(--amx-obsidian) 0%,var(--amx-obsidian) 45%,var(--amx-carbon) 100%);
  color:color-mix(in srgb,var(--color-on-dark) 82%,transparent);
}
.mm-service-hero .mm-eyebrow{
  color:color-mix(in srgb,var(--color-on-dark) 75%,transparent);
}
.mm-service-hero::before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--color-on-dark) 1.7%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--color-on-dark) 1.7%,transparent) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgb(0 0 0/.80) 40%,rgb(0 0 0/.18) 70%,transparent 84%);
  mask-image:linear-gradient(90deg,#000 0%,rgb(0 0 0/.80) 40%,rgb(0 0 0/.18) 70%,transparent 84%);
}
/* Keep the original two horizontal accents; omit only the two vertical
 * gradient layers that intersected the eyebrow/title. The hero gradient above
 * is unchanged from v1.9. */
.mm-service-hero::after{
  width:min(340px,24vw);
  height:126px;
  opacity:.62;
  background:
    linear-gradient(90deg,
      color-mix(in srgb,var(--brand-primary) 72%,var(--color-on-dark)),
      color-mix(in srgb,var(--brand-primary) 72%,var(--color-on-dark)))
      0 0/54px 1px no-repeat,
    linear-gradient(90deg,
      color-mix(in srgb,var(--color-on-dark) 14%,transparent),
      color-mix(in srgb,var(--color-on-dark) 14%,transparent))
      100% 100%/82px 1px no-repeat;
}
.mm-service-hero__grid{padding-block:30px clamp(50px,5.8vw,72px);gap:clamp(34px,4vw,62px)}
.mm-service-hero h1{max-width:18ch;margin-top:7px;color:var(--color-on-dark);font-size:45px;line-height:1.08;letter-spacing:-.035em}
.mm-service-hero__intro{margin-top:18px;color:color-mix(in srgb,var(--color-on-dark) 76%,transparent);font-size:16px;line-height:1.72}
.mm-service-hero__actions{gap:12px;margin-top:24px}
.mm-service-hero__actions .mm-button{min-width:188px;min-height:48px;border-radius:var(--mm-radius-lg);box-shadow:none}
/* The red treatment is shared globally below, rather than being restricted
 * to the service hero and service closing CTA. */
.mm-service-hero__actions .mm-button--secondary{
  border-color:rgb(255 255 255/.16);
  background:linear-gradient(180deg,rgb(255 255 255/.07),rgb(255 255 255/.045));
  color:var(--color-on-dark);
  backdrop-filter:blur(8px);
}
.mm-service-hero__actions .mm-button--secondary:hover,.mm-service-hero__actions .mm-button--secondary:focus-visible{
  border-color:rgb(255 255 255/.28);
  background:linear-gradient(180deg,rgb(255 255 255/.10),rgb(255 255 255/.06))
}
.mm-service-hero__media{
  border:1px solid rgb(255 255 255/.10);
  border-radius:var(--mm-radius-xl); /* No extra offset: same globally scaled XL radius, including Flat mode. */
  background:linear-gradient(180deg,rgb(255 255 255/.06),rgb(255 255 255/.015)),var(--amx-obsidian);
  box-shadow:0 30px 72px color-mix(in srgb,#000 24%,transparent),0 0 0 1px rgb(255 255 255/.02) inset;
}
.mm-service-hero__media img,.mm-service-hero__media video,.mm-service-hero__media iframe{transform:scale(1.001)}

/* Keep other native page titles slightly smaller too. */
.mm-native-hero h1,.mm-entry-header h1,.mm-archive-showcase h1,.mm-blog-heading h1{font-size:var(--mm-type-h1);line-height:1.08}

@media(max-width:560px){
  .mm-service-hero__grid{gap:18px;padding-block:18px 40px}
  .mm-service-hero h1{font-size:clamp(32px,8vw,36px);max-width:18ch}
  .mm-topbar__tools .mm-socials{gap:6px}
}

/* Gradient is exclusive to service CTAs and the fixed mobile CTA.
 * All other MadMedia buttons (header, search, menus, etc.) retain native styling. */
:is(
  .mm-service-single .mm-service-hero__actions .mm-button--accent,
  .mm-service-single .mm-service-final-cta .mm-button--accent,
  .mm-mobile-cta
){
  border-color:color-mix(in srgb,var(--brand-primary) 92%,#fff);
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--brand-primary) 90%,#fff),
    color-mix(in srgb,var(--brand-accent) 76%,black)
  );
  color:var(--color-on-dark);
}
:is(
  .mm-service-single .mm-service-hero__actions .mm-button--accent,
  .mm-service-single .mm-service-final-cta .mm-button--accent,
  .mm-mobile-cta
):is(:hover,:focus-visible){
  border-color:color-mix(in srgb,var(--brand-primary) 74%,#fff);
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--brand-primary) 82%,#fff),
    color-mix(in srgb,var(--brand-accent) 82%,white)
  );
  color:var(--color-on-dark);
}

/* AutoMax contact-page form: keeps the native side-card's title and lead intact. */
.amx-contact-hero__aside .amx-request-form{position:relative;margin-top:3px;color:var(--color-heading);font-size:13px}
.amx-contact-hero__aside .amx-request-form__fields{display:grid;gap:12px;margin:0;padding:0}
.amx-contact-hero__aside .amx-request-form__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.amx-contact-hero__aside .amx-request-form__field{display:grid;min-width:0;gap:5px;margin:0;color:var(--color-heading);font-size:12px;font-weight:650}
.amx-contact-hero__aside .amx-request-form__field b{color:var(--brand-primary)}
.amx-contact-hero__aside .amx-request-form :is(input:not([type=checkbox]),textarea){box-sizing:border-box;width:100%;min-width:0;min-height:43px;margin:0;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--mm-radius-sm);outline:none;background:var(--color-surface);color:var(--color-heading);font:inherit;font-size:13px;line-height:1.4;transition:border-color .18s ease,box-shadow .18s ease}
.amx-contact-hero__aside .amx-request-form textarea{min-height:76px;resize:vertical}
.amx-contact-hero__aside .amx-request-form :is(input,textarea):focus-visible{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 13%,transparent)}
.amx-contact-hero__aside .amx-request-form__consent{display:flex;align-items:flex-start;gap:9px;margin:4px 0 0;color:var(--color-muted);font-size:11px;font-weight:400;line-height:1.5}
.amx-contact-hero__aside .amx-request-form__consent input{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;accent-color:var(--brand-primary)}
.amx-contact-hero__aside .amx-request-form__consent a{color:var(--brand-primary);text-decoration:none}
.amx-contact-hero__aside .amx-request-form__consent a:hover{color:var(--brand-accent)}
.amx-contact-hero__aside .amx-request-form__submit{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 16px;border:1px solid color-mix(in srgb,var(--brand-primary) 92%,#fff);border-radius:var(--mm-radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary) 90%,#fff),color-mix(in srgb,var(--brand-accent) 76%,black));color:var(--color-on-dark);font-size:13px;font-weight:750;cursor:pointer;transition:filter .18s ease,transform .18s ease}
.amx-contact-hero__aside .amx-request-form__submit:hover,.amx-contact-hero__aside .amx-request-form__submit:focus-visible{filter:brightness(1.1);transform:translateY(-1px)}
.amx-contact-hero__aside .amx-request-form__required{margin:0;color:var(--color-muted);font-size:10px}
.amx-contact-hero__aside .amx-request-form__trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.amx-contact-hero__aside .amx-request-form__notice{margin:0 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--brand-primary) 28%,var(--color-border));border-radius:var(--mm-radius-sm);background:var(--color-surface-2);color:var(--color-heading);line-height:1.5}
.amx-contact-hero__aside .amx-request-form__notice--error{border-color:var(--brand-accent);color:var(--brand-accent)}
@media(max-width:540px){.amx-contact-hero__aside .amx-request-form__row{grid-template-columns:minmax(0,1fr)}}

/* v1.9.5 — compact form fields in any shortcode placement. */
.amx-request-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px}
.amx-request-form__field{min-width:0}
.amx-request-form textarea{min-height:62px}
.amx-request-form__submit{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
@media(max-width:540px){.amx-request-form__row{grid-template-columns:minmax(0,1fr)}}