/* Additions for the static rebuild. The original theme CSS is kept unchanged. */

/* Content images wider than their column broke the old layout. */
#leftcolumn_main img, #column2 img, #main_content img, #poi_content_section img, #search_content img {
  max-width: 100%;
  height: auto;
}

/* Numbered place markers, drawn in CSS so trails with more than 20 places work.
   Matches the old 21px orange marker images. */
.poi-num, .map-pin {
  display: inline-block;
  box-sizing: border-box;
  min-width: 21px;
  height: 21px;
  padding: 0 4px;
  border-radius: 11px;
  background: #f39200;
  color: #fff;
  font: bold 11px/21px Arial, sans-serif;
  text-align: center;
}
.map-pin { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.leaflet-div-icon.map-pin-wrap { background: none; border: none; }
.map-popup a { font-size: 11px; }

/* Photo galleries */
.gallery-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
  padding: 0;
  list-style: none;
}
.gallery-grid li { width: 118px; margin: 0; }
.gallery-grid a { display: block; }
.gallery-grid img {
  display: block;
  width: 118px;
  height: 118px;
  object-fit: cover;
  border: 1px solid #ccc;
}
.gallery-grid a:focus-visible img, .gallery-grid a:hover img { border-color: #026886; }
.gallery-caption {
  margin: 3px 0 0;
  font-size: 10px;
  line-height: 1.3;
  color: #555;
}
.gallery-links { margin: 6px 0 0; }

/* Notices shown if a form or the Google search is not configured */
.form-notice, .search-notice {
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid #e0c080;
  background: #fff8e8;
  font-size: 12px;
}
.search-page .gsc-control-cse { padding: 0; }
.search-page form.search-large { margin: 10px 0 14px; }
.search-page form.search-large input[type="search"] { width: 260px; padding: 3px; }

.pswp__custom-caption {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  max-width: 80%;
  padding: 4px 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font: 13px/1.4 Arial, sans-serif;
  text-align: center;
}
.pswp__custom-caption:empty { display: none; }

/* Tourism sidebar heading: the old template's heading image was always missing. */
.right-box-heading {
  display: inline-block;
  font: bold 11px/14px Arial, sans-serif;
  color: #5b4d1c;
}

/* Google Forms embeds (comment and submit forms) */
.gform-embed { margin: 10px 0; }
.gform-embed iframe { display: block; border: 0; max-width: 100%; }
.gform-fallback { font-size: 11px; color: #666; margin: 4px 0 0; }
