/* modules/arifmap/views/css/front.css */
.arif-map-block {
  margin-top: var(--arif-mt, 16px);
  margin-bottom: var(--arif-mb, 16px);
}

.arif-map-embed {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--arif-radius, 16px);
  aspect-ratio: var(--arif-aspect, 1300/300);
  background: #f3f5f7;
}

/* Fallback for old browsers */
.arif-map-embed::before {
  content: "";
  display: block;
  padding-top: var(--arif-padding-percent, 23.08%);
}
.arif-map-embed > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Mobile min height */
@media (max-width: 576px) {
  .arif-map-embed {
    min-height: var(--arif-min-h-mobile, 260px);
    border-radius: calc(var(--arif-radius, 16px) * 0.75);
  }
}

/* Desktop optional min height */
@media (min-width: 577px) {
  .arif-map-embed {
    min-height: var(--arif-min-h-desktop, 0px);
  }
}