/* =========================================================================
   ADAS RECALIBRATION PAGE ONLY (post 58) — Phase 2, 2026-09-14
   Every selector is anchored to `.page-id-58` AND this page's own Beaver
   Builder layout wrapper `.fl-builder-content-58`, so no rule here can reach
   the Themer header (post 7), the Themer footer (post 8), the homepage
   (post 6), Accident Repair (post 56) or any other page. No global rule is
   added here and no global overflow suppression is used.

   Palette, typography and button *shape* come from the existing approved
   brand tokens and `.tr-*` component classes in the shared child
   `style.css` (locked during this pass). This file only supplies the page's
   type scale and the page-specific components.
   ========================================================================= */

/* --- Type scale, same steps as the approved homepage / Accident Repair --- */
.page-id-58 .fl-builder-content-58 .tr-hero .fl-heading-text,
.page-id-58 .fl-builder-content-58 .tr-hero h1 {
  font-size: 64px;
  line-height: 1.05;
}

/* Beat Beaver's generated `.fl-heading-text * { color }` so RECALIBRATION stays brand blue. */
.page-id-58 .fl-builder-content-58 .fl-node-adm1h h1.fl-heading .fl-heading-text .tr-accent,
.page-id-58 .fl-builder-content-58 .tr-hero .tr-accent {
  color: #009afd !important;
}

.page-id-58 .fl-builder-content-58 .tr-section-h2 .fl-heading-text,
.page-id-58 .fl-builder-content-58 .tr-section-h2 h2,
.page-id-58 .fl-builder-content-58 .tr-on-blue-heading .fl-heading-text,
.page-id-58 .fl-builder-content-58 .tr-on-blue-heading h2,
.page-id-58 .fl-builder-content-58 .adas-cta-h2 .fl-heading-text,
.page-id-58 .fl-builder-content-58 .adas-cta-h2 h2 {
  font-size: 44px;
}

.page-id-58 .fl-builder-content-58 .tr-faq .pp-faq-button-label,
.page-id-58 .fl-builder-content-58 .tr-faq .pp-faq-question {
  font-size: 20px;
}

.page-id-58 .fl-builder-content-58 .tr-review-card .fl-rich-text,
.page-id-58 .fl-builder-content-58 .tr-review-card .fl-rich-text p {
  font-size: 18px;
}

/* --- Buttons: label scale and minimum tap target only.
       Shape stays as approved: rectangular, uppercase, letter-spaced, no shadow. */
.page-id-58 .fl-builder-content-58 a.fl-button,
.page-id-58 .fl-builder-content-58 .fl-button {
  font-size: 14px !important;
  min-height: 44px;
  box-sizing: border-box;
}

.page-id-58 .fl-builder-content-58 .tr-faq .pp-faq-button {
  min-height: 48px;
}

