/* ==========================================================================
   QUICK JUMPSTART - CAR BRANDS

   Loaded only on the "Car Brands We Serve" page and its brand pages (see
   qjs_is_brand_section() in functions.php). It adds no new design language:
   every rule below leans on tokens already declared in style.css.

   Three jobs, nothing else.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. BRAND TILES ARE LINKS NOW

   Each tile on the Car Brands page is an <a> pointing at that brand's own
   page. The tile is styled entirely by .qjs-brand, so the swap from <div> to
   <a> changed nothing - except that Elementor's frontend reset carries
   `.elementor a{box-shadow:none}`, which out-ranks .qjs-brand and flattened
   the tile's resting shadow. These two rules hand it back at a specificity
   that clears the reset. Values are the same tokens style.css already uses.
   -------------------------------------------------------------------------- */
.elementor a.qjs-brand{box-shadow:var(--sh-sm);}
.elementor a.qjs-brand:hover{box-shadow:var(--sh);}

/* --------------------------------------------------------------------------
   2. BRAND MARK

   The hero on each brand page carries the marque's own logo above the H1.
   Those files are dark-on-transparent - they were drawn for the white tiles
   on the Car Brands page - so on the navy hero each one sits on a white
   plate. Same radius and same resting shadow as every other small surface.
   -------------------------------------------------------------------------- */
.qjs-brandmark{width:auto;}
.qjs-brandmark img{display:block;
  width:auto;height:34px;
  box-sizing:content-box;
  background:var(--surface);
  border-radius:var(--r-sm);
  padding:9px 14px;
  box-shadow:var(--sh-sm);}
@media(max-width:767px){
.qjs-brandmark img{height:28px;padding:8px 12px;}
}

/* --------------------------------------------------------------------------
   3. EMPTY CONTENT SECTIONS

   Every brand page ships with its content sections - Brand Introduction,
   Brand Image, Brand Services, Brand Content, Brand FAQ - already in place,
   named in the Navigator and already carrying the site's section padding, but
   empty: the copy is the developer's to write.

   An empty section would otherwise render as a blank band on a live page, so
   one stays out of the flow until it holds something, and appears - correctly
   spaced, no set-up needed - the moment a widget is dropped in.

   The editor is deliberately excluded: there the empty drop zone is the point.
   -------------------------------------------------------------------------- */
body:not(.elementor-editor-active) .qjs-brandsec:not(:has(> .e-con-inner > *)){display:none;}