/* 

**********************************************
******************** MAPS *******************
**********************************************
**************** nov '25 --aap ***************

*/


/*  under 992 -- reverse the columns so the map appears BEFORE the filters */


@media (max-width: 992px) {
  #map_landing #col1 {
    display: flex;
    flex-direction: column-reverse;
    gap: 1em;
  }

  #map_landing #s-lc-map-content-div {
    display: flex;
    flex-direction: column-reverse;
  }
}
 
@media (max-width: 768px) { 

  /* up the font size for Finders sidebar on mobile */
  #map_landing .s-lc-map-pills.nav-tabs > li > a,
  /* #map_landing .s-lc-close-list > a, */
  #map_landing #col1 .tab-content,
  #map_landing .btn-group-sm > .btn, 
  #map_landing .btn-sm  { 
    font-size: var(--ua-type-1);
  }

  #map_landing #s-lc-public-bc {
    display: none;
  }

  #map_landing button.s-lc-desktop-only {
    display:block!important;
  }

  #map_landing .s-lc-close-list > a {
    display: block;
    padding-block: 0.5em;
  }

  #map_landing #s-lc-public-pd {
    display: none;
  }

  #map_landing .s-lc-map-breadcrumbs li {
    display: block;
    padding: 5px;
  }

  #map_landing .breadcrumb > li {
    display: inline-block;
  }

  /* Map container below 768 just fits content -- here, content not that wide, so giving it some */
  
  #map_landing .container {
      width: 90vw;
      margin: auto;
  }

  #map_landing .col-md-9.s-lc-map-content,
  #map_landing #s-lc-map-content-div {
    padding-right: /* 5px; */ 0;
    padding-left: /* 3px; */ 0;
  }
/* 
  #map_landing .s-lc-public-main {
    margin-top: 0px;
    padding-top: 0px;
  } */


}


/*
*** Hide Events Finder Tab -- code from SS, test by LP ***
*/


#col1 > div.col-md-3.s-lc-map-sidebar.margin-bottom-med 
> div > ul > li:nth-child(2) {
    display: none;
}

/***/

#map_landing .modal-body .s-lc-section-header {
  padding: 0rem;
}

#map_landing #s-lc-public-main > .row, .s-lc-row {
  background-color: /* var(--white-color); */ transparent;
  padding-inline: /* clamp(1rem, 0.3043rem + 3.4783vw, 3rem); */ unset;
  box-shadow: /* 0.5rem 0.5rem 0.75rem -0.5rem #AAAAAA; */ unset;
}


/*
*** left col needs to be wider to fit all the Finders - bad bootstrap class choices, so hack > better class widths ***
    - switch col-md-3 > col-md-4 width 
         and col-md-9 > col-md-8 width.       * 11/4/25 --aap
*/


@media (min-width: 992px) {
  #map_landing .col-md-3 {
    width:33.33333333%
  }
  #map_landing .col-md-9 {
    width:66.66666667%
  }
}



/* for some reason... SS uses 'input-sm' on these filter inputs that it does not use 
in any other LibCal app... ?? so this resets them to bs3 standards to match... 
                                        * 11/4/25 --aap */

#map_landing .form-control.input-sm {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}


/*
*** minimum target size for btns please ***
*/
/* 
#map_landing .btn-primary.btn-sm {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
}
 */
#map_landing .btn-group-xs > .btn, 
#map_landing .btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

#map_landing .s-lc-map-move-up-down {
  margin: 2px 17px;
}

#map_landing .s-lc-map-zoom-controls {
  top: 8px;
  right: 8px;
}



#map_landing main .btn {
   border: 1px solid var(--ua-gold);
   /* background-color: var(--ua-gold-mid); */
}

#map_landing .s-lc-map-legend > * {
  margin-top: 5px;
  display: block;
}

#map_landing .s-lc-map-legend > br {
  display: none;
}

/*
*** Maps Sidebar ***
*/

#map_landing {
  --ua-type-base: clamp(1.125rem, calc(0.91rem + 0.43vw), 1.5rem)
}

#map_landing p {
  line-height: 1.5;
}

#map_landing #col1 .tab-content {
  box-shadow: /* 0.5rem 0.5rem 0.75rem -0.5rem #AAAAAA; */ unset;
  border-left: /* 1px solid #ddd; */ 1px solid transparent;
}

