/* Drive with Tracy V2 — approved revisions 1–9, 3 November 2026.
   Load AFTER tracy-v2-mobile-fixes.css; no changes to private pupil applications.
   Revisions 1–5 and 7–9 are mobile-first; revision 6 simplifies review flow site-wide. */

/* Review flow: the older dated/count summary was removed from HTML.
   Keep Facebook recommendations first and the single Google invitation below. */
#reviews .tr-fb-mark,
#facebook-recommendations .tr-fb-mark {background:#1877f2!important;color:#fff!important;}
#facebook-recommendations .tr-story-kicker {color:#d7e7ff!important;}
#facebook-recommendations .tr-story-kicker .tr-story-index{color:#b7c1c8!important;}
#facebook-recommendations .tr-story-quote-symbol{color:#93baff!important;}
#facebook-recommendations .tr-story-accent{background:#1877f2!important;}
#facebook-recommendations .tr-read-facebook{color:#a6c9ff!important;}
#facebook-recommendations .tr-story-tab:focus-visible{outline:2px solid #80b6ff;outline-offset:3px;}
#facebook-recommendations .tr-story-tab.is-active{background:#1877f2!important;color:#fff!important;border-color:#1877f2!important;}
#facebook-recommendations .tr-story-tab:hover{border-color:#8ab5ff!important;}

/* Additional lesson prices. Keep the original compact desktop appearance. */
.t-other-price-list{margin:8px 0;color:#d3d3d3;display:flex;flex-wrap:wrap;gap:0 7px;}
.t-other-price-row{display:inline;}
.t-other-price-row:not(:last-child)::after{content:' ·';color:#d3d3d3;margin-left:4px;}
.t-other-price-row b{font-weight:800;}

@media (max-width:760px){
  /* 1: Mobile hero paragraph: deliberate line flow with no orphan word. */
  .t-hero-redesign .t-hero-message .lead{
    max-width:36ch!important; margin:0 auto 19px!important;
    font-size:clamp(1rem,3.75vw,1.13rem)!important;
    line-height:1.55!important;text-wrap:pretty;
  }
  .t-hero-redesign .enquiry-cta{margin-top:12px!important;}
  .t-hero-redesign .v2-proof{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;max-width:340px!important;margin:22px auto 0!important;}
  .t-hero-redesign .v2-proof span{justify-self:stretch;text-align:center;}
  .site-header .brand img{max-width:170px!important;width:auto!important;height:auto!important;}

  /* 2: Training car intro and badges. */
  #experience + section.section .t-car-intro {gap:16px!important;margin-bottom:10px!important;}
  #experience + section.section .t-chips{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;max-width:320px;}
  #experience + section.section .t-chips span{text-align:center;padding:10px 13px!important;}
  #experience + section.section .t-car-intro + .container{padding-top:4px!important;}

  /* 3: Make all five existing car images larger, but fully visible. */
  #car-slider{width:100%!important;margin:0 auto!important;}
  #car-slider .slides{min-height:0!important;height:auto!important;aspect-ratio: 1.48!important;display:grid!important;place-items:center!important;}
  #car-slider .slide{width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;}
  #car-slider .slide img{width:100%!important;max-width:100%!important;max-height:100%!important;height:100%!important;object-fit:contain!important;}
  #car-slider .arrow{width:35px!important;height:35px!important;font-size:1rem!important;z-index:3;}
  #car-slider .prev{left:0!important;}#car-slider .next{right:0!important;}
  #car-slider .dots{margin-top:10px!important;}
  #experience + section.section{padding-bottom:34px!important;}

  /* 4: Pricing introduction. */
  #lessons .t-pricing-copy .v2-kicker{margin-bottom:13px!important;}
  #lessons .t-pricing-copy h2{margin-top:0!important;}

  /* 5: Price hierarchy, benefits and compact alternative list. */
  #lessons .t-other-price-list{display:grid;gap:0;margin:14px 0 12px;}
  #lessons .t-other-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:.9rem;line-height:1.4;}
  #lessons .t-other-price-row:not(:last-child)::after{display:none;}
  #lessons .t-other-price-row b{white-space:nowrap;font-variant-numeric:tabular-nums;}
  #lessons .t-pricing-feature h3{letter-spacing:-.025em;line-height:1.2!important;margin:18px 0 12px!important;}
  #lessons .t-price-big{font-weight:700!important;letter-spacing:-.045em!important;font-size:clamp(3rem,11vw,4.2rem)!important;line-height:1.12!important;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-variant-numeric:tabular-nums;}
  #lessons .t-price-big span{font-size:clamp(.75rem,2.85vw,.88rem)!important;line-height:1.35;color:#555!important;}
  #lessons .t-benefits{margin:17px 0 20px!important;}
  #lessons .t-benefits p{margin:9px 0!important;line-height:1.43!important;}

  /* 6: Facebook recommendations less bulky; single Google invitation. */
  #reviews .t-review-heading{gap:18px!important;}
  #facebook-recommendations .tr-feature-story{padding:23px 22px 21px!important;}
  #facebook-recommendations .tr-feature-quote{font-weight:690!important;font-size:clamp(1.12rem,4.25vw,1.37rem)!important;line-height:1.45!important;margin:12px 0 19px!important;}
  #facebook-recommendations .tr-story-quote-symbol{font-size:4rem!important;height:29px!important;}
  #facebook-recommendations .tr-story-signature strong{font-weight:750!important;}
  #facebook-recommendations .tr-story-signature span{font-size:.7rem!important;}
  #facebook-recommendations .tr-stories-bottom{padding:14px 17px 18px!important;}
  #facebook-recommendations .tr-story-tab{min-height:39px!important;width:39px!important;flex-basis:39px!important;border-radius:9px!important;}
  #facebook-recommendations .tr-story-tabs{gap:8px!important;}
  #reviews .t-leave-review{margin-top:25px!important;}

  /* 7: Aberdeen areas intro and pill rhythm. */
  #areas .t-areas-layout{gap:16px!important;}
  #areas h2{margin-bottom:8px!important;}
  #areas .t-area-tags{gap:9px!important;margin:17px 0 19px!important;}
  #areas .t-area-tags span{padding:9px 13px!important;}

  /* 8: Enquiry section copy, signing off and balanced contact links. */
  #contact .t-signoff{margin:21px 0 14px!important;line-height:1.5!important;}
  #contact .t-contact-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:21px!important;}
  #contact .t-contact-details a{display:flex!important;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:46px;padding:9px 7px;text-decoration:none;border:1px solid rgba(255,255,255,.24);border-radius:11px;color:#f3d7c0!important;font-size:clamp(.75rem,3.15vw,.95rem)!important;white-space:nowrap;}
  #contact .t-contact-details a span{font-weight:800;color:#ff951c;}
  #contact .t-contact-details a:focus-visible{outline:2px solid #ff951c;outline-offset:3px;}

  /* 9: Footer menu balance. All existing ABO logo/credit styles preserved. */
  .site-footer .t-footer-main{padding-top:26px!important;padding-bottom:24px!important;}
  .site-footer .t-footer-main nav{margin-top:24px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px!important;}
  .site-footer .t-footer-main nav a{min-width:0;}
  .site-footer .t-footer-main nav .t-footer-enquiry{grid-column:1/-1;text-align:center;justify-self:center;padding:10px 15px;border-top:1px solid rgba(255,255,255,.14);margin-top:2px;color:#ffad6d!important;}
  .site-footer .t-footer-bottom>span:first-child{max-width:34ch;text-wrap:balance;line-height:1.55!important;}
  .site-footer .t-footer-bottom{row-gap:16px!important;padding-top:20px!important;padding-bottom:22px!important;}

  /* Site-wide mobile WhatsApp: less intrusive, still >=44px tap target. */
  .wa-float{width:46px!important;height:46px!important;right:10px!important;bottom:68px!important;z-index:50!important;}
  .wa-float .wa-icon{width:24px!important;height:24px!important;}
}
@media(max-width:360px){
  #contact .t-contact-details a{font-size:.72rem!important;padding-inline:5px;}
  #contact .t-contact-details a span{font-size:.85em;}
}


/* Revision 10 — mobile-only corrections, 3 November 2026.
   No alteration to images, slideshow JavaScript, or private apps. */
@media (max-width:760px) {
  /* A: Fully centre the enlarged photos inside the slider viewport.
     Restore the original absolute slide stacking instead of grid layout. */
  #car-slider {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
    position:relative;
  }
  #car-slider .slides {
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
    overflow:hidden;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1.48!important;
  }
  #car-slider .slide {
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
  }
  #car-slider .slide img {
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
  #car-slider .arrow {
    top:50%!important;
    transform:translateY(-50%)!important;
    width:35px!important;
    height:35px!important;
  }
  #car-slider .arrow.prev{left:0!important;right:auto!important;}
  #car-slider .arrow.next{right:0!important;left:auto!important;}
  #car-slider .dots{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:10px auto 0!important;
  }

  /* B: Less empty black space after the hero benefit labels. */
  .t-hero-redesign {padding-bottom:18px!important;}
  .t-hero-redesign .t-hero-redesign-grid {padding-bottom:17px!important;}

  /* C: Anchor jumps clear the sticky navigation bar on small screens. */
  html {scroll-padding-top:calc(90px + env(safe-area-inset-top, 0px))!important;}
  #home, #about, #experience, #car-slider, #lessons,
  #reviews, #areas, #pupil-documents, #contact {
    scroll-margin-top:calc(90px + env(safe-area-inset-top, 0px))!important;
  }
}


