/* HABITUAL TOURIST — TESTATINA.CSS v14.0 */

/* 🔥 v14.0: EMOJI SUPPORT
   - Aggiunto .filter-chip__icon-emoji per le emoji nei filter chip
   - Aggiunto .testatina__sottotipo-icon-emoji (fallback per chip sottotipo)
   - Le regole .fa-* residue sono state rimosse
   
   🔥 v13.0: BOTTONE MAPPA VERTICALE SU MOBILE
   🔥 v12.0: TITOLO MOBILE SU 2 RIGHE + PREFISSO PICCOLO
   🔥 v11.1: stemma nascosto su mobile (.testatina__stemma)
*/

/* === STRUTTURA BASE === */
.testatina{background:var(--c-card);border:var(--bw) solid var(--c-border);border-radius:var(--radius-md);padding:var(--s-2xs) var(--s-md);margin:0;width:100%}
.testatina__inner{display:flex;flex-direction:column;width:100%;gap:0}
.testatina__top{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon title actions";align-items:center;gap:var(--s-sm);width:100%;min-width:0}
.testatina__icon-wrap{grid-area:icon;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.testatina__icon{max-width:3rem;max-height:3rem;object-fit:contain;border-radius:var(--radius-sm)}
.testatina__title-block{grid-area:title;min-width:0;display:flex;flex-direction:column;gap:0;align-items:flex-start;text-align:left;overflow:hidden}
.testatina__title{font-size:var(--fs-testatina-title-desktop);font-weight:800;color:var(--c-text);line-height:1.25;word-break:break-word;margin:0;padding:0;text-align:left}
.testatina__title-prefix{font-size:.75em;font-weight:600;opacity:.75;letter-spacing:0;display:inline}
.testatina__subtitle{font-size:var(--fs-testatina-subtitle);color:var(--c-muted);text-transform:uppercase;letter-spacing:.5px;line-height:1.2;text-align:left;margin:0;padding:0}
.testatina__actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:var(--s-xs);flex-wrap:nowrap;min-width:0}
.testatina__sottotipo{display:inline-flex;align-items:center;gap:var(--s-xs);padding:0 var(--s-md);background:var(--c-bg);border:var(--bw) solid var(--c-border);border-radius:var(--radius-pill);color:var(--c-text);text-decoration:none;transition:var(--t);flex-shrink:0;font-size:var(--fs-btn-sm);font-weight:600;line-height:1.2;white-space:nowrap;min-height:40px;height:40px}
.testatina__sottotipo-icon{width:22px;height:22px;flex-shrink:0;object-fit:contain;display:block}
.testatina__sottotipo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.testatina__map-btn{display:inline-flex;align-items:center;gap:var(--s-2xs);padding:0 var(--s-md);min-height:40px;height:40px;font-size:var(--fs-btn-sm);flex-shrink:0;white-space:nowrap;line-height:1.2}
.testatina__map-btn .btn-text{display:inline}
.testatina__date{border-top:1px solid var(--c-border);padding-top:0.125rem;margin-top:0.125rem;font-size:var(--fs-testatina-date);color:var(--c-muted);text-align:left;line-height:1.1;width:100%}
.testatina__date .date-info{display:flex;flex-wrap:wrap;gap:var(--s-xs);font-size:var(--fs-testatina-date);color:var(--c-muted);align-items:center;justify-content:flex-start;text-align:left;line-height:1.1;margin:0;padding:0}
.testatina__date .date-info span{display:inline-flex;align-items:center;gap:var(--s-2xs);white-space:nowrap;font-size:var(--fs-testatina-date);line-height:1.1;margin:0;padding:0}
.testatina__date .date-info span strong{font-weight:600;color:var(--c-muted)}
.date-label--long{display:inline}
.date-label--short{display:none}
.filter-bar__inner{display:flex;flex-wrap:wrap;gap:var(--s-sm)}
.filter-chip{display:inline-flex;align-items:center;gap:var(--s-sm);background:var(--c-bg);border:var(--bw) solid var(--c-border);border-radius:2rem;font-size:var(--fs-filter-chip);font-weight:500;color:var(--c-text);text-decoration:none;min-height:38px;cursor:pointer;padding:0 var(--s-md)}
.filter-chip.active,.filter-chip:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}
.filter-chip__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;background:transparent;border:none}
.filter-chip__icon-img{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}

/* 🔥 v14.0: emoji nel filter chip */
.filter-chip .filter-chip__icon-emoji{font-size:1.2em;width:1.2em;height:1.2em;flex-shrink:0;line-height:1}

.filter-bar .badge{display:none !important}

