/* Correzioni dell'audit UX (2026-10-21). Caricato dopo main.min.css da inc/ux-audit.php. */

/* ── Blocco 7 · Contenuti visibili subito ─────────────────────────────────────────
   Le sezioni partivano invisibili, spostate e sfocate e comparivano solo entrando nello schermo
   (ig-reveal nel tema, effetto «atv» nelle destinazioni): ora sono visibili al primo caricamento,
   come già succedeva con «riduci movimento». */
.ig-reveal,
.ig-reveal .ig-reveal-child,
.ig-apple-feature[data-atv],
.ig-apple-section[data-atv-section],
.ig-apple-section--intro[data-atv-intro],
.ig-atv-card {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
}

/* Titolo, interruttori e chip della home: niente animazione d'ingresso */
.ig-hero__title,
.ig-hero__ctas,
.ig-hero__suggestions {
    opacity: 1 !important;
    animation: none !important;
}
.ig-hero__pill {
    opacity: 1 !important;
    animation: none !important;
    filter: none !important;
}

/* Card categorie della home: ferme e scorribili a mano, al posto delle file che scorrevano da sole */
.ig-exp-slider {
    overflow-x: auto !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.ig-exp-slider::-webkit-scrollbar { display: none; }
.ig-exp-slider__track {
    transform: none !important;
    cursor: auto !important;
    justify-content: safe center;
    padding-inline: max(20px, calc((100% - 1280px) / 2 + 40px));
}
.ig-exp-card--clone { display: none !important; }

/* ── Blocco 8 · Card e caroselli ─────────────────────────────────────────────────
   Pagine luogo, «Cosa vedere» e «Cosa fare»: su desktop tutte le card in griglia (prima 4 visibili su 7 e la
   prima tagliata a sinistra); frecce e pallini servono solo su mobile, dove resta il carosello. */
@media (min-width: 1024px) {
    .ig-activity-carousel:has(> .ig-sight-card),
    .ig-activity-carousel:has(> .ig-activity-card) {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        overflow: visible !important;
        scroll-snap-type: none !important;
    }
    .ig-activity-carousel > .ig-sight-card,
    .ig-activity-carousel > .ig-activity-card {
        width: auto !important;
        min-width: 0 !important;
    }
    .ig-apple-container:has(> .ig-activity-carousel > .ig-sight-card) .ig-carousel-arrows,
    .ig-apple-container:has(> .ig-activity-carousel > .ig-sight-card) > .ig-carousel-dots,
    .ig-apple-container:has(> .ig-activity-carousel > .ig-activity-card) .ig-carousel-arrows,
    .ig-apple-container:has(> .ig-activity-carousel > .ig-activity-card) > .ig-carousel-dots {
        display: none !important;
    }
}

/* Testo bianco sulle foto: sfumatura scura più decisa sotto titolo e descrizione (foto chiare, es. Jamaica Beach) */
.ig-sight-card__overlay {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .55) 55%, rgba(0, 0, 0, 0) 100%) !important;
}

/* Home, carosello dei paesi su mobile: niente 23 pallini da 23 px, lo scorrimento col dito mostra già la card dopo */
@media (max-width: 768px) {
    .ig-dest-split__cards .ig-carousel-dots { display: none !important; }
}

