/* CarsUsed.ca V11 — regional directory hero cleanup.
   User-approved direction: use the cleaner scenic/mobile-friendly treatment
   across ALL province and territory dealer pages, and never surface a
   zero-value live-vehicle badge. Live HTML copy/cards remain unchanged. */

/* UNIVERSAL REGION HERO STYLE
   Matches the previously approved clean layout used on SK, MB, NS, NB, NL,
   NT, PEI and YT, then applies that same treatment to ON, QC, BC and AB. */
@media (min-width:801px){
  .v7-region-directory{
    background:#f8fbff !important;
  }
  .v7-region-directory::before{
    inset:0 0 -112px !important;
    background-image:var(--v7-directory-banner) !important;
    background-size:auto 100% !important;
    background-position:right top !important;
    background-repeat:no-repeat !important;
    background-color:#f8fbff !important;
    -webkit-mask-image:linear-gradient(to right, transparent 0%, transparent 51%, #000 76%) !important;
    mask-image:linear-gradient(to right, transparent 0%, transparent 51%, #000 76%) !important;
    filter:saturate(1.12) brightness(1.035) !important;
  }
  .v7-region-directory::after{
    inset:0 0 -112px !important;
    background:
      linear-gradient(90deg, white 0%, white 33%, rgba(255,255,255,.97) 49%, rgba(255,255,255,.50) 66%, transparent 90%),
      linear-gradient(180deg, transparent 50%, rgba(255,255,255,.08) 65%, white 100%) !important;
  }
}

@media (max-width:800px){
  .v7-region-directory{
    background:#f8fbff !important;
  }
  .v7-region-directory::before{
    inset:0 0 -105px !important;
    background-image:var(--v7-directory-mobile) !important;
    background-size:auto 100% !important;
    background-position:right top !important;
    background-repeat:no-repeat !important;
    background-color:#f8fbff !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    filter:saturate(1.12) brightness(1.03) !important;
  }
  .v7-region-directory::after{
    inset:0 0 -105px !important;
    background:
      linear-gradient(90deg, white 0%, rgba(255,255,255,.95) 42%, rgba(255,255,255,.67) 78%, rgba(255,255,255,.28) 100%),
      linear-gradient(180deg, transparent 45%, white 100%) !important;
  }
}

/* FINAL SAFETY: if a region has zero feed vehicles, never show an empty badge.
   PHP already suppresses the count, but this protects against stale HTML cache. */
.v2-region-summary span:empty,
.v2-region-card em:empty{
  display:none !important;
}