/* Start:/local/templates/union/assets/css/union_parking.css?17905423125345*/
/* UNION contact page: parking section. Added 2026-09-26.
   Loaded by /local/components/anahata/gallery/templates/contact_union_hw/template.php
   via $this->addExternalCss().

   Every selector is scoped under #union-parking. Two reasons, both learned the hard way:
   nothing in here can leak into the rest of the site (the class names are generic), and an
   id selector outranks the template's own h2/section rules without resorting to !important.
   The old markup used id="links_hw", which the template styles as a centred flex container
   with a 10px margin on every <a>; that id is deliberately not reused. */

/* The Google Maps iframe above ends only 6px (desktop) / 10px (mobile) from this heading,
   so the section needs its own breathing room. Padding, not margin, to avoid collapsing
   into the iframe's container. */
#union-parking{font-family:'Sailec Light',Arial,sans-serif;color:#12161c;font-size:17px;line-height:1.55;text-align:left;padding-top:34px}
#union-parking h2{font-family:'Sailec Bold',Arial,sans-serif;font-size:21px;margin:0 0 6px;text-align:left}
#union-parking h3{font-family:'Sailec Bold',Arial,sans-serif;font-size:18px;margin:0;text-align:left}
#union-parking p{margin:0 0 9px}
#union-parking .lead{color:#4a535f;font-size:15.5px;margin-bottom:16px}
#union-parking a{color:#FDC300;text-decoration:underline;word-break:break-word}
#union-parking .lbl{font-family:'Sailec Bold',Arial,sans-serif}
#union-parking .muted{color:#5c6673;font-size:14.5px}

#union-parking .opt{border-top:1px solid #eceff3;padding:16px 0 2px}
#union-parking .opt:first-of-type{border-top:0}
#union-parking .opt-head{display:flex;align-items:center;gap:9px;margin-bottom:6px}
#union-parking .num{width:25px;height:25px;border-radius:50%;background:#12161c;color:#fff;
  font-family:'Sailec Bold',Arial,sans-serif;font-size:14px;display:flex;align-items:center;
  justify-content:center;flex:0 0 auto}

#union-parking .best{border-left:4px solid #FDC300;background:#fffbea;padding:12px 14px;
  border-radius:0 9px 9px 0;margin:2px 0 4px}
#union-parking a.cta{display:inline-block;margin:9px 8px 0 0;background:#FDC300;color:#11202e;
  font-family:'Sailec Bold',Arial,sans-serif;text-decoration:none;padding:12px 19px;
  border-radius:999px;font-size:15.5px;min-height:46px;line-height:22px}
#union-parking a.cta:hover{background:#e9b400}

/* Uber cannot be given a correct destination from a link: it renames any pin we send after the
   nearest business in its own index, and this block resolves to a neighbour.  So the Uber button
   opens the app with no destination and the address is offered here to copy. */
#union-parking .copyline{margin:11px 0 2px;font-size:15px;line-height:22px}
#union-parking button.addrcopy{display:inline-block;margin-top:7px;min-height:46px;
  background:#fff;border:2px solid #FDC300;color:#11202e;border-radius:999px;
  font-family:'Sailec Bold',Arial,sans-serif;font-size:15.5px;line-height:22px;
  padding:10px 18px;cursor:pointer;-webkit-appearance:none;appearance:none}
#union-parking button.addrcopy:hover{background:#fffbea}
#union-parking button.addrcopy .done{display:none;font-family:Arial,sans-serif;font-size:14px}
#union-parking button.addrcopy.copied .lbl{display:none}
#union-parking button.addrcopy.copied .done{display:inline}

#union-parking .warnbox{background:#fff6e6;border-left:4px solid #e8a400;padding:12px 13px;
  border-radius:0 9px 9px 0;margin:12px 0 2px;font-size:15.5px;line-height:1.5}

#union-parking .streets{list-style:none;margin:6px 0 8px;padding:0}
#union-parking .streets li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;
  border-bottom:1px solid #eceff3;font-size:16.5px}
#union-parking .streets li:last-child{border-bottom:0}
#union-parking .streets li span:first-child{font-family:'Sailec Bold',Arial,sans-serif}
#union-parking .streets .w{font-family:'Sailec Bold',Arial,sans-serif;color:#5c6673;white-space:nowrap}

#union-parking img.map{width:100%;height:auto;border-radius:9px;margin:10px 0 3px;display:block}
#union-parking .legend{margin:10px 0 7px;display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}
#union-parking .legend li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:#39424e;line-height:1.4}
#union-parking .legend b{font-family:'Sailec Bold',Arial,sans-serif;color:#12161c}
#union-parking .legend i.sw{width:22px;height:7px;border-radius:4px;flex:0 0 auto;margin-top:6px}
#union-parking .legend i.green{background:#3ec93a}
#union-parking .legend i.amber{background:#FFB000}

/* One markup, both layouts: stacked on a phone, two columns from 820px up. */
#union-parking .grid{display:grid;grid-template-columns:1fr;gap:4px}
#union-parking .grid-map{margin-top:16px;border-top:1px solid #eceff3;padding-top:16px}
@media (min-width:820px){
  #union-parking .grid{grid-template-columns:1fr 1fr;gap:38px;align-items:start}
  #union-parking .grid-map{margin-top:0;border-top:0;padding-top:0}
  #union-parking{font-size:17.5px;padding-top:56px}
}

/* The map is a 2264px graphic shown ~330px wide on a phone, so its street labels are
   unreadable at that size. Make it open full size on tap; the link must not inherit the
   yellow underline the section gives other anchors. */
#union-parking a.map-link{display:block;text-decoration:none;border:0}
#union-parking .tapnote{margin-top:2px}

/* End */


/* Start:/local/components/anahata/feedback/templates/union_studio/style.css?169426712269*/
[name="engineer_select"]:focus .disable-selected {
	display: none;
}

/* End */
/* /local/templates/union/assets/css/union_parking.css?17905423125345 */
/* /local/components/anahata/feedback/templates/union_studio/style.css?169426712269 */