/* Revisions 12–13 + mobile gallery corrective patch, 3 Nov 2026.
   Deliberately scoped: public homepage only; desktop photo behaviour unchanged. */

/* R12: Tracy orange, overriding the old grey mobile rule. */
#about .t-meet-heading .t-meet-accent {
  color:#ff951c!important;
}

@media (max-width:760px) {
  /* Centre the actual photo inside the full-width slide, not relative to
     its variable natural ratio. Original fade / dot JavaScript is untouched. */
  #car-slider {position:relative!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
  #car-slider .slides {position:relative!important;display:block!important;width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:1.48!important;overflow:hidden!important;margin-inline:auto!important;}
  #car-slider .slide {position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
  #car-slider .slide img {position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;}
  #car-slider .prev {left:0!important;right:auto!important;}
  #car-slider .next {right:0!important;left:auto!important;}
  #car-slider .dots {justify-content:center!important;margin-inline:auto!important;}

  /* R13: Four minimal contact cards, equal padding and no symbol glyphs. */
  #contact .t-contact-details {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;}
  #contact .t-contact-details a {box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:48px!important;padding:10px 9px!important;gap:0!important;text-align:center!important;white-space:normal!important;line-height:1.25!important;font-size:clamp(.79rem,3.15vw,.93rem)!important;font-weight:650!important;}
}