/* WebGlobals Portfolio — filter bar + cards */
.wg-pf-filters{--wg-line:#d8cdba;--wg-card:#faf7f0;--wg-muted:#7d756a}
.wg-pf-meta{display:none}

.wg-pf-search{display:flex;align-items:center;gap:10px;background:var(--wg-card);
  border:1px solid var(--wg-line);border-radius:12px;padding:12px 15px;margin-bottom:26px}
.wg-pf-search input{border:0;background:transparent;outline:0;font:inherit;width:100%;color:#191512}

.wg-pf-group{margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid var(--wg-line)}
.wg-pf-group:last-of-type{border-bottom:0}
.wg-pf-glabel{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--wg-muted);margin-bottom:13px;display:block}

.wg-pf-pills{display:flex;flex-direction:column;gap:7px}
.wg-pf-pills.wg-pf-inline{flex-direction:row;flex-wrap:wrap}
.wg-pf-pill{font-size:14px;font-weight:500;padding:8px 14px;border-radius:10px;
  border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s;
  color:#3A342D;text-align:left;display:flex;justify-content:space-between;align-items:center;
  gap:10px;width:100%;font-family:inherit}
.wg-pf-pills.wg-pf-inline .wg-pf-pill{width:auto;border:1px solid var(--wg-line);
  background:var(--wg-card);border-radius:999px;padding:7px 14px}
.wg-pf-c{font-size:12px;color:var(--wg-muted);background:#ece3d3;border-radius:999px;padding:1px 8px}
.wg-pf-pill:hover{background:var(--wg-card);color:#191512}
.wg-pf-pill.is-active{background:#191512;color:#F3EEE5;border-color:#191512}
.wg-pf-pill.is-active .wg-pf-c{background:rgba(255,255,255,.18);color:#f3eee5}
.wg-pf-inline .wg-pf-pill.is-active{background:#C2603E;border-color:#C2603E}

.wg-pf-clear{font-size:13.5px;font-weight:600;color:#DB3336;cursor:pointer;
  background:none;border:0;padding:4px 0;margin-top:4px;font-family:inherit}
.wg-pf-count{font-size:14.5px;color:var(--wg-muted);margin-top:14px}
.wg-pf-count b{color:#191512}

/* cards — classes set on the loop-item template in Task 10 */
.wg-pf-card{position:relative;background:#faf7f0;border:1px solid #d8cdba;border-radius:16px;
  overflow:hidden;box-shadow:0 1px 2px rgba(25,21,18,.04),0 8px 30px rgba(25,21,18,.06);
  transition:transform .2s,box-shadow .25s}
.wg-pf-card:hover{transform:translateY(-4px);box-shadow:0 12px 44px rgba(25,21,18,.14)}
.wg-pf-badge{position:absolute;top:13px;right:13px;font-size:11px;font-weight:600;
  letter-spacing:.04em;padding:5px 11px;border-radius:999px;background:rgba(25,21,18,.82);color:#fff}
.wg-pf-cat{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#C2603E;margin-bottom:8px}
.wg-pf-name{font-size:23px;font-weight:500;line-height:1.15;margin-bottom:6px}
.wg-pf-dom{font-size:13.5px;color:#7d756a;margin-bottom:15px;word-break:break-all}

@media(max-width:1080px){
  .wg-pf-pills{flex-direction:row;flex-wrap:wrap}
  .wg-pf-pill{width:auto;border:1px solid var(--wg-line);border-radius:999px;background:#F3EEE5}
}

/* Task 12 — card thumb + visit + stat display */
.wg-pf-card{display:flex;flex-direction:column}
.wg-pf-thumb{position:relative;aspect-ratio:16/11;overflow:hidden;background:linear-gradient(135deg,#efe7d7,#e4d8c4)}
.wg-pf-thumb a{display:block;height:100%}
.wg-pf-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}
.wg-pf-card:hover .wg-pf-thumb img{transform:scale(1.04)}
.wg-pf-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.wg-pf-visit{margin-top:auto}
.wg-pf-visit .elementor-button{background:transparent!important;color:#DB3336!important;padding:0!important;
  border-radius:0;font-weight:600;font-size:14.5px}
.wg-pf-visit .elementor-button:hover{background:transparent!important;color:#B5282B!important}
.wg-pf-statnum{font-size:48px;font-weight:500;line-height:1}
.wg-pf-statlbl{font-size:13.5px;color:#7d756a}
/* Task 12 — frontend card render via element-id classes */
.elementor-element-pfcard1{display:flex;flex-direction:column;position:relative;background:#faf7f0;border:1px solid #d8cdba;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(25,21,18,.04),0 8px 30px rgba(25,21,18,.06);transition:transform .2s,box-shadow .25s}
.elementor-element-pfcard1:hover{transform:translateY(-4px);box-shadow:0 12px 44px rgba(25,21,18,.14)}
.elementor-element-pfthumb{position:relative;aspect-ratio:16/11;overflow:hidden;background:linear-gradient(135deg,#efe7d7,#e4d8c4)}
.elementor-element-pfimg01{position:absolute;inset:0}
.elementor-element-pfimg01 .elementor-widget-container,.elementor-element-pfimg01 a{display:block;width:100%;height:100%}
.elementor-element-pfimg01 img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}
.elementor-element-pfcard1:hover .elementor-element-pfimg01 img{transform:scale(1.04)}
.elementor-element-pfbadge{z-index:2}
.elementor-element-pfbody1{display:flex;flex-direction:column;flex:1}