/* === TABLET + MOBILE (<= 1100px) === */
@media (max-width:1100px){
.testatina{border-radius:0;padding:var(--s-xs) var(--s-sm)}
.testatina__top{grid-template-columns:auto 1fr auto;grid-template-areas:"icon title actions";align-items:center;gap:var(--s-xs) var(--s-sm);width:100%}
.testatina__icon-wrap{grid-area:icon;align-self:center;flex-shrink:0}
.testatina__icon{max-width:2.75rem;max-height:2.75rem}
.testatina__title-block{grid-area:title;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:0}
.testatina__title{font-size:var(--fs-testatina-title-mobile);line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;margin:0;padding:0}
.testatina__subtitle{font-size:var(--fs-testatina-subtitle);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.testatina__actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:var(--s-xs);flex-shrink:0}
.testatina__sottotipo{padding:0 var(--s-md);gap:0;min-height:38px;height:38px}
.testatina__sottotipo-icon{display:none}
.testatina__sottotipo span{display:inline;font-size:var(--fs-btn-sm);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Bottone Mappa verticale (icona sopra, testo sotto) */
.testatina__map-btn{flex-direction:column;gap:0;padding:4px 8px;min-height:44px;height:auto;width:auto;min-width:44px;font-size:10px;line-height:1;text-align:center;justify-content:center}
.testatina__map-btn .btn-emoji{font-size:16px;line-height:1}
.testatina__map-btn .btn-text{display:inline;font-size:11px;line-height:1;margin-top:2px;letter-spacing:.2px}
.testatina__date{border-top:1px solid var(--c-border);padding-top:0.125rem;margin-top:0.125rem;font-size:var(--fs-testatina-date);width:100%;text-align:left;line-height:1.1}
.testatina__date .date-info{justify-content:flex-start;text-align:left;gap:var(--s-2xs);font-size:var(--fs-testatina-date);line-height:1.1}
.testatina__date .date-info span{font-size:var(--fs-testatina-date);line-height:1.1}
.date-label--long{display:none}
.date-label--short{display:inline}
.filter-bar{border-radius:0;top:var(--header-offset) !important;z-index:95}
.filter-chip{gap:var(--s-2xs);min-height:var(--touch);padding:0 var(--s-sm)}
.filter-chip__label{display:none}
.filter-chip__count{font-size:var(--fs-filter-chip-count);opacity:.85}
.filter-chip__icon{width:1.5rem;height:1.5rem}
}

/* === MOBILE PICCOLO (<= 480px) === */
@media (max-width:480px){
.testatina{padding:var(--s-2xs) var(--s-xs)}
.testatina__icon{max-width:2.5rem;max-height:2.5rem}
.testatina__title{font-size:var(--fs-testatina-title-small)}
.testatina__sottotipo{padding:0 var(--s-sm);min-height:36px;height:36px}
.testatina__sottotipo span{max-width:100px}

/* Bottone Mappa ancora più compatto */
.testatina__map-btn{padding:3px 6px;min-height:40px;min-width:40px}
.testatina__map-btn .btn-emoji{font-size:14px}
.testatina__map-btn .btn-text{font-size:10px;margin-top:1px}

.filter-chip{min-height:2.6rem}
.filter-chip__icon{width:1.3rem;height:1.3rem}
}

/* === DESKTOP LARGE (>= 1101px) === */
@media (min-width:1101px){
.testatina__icon{max-width:3.5rem;max-height:3.5rem}
.testatina__sottotipo{min-height:46px;height:46px;padding:0 calc(var(--s-md) + 4px);font-size:var(--fs-btn)}
.testatina__sottotipo-icon{width:36px;height:36px}
.testatina__map-btn{min-height:46px;height:46px;padding:0 calc(var(--s-md) + 4px);font-size:var(--fs-btn)}
.testatina__map-btn .btn-emoji{font-size:1.2em}
}

/* === DESKTOP XL (>= 1500px) === */
@media (min-width:1500px){
.testatina__icon{max-width:4rem;max-height:4rem}
.testatina__sottotipo{min-height:52px;height:52px;padding:0 var(--s-lg);font-size:var(--fs-btn)}
.testatina__sottotipo-icon{width:40px;height:40px}
.testatina__map-btn{min-height:52px;height:52px;padding:0 var(--s-lg);font-size:var(--fs-btn)}
.testatina__map-btn .btn-emoji{font-size:1.3em}
}

/* === RESET HOVER CHIP === */
.testatina__sottotipo:hover{background:var(--c-bg);color:var(--c-text);border-color:var(--c-border)}
.testatina__sottotipo:hover .testatina__sottotipo-icon{filter:none}

/* === STEMMA NASCOSTO SU MOBILE === */
@media (max-width:1100px){
.testatina__stemma{display:none}
}