/* MTIB fixes — separate versioned file so CSS updates reach visitors immediately
   (custom.css is cached 7 days). Bump the filename to push a change. v4 2026-09-21. */

/* ============================================================================
   1) Office-location map markers (Widgetkit map-marker popover, UIkit3 markup) */
.tm-content [uk-marker]{
  display:block;width:16px;height:16px;margin-left:1px;margin-top:-2px;
  background:#1e87f0;border:2px solid #fff;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);box-shadow:0 2px 4px rgba(0,0,0,.4);cursor:pointer;
  transition:filter .15s ease;
}
.tm-content [uk-marker]::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:#fff;border-radius:50%;}
.tm-content [uk-marker]:hover{filter:brightness(1.12) drop-shadow(0 2px 3px rgba(0,0,0,.3));}
.tm-content .uk-position-absolute>[uk-drop]{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:12px;width:250px;max-width:72vw;z-index:1000;}
.tm-content .uk-position-absolute:hover>[uk-drop],.tm-content .uk-position-absolute>[uk-drop]:hover{display:block;}

/* ============================================================================
   2) UIkit 3 responsive visibility on a UIkit 2 site (@s = 640px) */
@media (min-width:640px){ .uk-hidden\@s{display:none !important;} }
@media (max-width:639px){ .uk-visible\@s{display:none !important;} }

/* ============================================================================
   3) UIkit 3 GRID + child-width compatibility on a UIkit 2 site.
   Widgetkit (newer) outputs `uk-grid` (attribute) with `uk-child-width-1-N@bp`,
   which UIkit 2 does not understand, so every grid collapsed to one column.
   Target the `[uk-grid]` attribute only (UIkit 2 uses class .uk-grid /
   attribute data-uk-grid, so this does not touch template grids). */
[uk-grid]{display:flex;flex-wrap:wrap;margin:-30px 0 0 -30px;}
[uk-grid]>*{padding-left:30px;margin-top:30px;box-sizing:border-box;}
[uk-grid].uk-grid-small,[uk-grid][class*="grid-small"]{margin:-15px 0 0 -15px;}
[uk-grid].uk-grid-small>*,[uk-grid][class*="grid-small"]>*{padding-left:15px;margin-top:15px;}
[uk-grid].uk-grid-collapse{margin:0;}
[uk-grid].uk-grid-collapse>*{padding-left:0;margin-top:0;}

/* base (all widths) */
.uk-child-width-1-1>*{width:100%;}
.uk-child-width-1-2>*{width:50%;}
.uk-child-width-1-3>*{width:33.333%;}
.uk-child-width-1-4>*{width:25%;}
.uk-child-width-1-5>*{width:20%;}
.uk-child-width-1-6>*{width:16.666%;}
/* @s = 640px */
@media (min-width:640px){
  .uk-child-width-1-1\@s>*{width:100%;}
  .uk-child-width-1-2\@s>*{width:50%;}
  .uk-child-width-1-3\@s>*{width:33.333%;}
  .uk-child-width-1-4\@s>*{width:25%;}
  .uk-child-width-1-5\@s>*{width:20%;}
  .uk-child-width-1-6\@s>*{width:16.666%;}
}
/* @m = 960px */
@media (min-width:960px){
  .uk-child-width-1-1\@m>*{width:100%;}
  .uk-child-width-1-2\@m>*{width:50%;}
  .uk-child-width-1-3\@m>*{width:33.333%;}
  .uk-child-width-1-4\@m>*{width:25%;}
  .uk-child-width-1-5\@m>*{width:20%;}
  .uk-child-width-1-6\@m>*{width:16.666%;}
}
/* @l = 1200px */
@media (min-width:1200px){
  .uk-child-width-1-2\@l>*{width:50%;}
  .uk-child-width-1-3\@l>*{width:33.333%;}
  .uk-child-width-1-4\@l>*{width:25%;}
  .uk-child-width-1-5\@l>*{width:20%;}
  .uk-child-width-1-6\@l>*{width:16.666%;}
}
/* UIkit 3 explicit width utilities (some widgets use these instead) */
@media (min-width:640px){
  .uk-width-1-2\@s{width:50%;}.uk-width-1-3\@s{width:33.333%;}.uk-width-1-4\@s{width:25%;}
}
@media (min-width:960px){
  .uk-width-1-2\@m{width:50%;}.uk-width-1-3\@m{width:33.333%;}.uk-width-1-4\@m{width:25%;}.uk-width-2-3\@m{width:66.666%;}
}

/* grid-match / height-match: equal-height children */
[uk-grid].uk-grid-match>*,[uk-height-match]>*{display:flex;}
[uk-grid].uk-grid-match>*>*,[uk-height-match]>*>*{width:100%;}

/* ============================================================================
   4) UIkit 3 CARD compatibility (UIkit 2 has no .uk-card) */
.uk-card{position:relative;box-sizing:border-box;}
.uk-card-body{padding:25px;}
.uk-card-default{background:#fff;color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08);}
.uk-card-default .uk-card-title{color:#333;}
.uk-card-media-top img,.uk-card-media-top{width:100%;}
.uk-card-hover:hover{box-shadow:0 14px 25px rgba(0,0,0,.16);}
.uk-card-small .uk-card-body{padding:15px;}
.uk-card-title{font-size:1.25rem;line-height:1.4;margin:0 0 .5em;}

/* hover cards on the office map still need their own look */
.tm-content [uk-drop] .uk-card{background:#fff;border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,.35);overflow:hidden;text-align:left;}
.tm-content [uk-drop] .uk-card-media-top img{display:block;width:100%;height:auto;}
.tm-content [uk-drop] .uk-card-body{padding:10px 14px;}
.tm-content [uk-drop] .uk-card-body h3{margin:0 0 6px;font-size:15px;line-height:1.2;}