/* XYR HUB · Lightweight professionals directory */
.professionals-directory-section{border-bottom:1px solid var(--line)}
.directory-intro{margin-bottom:34px}
.professional-filters{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(170px,.8fr) minmax(180px,.9fr) auto;gap:14px 16px;align-items:end;padding:20px 22px;margin-bottom:28px;border-radius:18px 5px}
.professional-filters label{display:grid;gap:8px;color:#aeb4d0;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.search-input-wrap{position:relative;display:block}
.professional-filters input,.professional-filters select{width:100%;min-height:48px;border:1px solid #343d69;border-radius:10px 3px;background:#080c26;color:#f3f5ff;font:inherit;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s;background-color:#080c26}
.professional-filters input{padding:0 44px 0 15px}
.professional-filters select{padding:0 42px 0 15px;color-scheme:dark}
.professional-filters input:focus,.professional-filters select:focus{border-color:#62eaf2;box-shadow:0 0 0 3px #62eaf216}
.professional-filters input::placeholder{color:#71799c}
.search-symbol{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:21px;color:#65eaf2;pointer-events:none}
.directory-reset{min-height:48px;padding:0 18px;border:1px solid #7457c766;border-radius:10px 3px;background:#111537;color:#d9d9f2;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.directory-reset:hover{border-color:#a87aff;background:#161b45;color:#fff}
.directory-result-count{grid-column:1/-1;margin:1px 0 0;color:#858dac;font-size:12px;letter-spacing:.25px}
.directory-result-count strong{color:#67eef3;font-size:13px}
.directory-professional-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.directory-professional-card{position:relative;display:grid;grid-template-columns:112px 1fr;min-width:0;min-height:196px;overflow:hidden;border:1px solid #303961;border-radius:15px 4px;background:linear-gradient(145deg,#0d1230,#080b20);color:inherit;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.directory-professional-card:hover{transform:translateY(-3px);border-color:#66edf07d;box-shadow:0 14px 36px #03061569}
.directory-professional-card[hidden]{display:none}
.directory-professional-media{position:relative;overflow:hidden;border-right:1px solid #2e365d;background:#080b20}
.directory-professional-media::after{content:'';position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#080b20a8);pointer-events:none}
.directory-professional-media img{display:block;width:100%;height:100%;object-fit:cover}
.directory-professional-copy{display:flex;flex-direction:column;min-width:0;padding:19px 17px 16px}
.directory-ecosystem{margin-bottom:7px;color:#62eaf2;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}
.directory-professional-copy>strong{font-size:19px;line-height:1.15;color:#f5f6ff}
.directory-role{margin:5px 0 13px;color:#abb2cf;font-size:12px;line-height:1.35}
.directory-tags{display:flex;flex-wrap:wrap;gap:5px}
.directory-tags>span{padding:4px 6px;border:1px solid #40496f;border-radius:3px;background:#111633;color:#cbd0e5;font-size:8px;line-height:1.2}
.directory-open{margin-top:auto;padding-top:14px;color:#aa7cff;font-size:10px;font-weight:700;letter-spacing:.35px}
.directory-empty{padding:58px 20px;text-align:center;border:1px dashed #363e67;border-radius:18px;background:#090d24}
.directory-empty>span{display:block;margin-bottom:12px;color:#63eaf2;font-size:32px}
.directory-empty h3{margin:0 0 7px;font-size:22px}.directory-empty p{margin:0 0 18px;color:#939ab7}
.directory-live-state{margin:-11px 0 26px;color:#9aa5c8;font-size:12px;letter-spacing:.02em}
.directory-live-card{border-color:#4ebdc75c;background:linear-gradient(135deg,#0e1b36,#0c0e2c 80%)}
.directory-live-card:hover{border-color:#5ee5f0}
.directory-live-media{display:grid;place-items:center;padding:12px}
.directory-live-media img{width:100%;height:100%;object-fit:contain;max-height:178px;border-radius:8px}
.directory-live-placeholder{display:grid;place-items:center;width:76px;height:76px;background:radial-gradient(circle at center,#34306c,#101535);border:1px solid #5ee5f063;border-radius:18px;color:#75eaf1;font-size:38px}
.directory-live-badge{align-self:flex-start;margin:0 0 10px;padding:5px 8px;color:#89f1f4;border:1px solid #58e5ee55;border-radius:6px;background:#0b384466;font-size:9px;font-weight:800;letter-spacing:.07em}
@media(max-width:1100px){.professional-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-reset{grid-column:1/-1}.directory-professional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.professional-filters{grid-template-columns:1fr 1fr}.directory-reset{grid-column:1/-1}.directory-professional-grid{grid-template-columns:1fr}.directory-professional-card{grid-template-columns:104px 1fr;min-height:184px}}
@media(max-width:520px){.professional-filters{grid-template-columns:1fr;padding:17px 15px}.directory-reset,.directory-result-count{grid-column:auto}.directory-professional-card{grid-template-columns:96px 1fr;min-height:176px}.directory-professional-copy{padding:16px 14px}.directory-professional-copy>strong{font-size:18px}.directory-role{font-size:11px}.directory-tags>span{font-size:8px}.directory-professional-card:hover{transform:none;box-shadow:none}}

/* Filtri avanzati directory - mantiene le schede XYR HUB originali */
.professional-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px}
.professional-search-field,.professional-tag-field{grid-column:span 2}
.professional-filters .directory-reset{grid-column:4;align-self:end}
.directory-active-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.directory-active-filters[hidden]{display:none}
.directory-filter-chip{border:1px solid #7160aa77;border-radius:9px;background:#191737;color:#ddd9fc;padding:7px 10px;font-size:11px;cursor:pointer;transition:background .2s,border-color .2s}
.directory-filter-chip:hover,.directory-filter-chip:focus-visible{background:#2c2251;border-color:#8ff5f6;color:#fff}
.directory-filter-chip span{padding-left:6px;color:#75f0f4;font-weight:bold}
.professional-filters select:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1100px){.professional-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-search-field{grid-column:1/-1}.professional-tag-field{grid-column:auto}.professional-filters .directory-reset{grid-column:1/-1}}
@media(max-width:560px){.professional-filters{grid-template-columns:1fr}.professional-search-field,.professional-tag-field,.professional-filters .directory-reset{grid-column:1}}