#map_landing .s-lc-map-sidebar {
  padding-inline: 0;
}

@media (min-width: 768px) {
  #map_landing .s-lc-map-sidebar {
    min-height: unset;
  }
}

#map_landing .s-lc-map-sidebar {
  background-color: /* #eee; */ transparent;
  padding-top: /* 15px; */ 0;
  border-radius: /* 4px 0 4px 4px; */ 0 0 0 0;
}

#map_landing .s-lc-map-pills.nav-tabs > li > a {
  border: 1px solid /* transparent;  */ var(--ua-purple-light);
  border-bottom: 1px solid transparent;
  text-decoration: none;
  transition: all 500ms;
}

#map_landing .s-lc-map-pills.nav-tabs > li.active > a {
  border: 1px solid /* transparent;  */ var(--ua-purple);
}

#map_landing .s-lc-map-pills.nav-tabs > li:not(.active) > a:hover {
  border: 1px solid /* transparent;  */ var(--ua-gold);
  background: var(--ua-gold);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

#map_landing .s-lc-map-pills.nav-tabs {
  border-bottom: 1px solid var(--ua-purple);
}

#map_landing .s-lc-map-sidebar-cont .tab-content {
  padding: 1em 0.5em;
}

#map_landing .s-lc-map-sidebar-btn-left {
  position: absolute;
  margin-top: 0.5em;
  margin-right: 0.5em;
  right: 0;
}

#map_landing .s-lc-map-sidebar-btn-vert-right {
  margin: 0.5em 0 0 0.5em !important;
}



/* 
.s-lc-map-event-results > * {
  margin-bottom: 1em;
} */

#map_landing .s-lc-map-event {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 6px;
}

#map_landing .s-lc-map-event > * + *  {
   margin-bottom: 1em;
}

@media (min-width: 768px) {
  #map_landing .s-lc-map-filters-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #map_landing .s-lc-map-filters-link a {
    display: block;
    padding-top: 1rem;
    padding-bottom: 2rem;
    font-size: var(--ua-type-1);
    border-left: 5px solid var(--ua-gold);
    padding-left: 1rem; 
    margin-left:  calc((-1)*(1rem + 5px));
  }
}


/*
*** MAPS CONTAINER ***
*** col-md-9 ***

*/



#map_landing .s-lc-map-breadcrumbs {
  border-radius: /* 0 4px 4px 0; */ 0 0 0 0;
  margin: /* 0 -15px 15px -15px !important; */ 0 0 20px 0; /* match bs */
  padding-left: /* 17px; */ 15px; /* match bs */
  background-color: /* #eee !important;  */ transparent !important;
}



/*  focus indicator dissappears in FF -- not an outline offset issue, keep debugging...  */ 
/* 
#s-lc-map-image svg a:focus,
#s-lc-map-image svg a:focus-visible {
  outline: dotted 2px var(--ua-gold);
  outline-offset: 0px;
  border: 3px solid var(--ua-gold);
} */



/*
*** Map Controls -- Zoom and Move *********** dont need - reported as a11y bug to SS 11-11-25 --aap
*/
/* 
.s-lc-map-zoom-controls {
  top: 20px;
  right: 18px;
}

.s-lc-map-zoom-controls br {
  display: none;
}

.s-lc-map-move-controls {
  right: 18px;
  bottom: 8px;
}

.s-lc-map-move-up-down {
  margin: 2px 0px;
}

#s-lc-map-move-left, #s-lc-map-move-right {
  position: relative;
  right: 24px;
} */


/*
*** Modal Info ***
*/
/* 
#map_landing .modal {
  display: grid;
  padding-right: 0;
  place-content: center;
  margin-top: -10vh;
} */

#map_landing .modal-header {
  padding: 1rem 2rem;
}

#map_landing h1.modal-title {
  font-size: 2em; /* match H1 in LibCal_public */
}

#map_landing .modal-header .close {
  min-height: 44px;
  min-width: 44px;
  border: 1px solid var(--ua-gold);
  opacity: 1;
  border-radius: 4px; /* to match bs3 btn buttons... */
}

#map_landing .modal-header .close:focus-visible {
  border: 1px solid var(--ua-gold);
}