/* ------------------------------------------------------------- 20/03/2025 - *
   Google Maps
 * -------------------------------------------------------------------------- *
  siehe -gmaps.php
  gmaps in Tabs or Modal siehe function waitForMaps()
 * -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- *
  .b-gmap-wrap (optional)
 * -------------------------------------------------------------------------- */
.b-gmap-wrap { 
//border: 4px solid Red;
  min-height: 300px; /* default, mindest Höhe */
  background: rgba(var(--text-rgb, Fuchsia),.05);
} /* .b-gmap-wrap */

/* ---------------------------------- *
   #gmaps
 * ---------------------------------- */
[id*="gmaps"] {
  position: relative;
  width: 100%;
  height: 100%;

  /* ---------------------------------- *
     Maps Status Info
   * ---------------------------------- */
  &:after, 
  &:before  { 
    font: normal 13px/1.25 sans-serif; 
    text-align: center; 
    opacity: .5; 
    white-space: pre;
    position: absolute; top: 50%; left: 50%; transform:  translate(-50%, -50%); /* absolute-center */
  } /* :before */

  &:before { 
    content: '- Google Map -'; /* default, wird bei Erfolg von der Karte überdeckt */
    top: 50%; transform: translate(-50%, -50%); /* absolute-center */
  }

  /* Status (Classname) */
  &:after { 
    top: calc(50% + 20px); 
    content: attr(class); 
  }

  /* ---------------------------------- *
    InfoWindows
   * ---------------------------------- */
  .gm-style-iw {
  //border: 2px dashed Red;
    font: normal 1rem/1.44 helvetica, arial, sans-serif;
    font-size: calc(.85rem + .1vw);
        width: 100%; 
    max-width: 300px!important;
    text-align: center;
               color: Black;
    background-color: White;

    a { color: inherit; }

    ul.comdata {
      display: flex;
      flex-wrap: wrap;
      gap: 1em;
      justify-content: center;
      list-style: none;
      padding: 0;  
              
      a:after { content: ''; } /* target "_blank" */
    } /* ul */

    p.picdata {
      width: 100%;
      margin: 1em auto;
      height: 80px;
      background: no-repeat center / cover;
    } /* p.picdata */      
  } /* .gm-style-iw */
} /* .gmapsID */