/* ==========================================================================
   SCRAPMYCAR.NET – SITE STYLES (Bootstrap 3)
   ========================================================================== */

/* Theme tokens */
:root{
  --brand:#96ca2d; --brand-dark:#83b224;
  --ink:#595959; --ink-2:#525252; --ink-3:#333;
  --muted:#888; --line:#eaeaea; --line-2:#eee;
  --bg-soft:#fafafa; --white:#fff;
}

/* Base */
html,body{height:100%}
body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
p{font-size:15px;line-height:1.6;margin:0 0 12px}
h1,h2,h3,h4{color:var(--ink-3);line-height:1.25;margin-top:0}
a{color:var(--ink-2);text-decoration:none;outline:0}
a:hover,a:focus{color:var(--ink-3);text-decoration:none}

/* Utilities */
.margin-3px{margin:3px}
.txt_c{text-align:center}
.f-wt-700{font-weight:700}

/* Buttons */
.custom-btn .btn{background:transparent;color:#aeaeae;transition:background .2s,border .2s,color .2s}
.custom-btn .btn-default{color:#333;background:#fff;border:1px solid var(--ink-2);text-shadow:none}
.custom-btn .btn-default:hover,.custom-btn .btn-default:focus{color:#333;background:#fff;border-color:var(--ink-2)}
.btn-success{color:#fff;background:var(--brand);border-color:var(--brand)}
.btn-success:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.btn-primary{color:#fff;background:var(--ink);border-color:var(--ink)}
.btn-primary:hover{background:#303030;border-color:#303030}
.ao_form_div .btn-lg{width:100%;margin:20px 0;font-size:26px;font-weight:700;text-transform:uppercase}

/* Nav */
.navbar-nav li{font-family:'Roboto',sans-serif,"Helvetica Neue";font-size:17px}
.navbar-nav li:hover{background:var(--brand);color:#fff}
.navbar-default .navbar-nav>li>a{color:var(--ink)}
.navbar-default .navbar-nav>li>a:hover{color:#fff}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{background:var(--brand);color:#fff}

/* Logo row */
.logotop{padding-top:50px;font-family:'Roboto',sans-serif,"Helvetica Neue"}
.logotop h2{font-family:'Shadows Into Light',cursive;font-size:23px;color:var(--brand)}

/* Quote box */
.quote{width:100%;background:var(--brand);border-radius:12px;margin-bottom:20px;text-align:center;padding:16px 16px 14px;color:#fff}
.quote h2{color:#fff;font-family:'Roboto',sans-serif,"Helvetica Neue";margin:6px 0 10px}
.quote p{font-family:'PT Sans',sans-serif;font-size:18px;color:#fff;margin-bottom:10px}
.quote .input-group{padding:10px}
.quote .input-group-addon:first-child{font-size:20px}
.quote .btn{background:#fff;color:var(--ink);margin-top:12px;font-size:18px;font-family:'Roboto',sans-serif,"Helvetica Neue"}
.quote .btn-default:hover{background:var(--ink);color:var(--brand)}
.quote-rating{display:block;align-items:center;justify-content:center;gap:8px;font-size:.95rem;margin:4px 0 8px}
.quote-subline{font-size:.92rem;margin-top:2px;opacity:.95}
.quote input#reg_no,.quote input#postcode,input[type=text]#postcode{text-transform:uppercase}
.reg input[type=text],.reg textarea{background:#ffcb00;color:#000;border-color:#ffcb00}
.reg .input-group-addon:first-child{background:#039;color:#fff;border-color:#039}

/* Reviews band */
.reviewbanner{background:linear-gradient(180deg,rgba(150,202,45,.08) 0,rgba(150,202,45,.02) 100%),var(--bg-soft);padding:50px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.reviewbanner .lead{margin-bottom:20px;color:var(--ink-2);text-align:center}
p.quote-rating {
    margin-bottom: 15px;
}
/* Trustpilot badge */
.tp-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-3);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.tp-badge img{height:18px;width:auto;display:block}
.tp-badge span{font-size:.95rem}
.tp-badge strong{font-weight:700}
.tp-badge:hover{box-shadow:0 2px 10px rgba(0,0,0,.08)}

/* REVIEW CARDS — green border, no grey background */
.reviewbox{background:#fff;border:2px solid var(--brand);border-radius:12px;padding:18px;margin-bottom:22px;text-align:left;transition:transform .18s ease,box-shadow .18s ease}
.reviewbox .rating img{max-width:120px;margin-bottom:10px}
.reviewbox .date{font-size:.9em;color:var(--ink);margin-bottom:8px}
.reviewbox .title{font-size:1.1em;font-weight:700;margin:0 0 10px;color:var(--ink-3)}
.reviewbox .description{font-size:.97em;line-height:1.6;margin-bottom:12px;color:var(--ink-3)}
.reviewbox .author{font-weight:600;color:var(--ink-3)}
.reviewbox-link{display:block;color:inherit;text-decoration:none}
.reviewbox-link:hover .reviewbox{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.10)}

/* Carousel controls (Bootstrap 3) */
#reviewsCarousel .left.carousel-control,
#reviewsCarousel .right.carousel-control{background:none;width:48px;opacity:1;text-shadow:none}
#reviewsCarousel .left.carousel-control span,
#reviewsCarousel .right.carousel-control span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e8e8e8;color:var(--ink-3);font-size:22px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
#reviewsCarousel .left.carousel-control:hover span,
#reviewsCarousel .right.carousel-control:hover span{background:var(--brand);color:#fff;border-color:var(--brand)}

/* Footer */
.footer{width:100%;background:#f7f7f7;margin-top:80px;border:1px solid #f8f8f8;padding:40px 0}
.footer h2{color:var(--brand);font-size:20px;margin:0 0 10px}
.footer p{text-align:left;margin:0 0 8px}
.bottomfooter{text-align:center;color:#fff;background:var(--ink);padding:10px}
.bottomfooter p{margin-bottom:0}

/* Pagination */
.pagination>li>a,.pagination>li>span{float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:var(--brand);background:#fff;border:1px solid #ddd}

/* Misc legacy blocks */
.counties{background:var(--brand);min-height:50px;width:20%;border-radius:12px}
.counties h2{text-align:center;padding-top:5px;color:#fff}
.home3 .col-md-4{margin-bottom:20px;min-height:250px}
.home3 .col-md-4:hover{border-top:4px solid #d2d0d0}
.dl-quote dt{width:200px;text-align:left;font-weight:400;font-size:16px}
.dl-quote dd{margin-left:220px;font-weight:700;font-size:16px}

/* Slot booking (preserved) */
.slot_div{width:100%;border:2px solid grey;border-radius:8px;display:flex;flex-wrap:wrap;background:#ccc;overflow-x:auto;margin:0 0 20px}
.slot_box{border-right:1px solid grey;text-align:center;font-size:13px;color:#333;flex:1 0}
.slot_box>div{border-top:1px solid grey;height:55px;background:#efefef;font-size:22px}
.slot_box>span{padding:15px 5px 10px;display:block;font-weight:700;color:#333;font-size:16px;border-bottom:1px solid #555;background:#fff}
.slot_box div.all-day{padding:33px 0;height:110px;line-height:1}
.slot_box div.disabled{pointer-events:none;opacity:.4}
.slot_ampm{position:relative;cursor:pointer}
.slot_ampm label{cursor:pointer;padding:21px 10px;height:55px;font-weight:400;width:100%}
.slot_ampm input[type=radio]{opacity:0;position:absolute}
.slot_ampm input[type=radio]:checked+label{background:linear-gradient(#c2d81f,#aabd18);box-shadow:inset 0 0 10px -6px rgba(0,0,0,.6);text-shadow:0 1px 4px rgba(0,0,0,.4);color:#fff;font-weight:700}

/* Responsive */
@media (max-width:991px){
  .reviewbox{min-height:auto}
  .quote .btn{font-size:17px}
}
@media (max-width:767px){
  .quote{padding:14px}
  .quote p{font-size:17px}
}
.reviews-grid {
  margin-top: 20px;
}
.reviews-grid .col-md-4 {
  margin-bottom: 24px;
}
/* Steps band + cards */
.steps-band{padding:20px 0 10px}
.step-card{
  position:relative;background:#fff;border:1px solid #e7f1cf;border-radius:16px;
  padding:22px 18px 18px;margin-bottom:20px;min-height:260px;
  box-shadow:0 6px 22px rgba(150,202,45,.12);
  transition:transform .18s ease,box-shadow .18s ease;
}
.step-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(150,202,45,.18)}
.step-badge{
  position:absolute;top:-14px;left:-14px;width:38px;height:38px;border-radius:50%;
  background:#96ca2d;color:#fff;font-weight:700;font-size:18px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.12)
}
.step-icon{
  width:64px;height:64px;border-radius:14px;margin-bottom:12px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(150,202,45,.18),rgba(150,202,45,.10));
  border:1px solid #e7f1cf
}
.step-icon svg{width:38px;height:38px}
.step-icon svg rect,.step-icon svg circle,.step-icon svg path{stroke:#6e8e1c;fill:transparent}
.step-icon svg rect:first-child{fill:#dff0b3}
.step-card h4{margin:8px 0 8px;font-size:20px;font-weight:700;color:#2e2e2e}
.step-card p{margin:0;font-size:16px;line-height:1.55;color:#444}
@media(max-width:767px){.step-card{min-height:auto}}
.step-icon { width:72px; height:72px; }
.step-icon svg { width:72px; height:72px; display:block; }
/* ==========================================================================
   TYPOGRAPHY – GLOBAL SIZE UPGRADE
   ========================================================================== */

/* Base text */
body, p {
  font-size: 17px;   /* up from 15px */
  line-height: 1.65;
  color: var(--ink);
}

/* Headings */
h1 { font-size: 2.2em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.3em; }

/* Quote box text */
.quote p {
  font-size: 19px;   /* was 18px */
  line-height: 1.55;
}

/* Step card text */
.step-card p {
  font-size: 17px;
  line-height: 1.6;
}

/* Footer text */
.footer p {
  font-size: 16px;
  line-height: 1.5;
}
.footer h2 {
  font-size: 22px; /* slightly larger headings in footer */
}

/* Buttons */
.btn,
.quote .btn {
  font-size: 19px;
}


@media(max-width:767px){
.logotop {
    padding-top: 10px;
}
	.quote {
    
    margin-bottom: 10px;
  
}
	.quote h2 {
    color: #fff;
    font-family: 'Roboto', sans-serif, "Helvetica Neue";
    margin: 0px 0 0px;
}
	
p.quote-rating{
	    margin-bottom: 0px;
}
	p.breadcrumbs {
    margin: 0 0 5px;
}
	.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 10px;
    border: 1px solid transparent;
}
	
}