/* فهرست شهرهای فلاورجان - همه انتخابگرها با پیشوند fcl- */
.fcl{container-type:inline-size;display:block;width:100%;max-width:100%;text-align:start;--fcl-head:"Lalezar",Vazirmatn,Tahoma,sans-serif;--fcl-ico:44px;--fcl-fs:20px}
.fcl,.fcl *,.fcl *::before,.fcl *::after{box-sizing:border-box}
.fcl--sm{--fcl-ico:34px;--fcl-fs:16px}
.fcl--md{--fcl-ico:44px;--fcl-fs:20px}
.fcl--lg{--fcl-ico:56px;--fcl-fs:26px}

.fcl .fcl-list,.fcl .fcl-list li{list-style:none;margin:0;padding:0}
.fcl .fcl-list li::before{content:none}
.fcl .fcl-list{display:grid;grid-template-columns:1fr;gap:8px}

.fcl .fcl-item{display:flex;align-items:center;gap:12px;padding:6px 10px;min-height:calc(var(--fcl-ico) + 12px);background:var(--fcl-bg,#fff);border:1px solid rgba(0,0,0,.09);border-inline-start:5px solid var(--c);border-radius:14px;color:var(--c);text-decoration:none;box-shadow:none;transition:background .2s,border-color .2s,color .2s}
.fcl .fcl-ico{flex:none;display:block;width:var(--fcl-ico);height:var(--fcl-ico);border-radius:50%;background:#fff;border:2px solid var(--c);overflow:hidden;transition:transform .2s,border-color .2s}
.fcl .fcl-ico img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border:0;box-shadow:none;border-radius:0}
.fcl .fcl-name{display:block;font-family:var(--fcl-head);font-size:var(--fcl-fs);font-weight:400;line-height:1.5;color:var(--c);transform-origin:100% 50%;transition:transform .2s,color .2s}
.fcl[dir=ltr] .fcl-name{transform-origin:0 50%}

/* با رفتن ماوس: نام بزرگ‌تر و رنگی با پس‌زمینه رنگ همان شهر */
.fcl .fcl-item:hover,.fcl .fcl-item:focus-visible{background:var(--c);border-color:var(--c);outline:none}
.fcl .fcl-item:hover .fcl-name,.fcl .fcl-item:focus-visible .fcl-name{color:#fff;transform:scale(1.25)}
.fcl .fcl-item:hover .fcl-ico,.fcl .fcl-item:focus-visible .fcl-ico{transform:scale(1.12);border-color:#fff}
.fcl .fcl-item:focus-visible{box-shadow:0 0 0 3px rgba(0,0,0,.35)}