/* Additions for the static archive (2026). The original theme CSS is loaded unchanged before this file. */
.archive-banner { clear: both; background: #fbf8e5; border: 1px solid #C76714; color: #6b4d06;
  padding: 6px 12px; margin: 8px 0 0; font-size: .9em; text-align: center; }
.archive-note { color: #777; font-size: .85em; }
.header .panel ul li.lang a { border: 1px solid transparent; padding: 2px; }
.header .panel ul li.lang a.current { border-color: #A97B0C; }
.content { width: auto; padding: 0 10px; }
.content img { max-width: 100%; height: auto; }
.content iframe { max-width: 100%; }
.post-meta, .post-date { color: #777; font-size: .9em; margin: 10px 0; }
.breadcrumb { font-size: .9em; }
/* NextGEN replacements */
.ngg-gallery { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.ngg-gallery a { display: block; border: 1px solid #CBAE27; padding: 3px; background: #fff; }
.ngg-gallery img { display: block; width: 120px; height: 90px; object-fit: cover; }
.album-grid { display: flex; flex-wrap: wrap; gap: 14px; margin: 10px 0; }  /* not .ngg-albumoverview: old CSS forces display:block !important */
.ngg-album { width: 170px; }
.ngg-album img { width: 160px; height: 120px; object-fit: cover; border: 1px solid #CBAE27; padding: 3px; }
.ngg-album h3 { font-size: 1em; margin: 6px 0 2px; }
.ngg-count { color: #777; font-size: .85em; }
.ngg-singlepic.ngg-left { float: left; margin: 0 12px 8px 0; }
.ngg-singlepic.ngg-right { float: right; margin: 0 0 8px 12px; }
figure.wp-caption { margin: 0 0 12px; max-width: 100%; }
figure.wp-caption.alignright { float: right; margin-left: 12px; }
figure.wp-caption.alignleft { float: left; margin-right: 12px; }
figure.wp-caption figcaption { font-size: .85em; color: #555; }
.footer img { margin: 4px; vertical-align: middle; }
@media (max-width: 700px) {
  .container { width: auto; margin: 0; padding: 12px; }
  .header { height: auto; padding-top: 10px; }
  .header .panel { position: static; text-align: left; }
  #access .menu-header li, div.menu li { float: none; }
  #access ul ul { display: block; position: static; box-shadow: none; }
  #access ul ul a { width: auto; padding-left: 24px; }
  .ngg-gallery img { width: 30vw; height: 22vw; }
}