/* ================================================================
   NADLANISTIM — COMMUNITIES CAROUSEL (ported from app/v6/v6.css)
   ================================================================
   An infinite carousel of circular sub-community badges + shared carousel arrows (Members
   reuses the same .nad-carousel__arrow). Track holds 3 copies (clones hidden on mobile).
   ================================================================ */

.nad-section-head--comm { max-width: none; }
.nad-section-head--comm h2 { white-space: nowrap; }

.nad-comm-carousel { position: relative; }
.nad-comm__viewport { overflow: hidden; }
.nad-comm__track { display: flex; flex-wrap: nowrap; gap: 20px; transition: transform .9s var(--nad-t); will-change: transform; }
.nad-comm { flex: 0 0 calc((100% - 100px) / 6); display: flex; flex-direction: column; align-items: center; gap: 14px; }
.nad-comm__logo { width: 112px; height: 112px; border-radius: 50%; overflow: hidden; border: 1px solid var(--nad-glass-border); background: var(--nad-glass-bg); transition: transform .4s var(--nad-t), border-color .4s var(--nad-t); flex-shrink: 0; }
/* Ancestor prefix out-specifies Elementor's `.elementor img { height:auto }`. */
.nad-comm .nad-comm__logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nad-comm:hover .nad-comm__logo { transform: translateY(-4px); border-color: var(--nad-cyan); }
.nad-comm__label { font-size: 13px; font-weight: 500; color: var(--nad-muted); text-align: center; }

/* ===== Responsive ===== */
@media (max-width: 1100px) {
	.nad-comm { flex: 0 0 calc((100% - 60px) / 4); }
}
@media (max-width: 760px) {
	.nad-comm__viewport { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin: 0 calc(var(--nad-gutter) * -1); padding: 0 var(--nad-gutter); }
	.nad-comm__viewport::-webkit-scrollbar { display: none; }
	.nad-comm__track { transform: none !important; transition: none; }
	.nad-comm { flex: 0 0 38%; }
	.nad-comm__logo { width: 92px; height: 92px; }
	.nad-section-head--comm h2 { white-space: normal; }
}