/* ── Blocco 9 · Badge di stato degli eventi (inc/ux-audit.php: ig_evt_badges_html) ── */
.ig-evt-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 6px; }
.ig-evt-badge {
    display: inline-flex; align-items: center;
    padding: 3px 9px; border-radius: 999px;
    font-size: 12px; font-weight: 600; line-height: 1.3;
    background: #FCE4DE; color: #9A2414;
}
.ig-evt-badge--corso, .ig-evt-badge--oggi { background: #E3F1E8; color: #1F5F3F; }
.ig-evt-badge--gratis { background: #E3ECF5; color: #24425E; }
.ig-dest-hero .ig-evt-badges { margin: 12px 0 0; }

/* ── Blocco 11 · Indice negli articoli lunghi (inc/ux-audit.php: ig_article_toc) ── */
.ig-toc { margin: 0 0 28px; }
.ig-toc__box { border: 1px solid rgba(0, 0, 0, .1); border-radius: 14px; padding: 14px 18px; background: #fff; }
.ig-toc__title { cursor: pointer; font-weight: 600; font-size: 15px; }
.ig-toc__list { margin: 10px 0 0; padding-left: 20px; display: grid; gap: 6px; font-size: 15px; line-height: 1.4; }
.ig-toc__list a { color: inherit; text-decoration: none; }
.ig-toc__list a:hover, .ig-toc__list a.is-active { color: var(--ig-primary, #C2410C); }
.ig-article__body h2[id] { scroll-margin-top: 96px; }
/* Desktop largo: indice fisso nella colonna destra, che prima restava vuota */
@media (min-width: 1360px) {
    .ig-article__body { position: relative; }
    .ig-toc { position: absolute; top: 0; left: calc(100% + 48px); width: 230px; height: 100%; margin: 0; }
    .ig-toc__box { position: sticky; top: 100px; max-height: calc(100vh - 140px); overflow: auto; }
    .ig-toc__list { font-size: 14px; }
}

/* ── Blocco 12 · Mobile: meno elementi fissi sopra i contenuti, fascia e menu più compatti ── */
@media (max-width: 767px) {
    /* Bottone flottante iubenda: le preferenze cookie restano nel footer («Preferenze cookie») */
    /* specificità sopra la regola di iubenda (:not() annidati); colpisce solo il bottone flottante, non il link del footer */
    html body button.iubenda-tp-btn.iubenda-cs-preferences-link[data-tp-float] { display: none !important; }
    /* «Torna su»: su telefono si usa il gesto nativo, il bottone copriva le card */
    .ig-back-to-top { display: none !important; }

    /* Pagine luogo: meteo, mappa e webcam su una riga invece di tre righe da ~75 px */
    .single-destinazione .ig-info-strip__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .single-destinazione .ig-info-strip__item { flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px 10px; min-width: 0; }
    .single-destinazione .ig-info-strip__item svg { width: 16px; height: 16px; }
    .single-destinazione .ig-info-strip__label { font-size: 10px; letter-spacing: .04em; }
    .single-destinazione .ig-info-strip__value { font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }

    /* Menu: le 8 lingue occupavano metà pannello */
    .ig-mobile-menu__langs { gap: 6px; }
    .ig-mobile-menu__lang-item { padding: 8px 10px; font-size: .85rem; border-radius: 10px; }
}

/* ── Blocco 13 · Pagine categoria (Sport e percorsi, Cultura…): hero più basso, la lista arriva prima ── */
.page-template-page-esperienze-categoria .ig-dest-hero--short {
    height: 46vh !important;
    min-height: 340px !important;
    max-height: 440px;
}
.ig-dest-hero__video[poster] { background: #1f2a37 center / cover no-repeat; }

/* Menu mobile: bottoni lingua compatti ma alti almeno 44 px per il dito (completa il Blocco 12) */
@media (max-width: 767px) {
    .ig-mobile-menu__lang-item { min-height: 44px; }
}

/* ── Blocco 14 · Home: «Questo weekend sul lago» ── */
.ig-weekend { padding: var(--sp-xl, 48px) 0 0; }
.ig-weekend__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.ig-weekend__title { margin: 0; }
.ig-weekend__all { font-weight: 600; text-decoration: none; color: var(--ig-primary, #C2410C); }
.ig-weekend__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.ig-weekend__card { display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); border: 1px solid rgba(0, 0, 0, .06); }
.ig-weekend__img { aspect-ratio: 16 / 10; overflow: hidden; background: #e9e5dc center / cover no-repeat; }
.ig-weekend__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ig-weekend__body { padding: 12px 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.ig-weekend__loc { font-size: 12px; color: #5b5348; }
.ig-weekend__name { font-size: 16px; line-height: 1.3; font-weight: 600; margin: 0; }
.ig-weekend__date { font-size: 13px; font-weight: 600; color: var(--ig-primary, #C2410C); }
/* Mobile: riga scorrevole invece di 4 card in colonna (da 1850 px a circa 420 px) */
@media (max-width: 767px) {
    .ig-weekend__grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -24px; padding: 0 24px 8px; scroll-padding-left: 24px; scrollbar-width: none; }
    .ig-weekend__grid::-webkit-scrollbar { display: none; }
    .ig-weekend__card { scroll-snap-align: start; }
}

/* ── Blocco 15 · Scheda attrazione: «Vicino a qui» ── */
.ig-near { padding: var(--sp-lg, 32px) 0 var(--sp-2xl, 64px); }
.ig-near__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.ig-near__title { margin: 0; font-family: var(--font-heading, 'Playfair Display', Georgia, serif); font-size: clamp(1.5rem, 2.5vw, 2rem); }
.ig-near__all { font-weight: 600; text-decoration: none; color: var(--ig-primary, #C2410C); }
.ig-near__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ig-near__card { display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; border: 1px solid rgba(0, 0, 0, .08); }
.ig-near__img { aspect-ratio: 16 / 10; overflow: hidden; background: #e9e5dc; }
.ig-near__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ig-near__body { padding: 12px 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.ig-near__name { font-size: 16px; line-height: 1.3; font-weight: 600; margin: 0; }
.ig-near__meta { font-size: 13px; color: #5b5348; }
.ig-near__subtitle { margin: 32px 0 10px; font-size: 1.15rem; }
.ig-near__events { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(0, 0, 0, .08); }
.ig-near__events li a { display: flex; gap: 16px; align-items: baseline; padding: 12px 0; min-height: 44px; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, .08); text-decoration: none; color: inherit; }
.ig-near__date { flex: 0 0 150px; font-size: 13px; font-weight: 600; color: var(--ig-primary, #C2410C); }
.ig-near__ename { font-weight: 500; }
.ig-near__back { margin: 20px 0 0; }
@media (max-width: 767px) {
    .ig-near__grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -24px; padding: 0 24px 8px; scroll-padding-left: 24px; scrollbar-width: none; }
    .ig-near__grid::-webkit-scrollbar { display: none; }
    .ig-near__card { scroll-snap-align: start; }
    .ig-near__events li a { flex-direction: column; gap: 2px; }
    .ig-near__date { flex: none; }
}