/* Styles for membres page — extracted from inline styles */
/* Filter controls */
.filter-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.filter-controls .filter-btn{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #e6e6e6;cursor:pointer;font-weight:600}
.filter-controls .filter-btn.active{background:#59842a;color:#fff;border-color:transparent}
.filter-select{display:none;width:100%;max-width:420px}

/* Hide mobile dropdown by default (only show via media query) */
.filter-dropdown{display:none}
@media (max-width:576px){
	/* Show pill buttons on small screens (touch friendly) and hide select */
	.filter-controls{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:12px;padding-bottom:6px}
	.filter-controls .filter-btn{flex:0 0 auto;min-width:110px;padding:10px 14px;font-size:15px}
	.filter-select{display:none}
}
/* Thumbnail 1:1 crop */
/* Make thumbnail container a square and crop centered */
.portfolio_img{width:100%;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5;display:block}
.portfolio_img img{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}

/* Wrap card to allow overlaying text */
.portfolio_img_text{position:relative;overflow:hidden}

/* Overlay title: hidden by default, appears on hover */
.portfolio_text{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;pointer-events:none}
.portfolio_text h3{font-size:15px;margin:0;padding:8px 12px;border-radius:6px;background:rgba(0,0,0,0.5);color:#fff;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}

/* Show title and slightly zoom image on hover */
.portfolio_img_text:hover .portfolio_text h3{opacity:1;transform:translateY(0)}
.portfolio_img_text:hover .portfolio_img img{transform:scale(1.06)}
/* Small card tweaks */
.portfolio_text h3{font-size:15px;margin:8px 0 0;font-weight:700}
.portfolio_text .port_icon{margin-bottom:6px}

/* Grid spacing: ensure member cards have consistent gutters and wrap correctly. */
.case_filter_item.filtr-container.row{
	row-gap:1.5rem;
}

/* If older layouts rely on margins, make sure card spacing is normalized. */
.filtr-item{
	margin-bottom:0;
}

@media (max-width:576px){
	.case_filter_item.filtr-container.row{gap:1rem}
}

/* --- Mobile dropdown override: single-button control --- */
@media (max-width:576px){
	.filter-controls{display:none !important}
	.filter-select{display:none !important}

	.filter-dropdown{display:block;margin-bottom:12px;position:relative}
	.filter-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #e6e6e6;cursor:pointer}
	.filter-dropdown-toggle .label{font-weight:600}
	.filter-dropdown-toggle .chev{width:18px;height:18px;transform:rotate(0);transition:transform .18s ease}

	.filter-dropdown-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.08);z-index:20;padding:6px 0;list-style:none;margin:0}
	.filter-dropdown-menu.show{display:block}
	.filter-dropdown-item{display:block;width:100%;text-align:left;padding:10px 14px;background:transparent;border:0;cursor:pointer}
	.filter-dropdown-item:hover{background:#f5f5f5}
	.filter-dropdown[aria-open="true"] .chev{transform:rotate(180deg)}
}