/* Basic CSS */
.wepa-filters{margin:1rem 0;padding:1rem;border:1px solid #e2e2e2;border-radius:12px;background:#fafafa}
.wepa-filters .wepa-row{margin-bottom:1rem}
.wepa-filters input[type="search"], .wepa-filters input[type="number"], .wepa-filters select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:8px}
.wepa-grid{display:grid;gap:1rem}
.wepa-grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.wepa-range{display:flex;gap:.5rem;align-items:center}
.wepa-actions{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}
.wepa-actions button{padding:.5rem 1rem;border:0;border-radius:8px;background:#333;color:#fff;cursor:pointer}
.wepa-actions .wepa-reset{text-decoration:none}
.wepa-count{margin:.5rem 0;color:#666}
.wepa-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.wepa-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.wepa-thumb img{width:100%;height:auto;display:block}
.wepa-thumb.placeholder{background:#f0f0f0;aspect-ratio:4/3}
.wepa-title{font-size:1rem;line-height:1.3;margin:.5rem .75rem}
.wepa-meta{color:#777;font-size:.85rem;margin:0 .75rem .75rem;display:flex;gap:.5rem;flex-wrap:wrap}
.wepa-pagination ul{list-style:none;margin:1rem 0;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}
.wepa-pagination a, .wepa-pagination span{display:inline-block;padding:.4rem .6rem;border:1px solid #ddd;border-radius:6px;text-decoration:none}
.paf-quick-filters{margin:.5rem 0}
.paf-quick-title{font-weight:600;margin:.5rem 0}
.paf-quick-pills{display:flex;flex-wrap:wrap;gap:.5rem}
.paf-pill{border:1px solid #ddd;border-radius:999px;padding:.25rem .6rem;text-decoration:none}

.wepa-card .wepa-title { display: none; } 
.wepa-card .wepa-meta { display: none; }

.masonry {
    --masonry-gap: 1rem;
    --masonry-brick-width: 240px;
    column-gap: var(--masonry-gap);
    column-fill: initial;
    column-width: var(--masonry-brick-width);
}

.masonry > * {
    break-inside: avoid;
    margin-bottom: var(--masonry-gap);
}

@supports(grid-template-rows: masonry) {
    .masonry {
      display: grid;
      gap: var(--masonry-gap);
      grid-template-rows: masonry;
      grid-template-columns: repeat(auto-fill, minmax(var(--masonry-brick-width), 1fr));
      align-tracks: stretch;
    }

    .masonry > * {
        margin-bottom: initial;
    }
}

.wepa-single-article header h1 {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #000000;
margin-block-start: 0em;
margin-block-end: 0em;
}

.wepa-single-article header h2 {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 19px;
color: #AAAAAA;
margin-block-start: 0em;
margin-block-end: 0em;
}

.wepa-single-article .wepa-year {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 19px;
color: #AAAAAA;
margin-block-start: 0em;
margin-block-end: 0em;
}

.wepa-content {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 19px;
color: #000000;
margin-block-start: 0em;
margin-block-end: 0em;
}

.wepa-content h2 {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #000000;
margin-block-start: 0em;
margin-block-end: 0em;
}

.wepa-content section {
  margin-bottom: 2rem
}

.wepa-single-article header img {
 margin-top: 2rem;
 margin-bottom: 2rem
 }
 
 .tag-cloud-cimke a,
.wp-tag-cloud a.tag-cloud-link {
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid #ddd;
  text-decoration:none;
  line-height:1.9;
}
.tag-cloud-cimke a:hover { border-color:#bbb; }


.wepa-h1 {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size:  1.875rem;
color: #000000;
margin-block-start: 0em;
margin-block-end: 0em;
}

.wepa-h2 {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size: 1.5rem;
color: #AAAAAA;
margin-block-start: 0em;
margin-block-end: 0em;
}

.wepa-content-h2 {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #000000;
margin-block-start: 0em;
margin-block-end: 0em;
}

.pa-filters{--gap:12px; font:16px/1.4 system-ui,sans-serif}
.pa-skin-purple .pa-advanced {background:#4e22c5; color:#fff; border-radius:10px}
.pa-skin-purple .pa-bar{display:flex; align-items:center;}
.pa-skin-purple .pa-search{flex:1; border:none; outline:none; background:white; color:#444; padding:.7rem 1rem; border-radius:6px}
.pa-skin-purple .pa-search::placeholder{color:#888}
.pa-skin-purple .pa-icon-btn{width:40px; height:40px; border:none; background:white; border-radius:8px; cursor:pointer; display:grid; place-items:center}
.pa-skin-purple .pa-icon{width:18px; height:18px; display:block; background:currentColor;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0  0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') center/contain no-repeat}
.pa-advanced{margin-top:8px; padding:14px}
.pa-grid{display:grid; grid-template-columns:repeat(2,minmax(220px,1fr)); gap:var(--gap)}
.pa-grid label{display:flex; flex-direction:column; font-size:.9rem}

.pa-actions{display:flex; justify-content:flex-end; gap:10px; margin-top:10px}
.pa-btn{padding:.6em 1em; border-radius:8px; border:1px solid #cbb2ff; background:#fff; color:#3b179d; cursor:pointer; text-decoration:none}
.pa-btn.pa-ghost{background:transparent; color:#fff}
@media (max-width:640px){ .pa-grid{grid-template-columns:1fr} }


.input-icon-datum {
  background-image: url("https://jphotoarchive.org/svg/datum.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;   /* ikon mérete */
  background-position: 10px center; /* balra igazítva */
  border:1px solid #7d5ae6; 
  border-radius:8px;
  padding:.55rem .7rem;
  padding-left: 40px;  /* hely az ikon számára */
  height: 40px;
  box-sizing: border-box;
}

.input-icon-forras {
  background-image: url("https://jphotoarchive.org/svg/forras.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;   /* ikon mérete */
  background-position: 10px center; /* balra igazítva */
  border:1px solid #7d5ae6; 
  border-radius:8px;
  padding:.55rem .7rem;
  padding-left: 40px;  /* hely az ikon számára */
  height: 40px;
  box-sizing: border-box;
}

.input-icon-szerzo {
  background-image: url("https://jphotoarchive.org/svg/szerzo.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;   /* ikon mérete */
  background-position: 10px center; /* balra igazítva */
  border:1px solid #7d5ae6; 
  border-radius:8px;
  padding:.55rem .7rem;
  padding-left: 40px;  /* hely az ikon számára */
  height: 40px;
  box-sizing: border-box;
}

.input-icon-helyszin {
  background-image: url("https://jphotoarchive.org/svg/hely.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;   /* ikon mérete */
  background-position: 10px center; /* balra igazítva */
  border:1px solid #7d5ae6; 
  border-radius:8px;
  padding:.55rem .7rem;
  padding-left: 40px;  /* hely az ikon számára */
  height: 40px;
  box-sizing: border-box;
}