/* ==========================================================
   blinkitambulance.in — livery accents
   Emergency-vehicle patterns: battenburg + chevrons.
   Generic to the ambulance category, not to any company.
   ========================================================== */

:root{ --batt:30px; }

/* battenburg: two offset rows of alternating blocks */
.batt{
  position:relative; display:block; height:18px; overflow:hidden;
}
.batt::before,.batt::after{content:""; position:absolute; left:0; right:0; height:9px}
.batt::before{
  top:0;
  background:repeating-linear-gradient(90deg,
    var(--green) 0 var(--batt), var(--yellow) var(--batt) calc(var(--batt) * 2));
}
.batt::after{
  top:9px;
  background:repeating-linear-gradient(90deg,
    var(--yellow) 0 var(--batt), var(--green) var(--batt) calc(var(--batt) * 2));
}
.batt-thin{height:8px}
.batt-thin::before{height:4px}
.batt-thin::after{top:4px; height:4px}

/* chevrons — rear-of-vehicle hazard markings */
.chevrons{
  display:block; height:24px;
  background:repeating-linear-gradient(115deg,
    var(--yellow) 0 20px, var(--green) 20px 40px);
}

/* the header carries a thin strip on its bottom edge */
.site-header{border-bottom:0 !important}
.site-header .batt-thin{position:absolute; left:0; right:0; bottom:0}

/* highlight mark — yellow only ever carries ink */
mark.hl{background:var(--yellow); color:var(--ink); padding:2px 7px; border-radius:5px; font-weight:700}

@media (max-width:760px){
  :root{--batt:22px}
  .chevrons{height:20px}
}
@media print{
  .batt,.chevrons{display:none !important}
}