/* Attel Bildarchiv base styles */
.attel-archiv { max-width: 1100px; margin: 0 auto; }
.attel-archiv-controls { display:flex; gap:8px; margin: 0 0 16px; flex-wrap: wrap; }
.attel-archiv-controls input[type="search"],
.attel-archiv-controls select { padding:10px; border:1px solid #e2e2e2; border-radius:8px; flex:1; min-width: 180px; }
.attel-archiv-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap:12px; }
.attel-archiv-card { background:#fff; border:1px solid #eee; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; }
.attel-archiv-card img { width:100%; height:200px; object-fit:cover; display:block; }
.attel-archiv-card .meta { padding:10px; font-size:14px; line-height:1.4; }
.attel-archiv-card .title { font-size:14px; font-weight:500; margin-bottom:6px; } /* 14px as requested */
.attel-archiv-card .small { color:#666; font-size:12px; }

.attel-archiv-pagination { display:flex; align-items:center; justify-content:center; gap:12px; margin: 16px 0; }
.attel-archiv-pagination button { padding:8px 12px; border-radius:8px; border:1px solid #ddd; background:#f9f9f9; cursor:pointer; }
.attel-archiv-pagination button[disabled] { opacity:.5; cursor: not-allowed; }

/* Lightbox Rework & Isolation */
.attel-archiv * { box-sizing: border-box; }
.attel-archiv .title, .attel-archiv .meta, .attel-archiv .small { font-family: inherit; font-style: normal; font-weight: inherit; }
.attel-archiv .title code, .attel-archiv .meta code, .attel-archiv .small code { all: unset; }

.attel-archiv-lightbox { position: fixed; inset:0; background: rgba(0,0,0,.9); display:none; z-index: 9999; }
.attel-archiv-lightbox[aria-hidden="false"] { display:flex; align-items:center; justify-content:center; padding: 24px; }
.attel-archiv-lightbox .lb-inner { max-width: 96vw; max-height: 92vh; display:flex; flex-direction:column; align-items:center; gap:12px; }
.attel-archiv-lightbox img { max-width: 96vw; max-height: 80vh; width:auto; height:auto; border-radius: 14px; box-shadow: 0 12px 36px rgba(0,0,0,.6); }
.attel-archiv-lightbox .attel-archiv-lightbox-caption { color:#fff; background: rgba(0,0,0,.55); padding:10px 14px; border-radius: 10px; text-align:center; font-size:14px; line-height:1.4; }

/* Beautiful white X close button */
.attel-archiv-lightbox .attel-archiv-lightbox-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 26px;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
}
.attel-archiv-lightbox .attel-archiv-lightbox-close:hover {
  background: rgba(0, 0, 0, 0.8);
  transform: scale(1.1);
}
.attel-archiv-lightbox .attel-archiv-lightbox-close:active {
  transform: scale(0.95);
}

.attel-archiv-lightbox .attel-archiv-lightbox-nav { position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
.attel-archiv-lightbox .nav-btn { pointer-events:auto; border:none; background: rgba(255,255,255,.95); width:46px; height:46px; border-radius:12px; font-size:22px; display:flex; align-items:center; justify-content:center; cursor:pointer; margin:0 14px; box-shadow: 0 2px 10px rgba(0,0,0,.25); }
.attel-archiv-lightbox .nav-btn:disabled { opacity:.35; cursor:not-allowed; }

@media (max-width: 640px) {
  .attel-archiv-card img { height: 170px; }
  .attel-archiv-lightbox[aria-hidden="false"] { padding: 12px; }
  .attel-archiv-lightbox img { max-height: 70vh; }
}