/* Beat PowerPack node CSS so the shared cream/blue FAQ treatment actually shows. */
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item,
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item-wrap {
  margin-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item:nth-child(odd),
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item:nth-child(odd) .pp-faq-button {
  background: #f2eee9 !important;
}

.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item:nth-child(even),
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item:nth-child(even) .pp-faq-button,
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item.pp-faq-item-active,
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item.pp-faq-item-active .pp-faq-button {
  background: #009afd !important;
}

.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item:nth-child(odd) .pp-faq-button-label,
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item:nth-child(odd) .pp-faq-question {
  color: #002f57 !important;
}

.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item:nth-child(even) .pp-faq-button-label,
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item:nth-child(even) .pp-faq-question,
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item.pp-faq-item-active .pp-faq-button-label,
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-item.pp-faq-item-active .pp-faq-question {
  color: #ffffff !important;
}

.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-content,
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-answer {
  background: rgb(242, 238, 233) !important;
  color: rgb(0, 47, 87) !important;
}

.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-content p,
.page-id-58 .fl-builder-content-58 .fl-node-adm7faq.tr-faq .pp-faq-answer p {
  color: rgb(0, 47, 87) !important;
}

/* --- Outline + solid CTA pairs (hero and closing section) side by side.
       Beaver sets `.fl-col-content { display: flex }`, which ignores
       `display: inline-block` on child modules, so the pair is done with
       flex-wrap on the two columns that actually contain the buttons. --- */
.page-id-58 .fl-builder-content-58 .fl-node-adc1a > .fl-col-content,
.page-id-58 .fl-builder-content-58 .fl-node-adc8 > .fl-col-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.page-id-58 .fl-builder-content-58 .fl-node-adc1a > .fl-col-content > .fl-module:not(.adas-pair),
.page-id-58 .fl-builder-content-58 .fl-node-adc8 > .fl-col-content > .fl-module:not(.adas-pair) {
  flex: 1 0 100%;
  width: 100%;
}

.page-id-58 .fl-builder-content-58 .fl-module.adas-pair {
  display: block !important;
  flex: 0 0 auto;
  width: auto !important;
  max-width: none;
  margin-right: 16px;
  margin-bottom: 12px;
}

.page-id-58 .fl-builder-content-58 .fl-module.adas-pair .fl-module-content,
.page-id-58 .fl-builder-content-58 .fl-module.adas-pair .fl-button-wrap {
  display: block;
  width: auto;
}

/* --- Hero breadcrumb, on charcoal ---------------------------------------- */
.page-id-58 .fl-builder-content-58 .adas-breadcrumb .fl-rich-text p {
  margin: 0 0 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ffffff;
}

.page-id-58 .fl-builder-content-58 .adas-breadcrumb .fl-rich-text a {
  color: #ffffff;
  text-decoration: none;
}

.page-id-58 .fl-builder-content-58 .adas-breadcrumb .fl-rich-text a:hover {
  text-decoration: underline;
}

.page-id-58 .fl-builder-content-58 .adas-breadcrumb .fl-rich-text a:focus,
.page-id-58 .fl-builder-content-58 .adas-breadcrumb .fl-rich-text a:focus-visible {
  outline: 2px solid #ffa425;
  outline-offset: 3px;
}

.page-id-58 .fl-builder-content-58 .adas-breadcrumb .adas-crumb-sep {
  margin: 0 8px;
  opacity: 0.55;
}

/* --- Readable measure for copy the mockup sets to roughly half width ----- */
.page-id-58 .fl-builder-content-58 .adas-measure .fl-rich-text {
  max-width: 620px;
}

/* --- Section photograph: plain rectangular crop -------------------------- */
.page-id-58 .fl-builder-content-58 .adas-photo .fl-photo-content {
  width: 100%;
}

.page-id-58 .fl-builder-content-58 .adas-photo .fl-photo-content img {
  display: block;
  width: 100%;
  height: auto;
}

/* --- Two-column checklist on the blue band ------------------------------- */
.page-id-58 .fl-builder-content-58 .adas-check {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-id-58 .fl-builder-content-58 .adas-check li {
  position: relative;
  padding-left: 28px;
  margin: 0 0 18px;
  color: #002f57;
  font-size: 18px;
  line-height: 1.5;
}

.page-id-58 .fl-builder-content-58 .adas-check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 10px;
  height: 10px;
  background: #002f57;
}

/* --- Systems we recalibrate: 8-item bold label grid ---------------------- */
.page-id-58 .fl-builder-content-58 .adas-system .fl-heading-text,
.page-id-58 .fl-builder-content-58 .adas-system h3 {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #002f57;
  text-align: center;
  line-height: 1.35;
}

.page-id-58 .fl-builder-content-58 .adas-systems-row .fl-col-content {
  text-align: center;
}

/* --- Closing CTA section, on charcoal ----------------------------------- */
.page-id-58 .fl-builder-content-58 .adas-cta .fl-heading-text,
.page-id-58 .fl-builder-content-58 .adas-cta h2 {
  color: #ffffff !important;
}

.page-id-58 .fl-builder-content-58 .adas-cta .fl-rich-text,
.page-id-58 .fl-builder-content-58 .adas-cta .fl-rich-text p {
  color: #ffffff !important;
  max-width: 720px;
}

.page-id-58 .fl-builder-content-58 .adas-cta-address .fl-rich-text,
.page-id-58 .fl-builder-content-58 .adas-cta-address .fl-rich-text p {
  color: #ffffff !important;
  font-size: 15px;
  margin-top: 18px;
  max-width: 100%;
}

/* --- Page box containment. Constrains this page's own boxes; not global
       overflow suppression and does not hide a horizontal scrollbar. ------ */
.page-id-58 .fl-builder-content-58 .fl-row-content,
.page-id-58 .fl-builder-content-58 .fl-col-group,
.page-id-58 .fl-builder-content-58 .fl-col,
.page-id-58 .fl-builder-content-58 .fl-col-content,
.page-id-58 .fl-builder-content-58 .fl-module,
.page-id-58 .fl-builder-content-58 .fl-module-content {
  min-width: 0;
  /*max-width: 100%;*/
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .page-id-58 .fl-builder-content-58 .tr-hero .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .tr-hero h1 {
    font-size: 56px;
  }

  .page-id-58 .fl-builder-content-58 .tr-section-h2 .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .tr-section-h2 h2,
  .page-id-58 .fl-builder-content-58 .tr-on-blue-heading .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .tr-on-blue-heading h2,
  .page-id-58 .fl-builder-content-58 .adas-cta-h2 .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .adas-cta-h2 h2 {
    font-size: 40px;
  }
}

@media (max-width: 992px) {
  .page-id-58 .fl-builder-content-58 .tr-hero .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .tr-hero h1 {
    font-size: 46px;
  }

  .page-id-58 .fl-builder-content-58 .tr-section-h2 .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .tr-section-h2 h2,
  .page-id-58 .fl-builder-content-58 .tr-on-blue-heading .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .tr-on-blue-heading h2,
  .page-id-58 .fl-builder-content-58 .adas-cta-h2 .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .adas-cta-h2 h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .page-id-58 .fl-builder-content-58 .tr-hero .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .tr-hero h1 {
    font-size: 36px;
  }

  .page-id-58 .fl-builder-content-58 .tr-section-h2 .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .tr-section-h2 h2,
  .page-id-58 .fl-builder-content-58 .tr-on-blue-heading .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .tr-on-blue-heading h2,
  .page-id-58 .fl-builder-content-58 .adas-cta-h2 .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .adas-cta-h2 h2 {
    font-size: 30px;
  }

  .page-id-58 .fl-builder-content-58 .adas-measure .fl-rich-text,
  .page-id-58 .fl-builder-content-58 .adas-cta .fl-rich-text,
  .page-id-58 .fl-builder-content-58 .adas-cta .fl-rich-text p {
    max-width: 100%;
  }

  .page-id-58 .fl-builder-content-58 .fl-module.adas-pair {
    flex: 1 0 100%;
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 12px;
  }

  .page-id-58 .fl-builder-content-58 a.fl-button,
  .page-id-58 .fl-builder-content-58 .fl-button {
    padding-left: 24px !important;
    padding-right: 24px !important;
    white-space: normal;
  }

  .page-id-58 .fl-builder-content-58 .adas-system .fl-heading-text,
  .page-id-58 .fl-builder-content-58 .adas-system h3 {
    font-size: 14px;
  }
}

/* trenhams-group1-row-bg 2026-10-27 page-58 — appended; earlier page CSS left intact */
@media(min-width:1420px){
.fl-builder-content-58 .fl-node-adr1>.fl-row-content-wrap{background-image:url("https://dev.trenhams.co.uk/wp-content/uploads/2026/09/adas-hero-precut-diagonal-1600x900-1.png")!important;background-size:contain!important;background-position:right center!important;background-repeat:no-repeat!important;}
.fl-builder-content-58 .fl-node-adc1a{width:50%!important;}
.fl-builder-content-58 .fl-node-adc1b{width:50%!important;}
.fl-builder-content-58 .fl-node-adc1b>.fl-col-content{background-image:none!important;min-height:0!important;}
.fl-builder-content-58 .fl-node-adc1a .fl-module,.fl-builder-content-58 .fl-node-adc1a .fl-module-content{margin-top:0px!important;margin-bottom:0px!important;}
.fl-builder-content-58 .fl-node-adc1a .fl-module:has(>.fl-module-content){margin-top:0!important;margin-bottom:0!important;}
}
@media(min-width:1420px){
.fl-builder-content-58 .fl-node-adc1a a.fl-button{padding-left:24px!important;padding-right:24px!important;}
}
@media(max-width:1419px){
.fl-builder-content-58 .fl-node-adr1>.fl-row-content-wrap{background-image:none!important;}
}
@media(min-width:1420px){
.fl-builder-content-58 .fl-node-adr3>.fl-row-content-wrap{background-image:url("https://dev.trenhams.co.uk/wp-content/uploads/2026/10/ADAS-Recalibration.png")!important;background-size:contain!important;background-position:right center!important;background-repeat:no-repeat!important;}
.fl-builder-content-58 .fl-node-gkzmtqynuoc6{width:50%!important;}
.fl-builder-content-58 .fl-node-kncdj3z4w6qb{width:50%!important;}
.fl-builder-content-58 .fl-node-kncdj3z4w6qb>.fl-col-content{background-image:none!important;min-height:0!important;}
.fl-builder-content-58 .fl-node-adrecal109{display:none!important;}
.fl-builder-content-58 .fl-node-gkzmtqynuoc6 .fl-module,.fl-builder-content-58 .fl-node-gkzmtqynuoc6 .fl-module-content{margin-top:0px!important;margin-bottom:0px!important;}
.fl-builder-content-58 .fl-node-gkzmtqynuoc6 .fl-module:has(>.fl-module-content){margin-top:0!important;margin-bottom:0!important;}
}
@media(min-width:1420px){
.fl-builder-content-58 .fl-node-gkzmtqynuoc6 li{margin-bottom:3px!important;}
.fl-builder-content-58 .fl-node-gkzmtqynuoc6 ul{margin-top:0!important;margin-bottom:0!important;}
}
@media(max-width:1419px){
.fl-builder-content-58 .fl-node-adr3>.fl-row-content-wrap{background-image:none!important;}
.fl-builder-content-58 .fl-node-adrecal109{display:block!important;}
}
@media(min-width:1420px){
.fl-builder-content-58 .fl-node-adr8>.fl-row-content-wrap{background-image:url("https://dev.trenhams.co.uk/wp-content/uploads/2026/10/Specialised-Recalibration.png")!important;background-size:contain!important;background-position:right center!important;background-repeat:no-repeat!important;}
.fl-builder-content-58 .fl-node-ixk31r9dw4fl{width:50%!important;}
.fl-builder-content-58 .fl-node-vhdltwb6pcrx{width:50%!important;}
.fl-builder-content-58 .fl-node-vhdltwb6pcrx>.fl-col-content{background-image:none!important;min-height:0!important;}
.fl-builder-content-58 .fl-node-adspec99{display:none!important;}
.fl-builder-content-58 .fl-node-ixk31r9dw4fl .fl-module,.fl-builder-content-58 .fl-node-ixk31r9dw4fl .fl-module-content{margin-top:10px!important;margin-bottom:10px!important;}
.fl-builder-content-58 .fl-node-ixk31r9dw4fl .fl-module:has(>.fl-module-content){margin-top:0!important;margin-bottom:0!important;}
}
@media(max-width:1419px){
.fl-builder-content-58 .fl-node-adr8>.fl-row-content-wrap{background-image:none!important;}
.fl-builder-content-58 .fl-node-adspec99{display:block!important;}
}