/* Schede nuove, solo in anteprima (?anteprima=1): spec
   agent-os/specs/2026-10-26-1930-schede-struttura-uguali-mobile/ (ui-rules.md).
   La classe html.scheda-v2 la mette la fascia dell'anteprima
   (templates/public/partials/_scheda_anteprima_banner.html): senza anteprima
   nessuna regola qui vale. Primo pezzo: barra in basso uguale per tutte le
   schede, testi leggibili (minimo 12 px, contrasto 4,5:1), niente pillole. */

html.scheda-v2 {
    --sv2-navy: #1e3a70;
    --sv2-blue: #1f4fa3;
    --sv2-blue-soft: #eaf1fc;
    --sv2-lime: #a3c83c;
    --sv2-lime-ink: #16240a;
    --sv2-wa: #0e7a40;
    --sv2-muted: #5b6880;
    --sv2-struck: #647089;
    --sv2-save: #2e6b12;
    --sv2-save-soft: #eef6e2;
}

/* ── Pulsanti lime: testo scuro (8,4:1 invece di 1,9:1) ─────────────── */
html.scheda-v2 .hd-sticky-mobile-cta__btn,
html.scheda-v2 .vd-dock-cta,
html.scheda-v2 .btn-accent,
html.scheda-v2 .btn-open-lead-form,
html.scheda-v2 .hd-bp-btn--primary,
html.scheda-v2 .vd-side-btn--primary {
    background: var(--sv2-lime) !important;
    color: var(--sv2-lime-ink) !important;
}
html.scheda-v2 .hd-sticky-mobile-cta__btn i,
html.scheda-v2 .vd-dock-cta i,
html.scheda-v2 .btn-accent i,
html.scheda-v2 .btn-open-lead-form i { color: var(--sv2-lime-ink) !important; }

/* ── WhatsApp: verde scuro (5,4:1 invece di 2,0:1) ─────────────────── */
html.scheda-v2 a[href*="wa.me"].btn,
html.scheda-v2 a[href*="whatsapp"].btn,
html.scheda-v2 .vd-side-btn--wa,
html.scheda-v2 .btn-whatsapp {
    background: var(--sv2-wa) !important;
    border-color: var(--sv2-wa) !important;
    color: #fff !important;
}

/* ── Prezzi: sempre blu, la promo la dice l'etichetta verde ───────── */
html.scheda-v2 .hd-mr-treat-price-promo,
html.scheda-v2 .hd-price-summary-card__final,
html.scheda-v2 .hd-price-summary-card__price,
html.scheda-v2 .price-promo,
html.scheda-v2 .hd-room-price--promo { color: var(--sv2-blue) !important; }
html.scheda-v2 s,
html.scheda-v2 del,
html.scheda-v2 .hd-price-summary-card__struck,
html.scheda-v2 .price-struck-text,
html.scheda-v2 .vd-room-list,
html.scheda-v2 .hd-sticky-mobile-cta__struck { color: var(--sv2-struck) !important; }

/* ── Distanze in Posizione: blu su azzurro (6,8:1 invece di 1,8:1) ── */
html.scheda-v2 .badge.bg-info.text-info,
html.scheda-v2 .badge.text-info {
    color: var(--sv2-blue) !important;
    background: var(--sv2-blue-soft) !important;
}

/* ── Niente pillole: angoli a 6 px ──────────────────────────────────── */
html.scheda-v2 .classic-promo,
html.scheda-v2 .hd-savings-banner__pill,
html.scheda-v2 .hd-sticky-mobile-cta__pct,
html.scheda-v2 .hd-price-summary-card__pct-pill,
html.scheda-v2 .hd-scarcity-chip,
html.scheda-v2 .vd-promo-badge,
html.scheda-v2 .vd-room-pill,
html.scheda-v2 .hd-hero-mosaic__rating-chip,
html.scheda-v2 .vd-airport-pill,
html.scheda-v2 .vd-ptype,
html.scheda-v2 .vd-insurance-chip,
html.scheda-v2 .hd-suppl-badge,
html.scheda-v2 .room-badge-best { border-radius: 6px !important; }

/* ── Testi piccoli: minimo 12 px ────────────────────────────────────── */
html.scheda-v2 .hd-sticky-mobile-cta__label,
html.scheda-v2 .hd-sticky-mobile-cta__pct,
html.scheda-v2 .hd-sticky-mobile-cta__bnpl,
html.scheda-v2 .hd-sticky-mobile-cta__savings,
html.scheda-v2 .hd-sticky-mobile-cta__struck,
html.scheda-v2 .hd-savings-banner__label,
html.scheda-v2 .hd-savings-banner__sub,
html.scheda-v2 .hd-promo-expiry-band,
html.scheda-v2 .hd-scarcity-chip,
html.scheda-v2 .hd-hero-mosaic__rating-chip,
html.scheda-v2 .room-badge-best,
html.scheda-v2 .hd-suppl-badge,
html.scheda-v2 .hd-bp-summary__meta,
html.scheda-v2 .hd-pay-mini__nota,
html.scheda-v2 .vd-dock-label,
html.scheda-v2 .vd-dock-pay,
html.scheda-v2 .vd-ptype,
html.scheda-v2 .vd-insurance-chip,
html.scheda-v2 .vd-promo-badge,
html.scheda-v2 .vd-room-pill,
html.scheda-v2 .vd-rel-meta,
html.scheda-v2 .v2-riep-occhiello,
html.scheda-v2 .v2-riep-oggi,
html.scheda-v2 .v2-riep-luogo,
html.scheda-v2 .v2-tab dt,
html.scheda-v2 .v2-incl-check,
html.scheda-v2 .fh-summary-total,
html.scheda-v2 .fh-summary-reassurance,
html.scheda-v2 .fh-room-policy,
html.scheda-v2 .fh-review-badge,
html.scheda-v2 .supplier-badge,
html.scheda-v2 .hd-supplier-badge { font-size: 12px !important; }

/* ── Barra in basso: una sola altezza e gli stessi testi ───────────── */
@media (max-width: 991.98px) {
    html.scheda-v2 .hd-sticky-mobile-cta__header,
    html.scheda-v2 .vd-dock-header { min-height: 72px; box-sizing: border-box; align-items: center; }
    html.scheda-v2 .hd-sticky-mobile-cta__final,
    html.scheda-v2 .vd-dock-total { font-size: 22px !important; }
    html.scheda-v2 .hd-sticky-mobile-cta__btn,
    html.scheda-v2 .vd-dock-cta { min-height: 48px !important; font-size: 15px !important; border-radius: 24px !important; }
    html.scheda-v2 .hd-sticky-mobile-cta__riepilogo,
    html.scheda-v2 .vd-dock-rie { min-height: 48px !important; border-radius: 24px !important; }

    /* «Qualcuno sta prenotando»: sopra la barra, mai a metà schermo */
    html.scheda-v2 #spNotification {
        top: auto !important;
        bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* ── Ultimi testi sotto i 12 px trovati dalla matrice (26/10) ─────── */
html.scheda-v2 .mobile-header-label,
html.scheda-v2 .hd-mr-group-meta,
html.scheda-v2 .hd-room-card__treatment,
html.scheda-v2 .hd-room-card__treatment *,
html.scheda-v2 .badge.bg-light.text-muted { font-size: 12px !important; }
html.scheda-v2 .hd-hero-mosaic__photo-count-badge { border-radius: 6px !important; }

/* ── Contrasto: località, supplementi, stelle, telefono, correlati ── */
html.scheda-v2 .hd-hero-mosaic__mobile-overlay__comune,
html.scheda-v2 .vd-rel-meta { color: var(--sv2-muted) !important; }
html.scheda-v2 .hd-suppl-row__price { color: var(--sv2-navy) !important; }
/* stelle: oro più scuro, 3:1 sul bianco come gli elementi grafici */
html.scheda-v2 .hd-similar-tile__stars { color: #b7791f !important; }
html.scheda-v2 .vd-side-btn--tel { color: var(--sv2-navy) !important; border-color: var(--sv2-navy) !important; }

/* ── Barra hotel come quella dei viaggi: «Totale» accanto al prezzo,
      il risparmio su una riga sola (ui-rules §2) ─────────────────────── */
@media (max-width: 991.98px) {
    html.scheda-v2 .hd-sticky-mobile-cta__price-block {
        display: grid !important; grid-template-columns: max-content 1fr; column-gap: 6px;
        align-items: baseline; justify-content: start;
    }
    html.scheda-v2 .hd-sticky-mobile-cta__label { grid-column: 2; grid-row: 1; }
    html.scheda-v2 .hd-sticky-mobile-cta__price { grid-column: 1; grid-row: 1; }
    html.scheda-v2 .hd-sticky-mobile-cta__savings {
        grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; gap: 6px;
        white-space: nowrap; margin-top: 2px;
    }
    html.scheda-v2 .hd-sticky-mobile-cta__savings[style*="display:none"],
    html.scheda-v2 .hd-sticky-mobile-cta__savings[style*="display: none"] { display: none !important; }
}
/* sotto i 420 px «Riepilogo» diventa l'icona sola, come nei viaggi */
@media (max-width: 419.98px) {
    html.scheda-v2 .hd-sticky-mobile-cta__riepilogo { font-size: 0 !important; gap: 0; width: 48px; padding: 0 !important; justify-content: center; }
    html.scheda-v2 .hd-sticky-mobile-cta__riepilogo .bi { font-size: 18px; }
}

/* La veste HoEscape colora la località con html[data-skin="hoe"] body.hdx:
   stessa forza, e questo foglio arriva dopo. */
html.scheda-v2[data-skin] body .hd-hero-mosaic__mobile-overlay .hd-hero-mosaic__mobile-overlay__comune,
html.scheda-v2 body.hdx .hd-hero-mosaic__mobile-overlay__comune { color: var(--sv2-muted) !important; }
/* Prezzo della «Struttura unica» (madre e secondarie): blu, non lime */
html.scheda-v2 .sg-offers__price strong { color: var(--sv2-blue) !important; }

/* «Offerta a tempo» e chip promo: 12 px, sconto nel verde delle promo
   (ui-rules §2), non arancione (2,9:1). Trovato su Barceló Tiran. */
html.scheda-v2 .classic-promo__label,
html.scheda-v2 .classic-promo__pct,
html.scheda-v2 .classic-promo__exp,
html.scheda-v2 .classic-promo__save { font-size: 12px !important; }
html.scheda-v2 .classic-promo__pct,
html.scheda-v2 .classic-promo__save { color: var(--sv2-save) !important; }

/* ── Testata uguale per tutti (anatomia, punto 2) ─────────────────────
   La riga sotto la foto, al telefono, in anteprima dice «Comune · Regione o
   Paese» (services/scheda_testata.py) invece di «FOLGARIDA» o «France»:
   maiuscole normali, grigio leggibile, accanto alle stelle. */
html.scheda-v2 .hd-hero-mosaic__mobile-overlay__comune,
html.scheda-v2 .hd-hero-mosaic__mobile-overlay__address {
    text-transform: none !important; letter-spacing: 0 !important;
    font-size: 14px !important; font-weight: 600 !important; color: var(--sv2-muted) !important;
}
/* Corsie 1way/Ignas/ETG: la località sale accanto alle stelle, come sui nativi.
   Solo al telefono: al computer la riga sotto la foto non c'è (27/10, owner:
   «su Armon titolo e stelle anche sulle foto» — prima questa regola valeva ovunque). */
@media (max-width: 767.98px) {
    html.scheda-v2 .hd-hero-mosaic__mobile-overlay { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 8px; }
    html.scheda-v2 .hd-hero-mosaic__mobile-overlay__topline,
    html.scheda-v2 .hd-hero-mosaic__mobile-overlay__starline { order: 1; }
    html.scheda-v2 .hd-hero-mosaic__mobile-overlay__meta { order: 2; flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    html.scheda-v2 .hd-hero-mosaic__mobile-overlay__name { order: 3; flex-basis: 100%; }
}

/* ── Testata senza foto: stelle, località, nome e cuore restano ───── */
html.scheda-v2 .sv2-testata-nofoto {
    background: #fff; border-bottom: 1px solid #e2e7ef; padding: 14px 16px 16px;
}
html.scheda-v2 .sv2-testata-nofoto__line { display: flex; align-items: center; gap: 8px; min-height: 44px; }
html.scheda-v2 .sv2-testata-nofoto__heart {
    margin-left: auto; width: 44px; height: 44px; border-radius: 22px; border: 1.5px solid #cfd7e3;
    background: #fff; color: var(--sv2-navy); display: inline-flex; align-items: center; justify-content: center;
}
html.scheda-v2 .sv2-testata-nofoto .hd-hero-mosaic__mobile-overlay__name {
    margin: 4px 0 0; font-size: 24px; line-height: 1.2; font-weight: 800; color: var(--sv2-navy);
}

/* ── Cuore sempre sulla foto, in alto a destra accanto al contatore ──
      (sulle corsie stava accanto alla località, sui nativi sulla foto) */
@media (max-width: 767.98px) {
    html.scheda-v2 .hd-hero-mosaic__grid { position: relative; }
    html.scheda-v2 .hd-hero-mosaic__mobile-overlay,
    html.scheda-v2 .hd-hero-mosaic__mobile-overlay__meta { position: static !important; }
    html.scheda-v2 .hd-hero-mosaic__mobile-overlay__heart {
        position: absolute !important; top: 14px; right: 96px; z-index: 3;
        width: 44px; height: 44px; border-radius: 22px !important; border: 0 !important;
        background: rgba(20, 30, 50, .72) !important; color: #fff !important;
        display: inline-flex !important; align-items: center; justify-content: center;
    }
    html.scheda-v2 .hd-hero-mosaic__mobile-overlay__heart i { color: #fff !important; font-size: 18px; }

    /* ── Viaggi: stelle e «Città · Paese» sopra il nome, come negli hotel ── */
    html.scheda-v2 .vd-head-main { display: flex; flex-direction: column; }
    html.scheda-v2 .vd-head-main .vd-meta { order: -1; margin: 0 0 4px; }
    html.scheda-v2 .vd-head-main .vd-kicker { display: none; }
    html.scheda-v2 .vd-place { font-size: 14px !important; font-weight: 600; color: var(--sv2-muted) !important; }
    html.scheda-v2 .vd-place .bi-geo-alt-fill { display: none; }
}

/* Stessa forza delle regole della veste HoEscape (html[data-skin] body.hdx …),
   arrivando dopo: località uguale su nativi e corsie, niente puntina nei viaggi. */
html.scheda-v2[data-skin] body .hd-hero-mosaic__mobile-overlay .hd-hero-mosaic__mobile-overlay__comune,
html.scheda-v2[data-skin] body .hd-hero-mosaic__mobile-overlay .hd-hero-mosaic__mobile-overlay__address {
    font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important;
}
html.scheda-v2 body .vd-head .vd-place > .bi-geo-alt-fill { display: none !important; }


/* ── Computer: titolo sopra le foto, uguale per hotel e viaggi (owner
      27/10/2026: «telefono sotto, computer sopra») ─────────────────────
   Riga 1: stelle · «Comune · Regione o Paese»; riga 2: nome e voto.
   L'indirizzo completo resta nella sezione Posizione. */
html.scheda-v2 .sv2-luogo { display: none; }
@media (min-width: 768px) {
    /* Stessa forza di html[data-skin="hoe"] body.hdx .hd-hero-mosaic__title-block > … (17/10:
       stelle sotto il nome), arrivando dopo: ora stelle e località sopra, come al telefono. */
    html.scheda-v2[data-skin] body .hd-hero-mosaic__title-block {
        display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 10px; row-gap: 2px;
    }
    html.scheda-v2[data-skin] body .hd-hero-mosaic__title-block > .hd-hero-mosaic__stars { order: 1; margin: 0 !important; }
    html.scheda-v2[data-skin] body .hd-hero-mosaic__title-block > .sv2-luogo {
        order: 2; display: inline !important; font-size: 15px; font-weight: 600; color: var(--sv2-muted);
    }
    html.scheda-v2[data-skin] body .hd-hero-mosaic__title-block::after { content: ''; order: 3; flex-basis: 100%; height: 0; }
    html.scheda-v2[data-skin] body .hd-hero-mosaic__title-block > .hd-hero-mosaic__name { order: 4; flex-basis: auto; margin: 0 !important; }
    html.scheda-v2[data-skin] body .hd-hero-mosaic__title-block > .hd-hero-mosaic__meta { order: 5; margin: 0 !important; }
    html.scheda-v2[data-skin] body .hd-hero-mosaic__title-block .hd-hero-mosaic__address { display: none !important; }

    /* Viaggi: la veste HoEscape metteva prima le foto (viaggi stile home, 17/10). Le stelle
       restano quelle della riga località (la veste nasconde .vd-kicker). */
    html.scheda-v2[data-skin] .vd-hero--foto .vd-head--hero { order: 0 !important; margin: 4px 0 14px !important; }
    html.scheda-v2[data-skin] .vd-hero--foto .vd-mosaic { order: 1 !important; }
    html.scheda-v2[data-skin] body .vd-head--hero .vd-head-main { display: flex !important; flex-direction: column; gap: 2px; }
    html.scheda-v2[data-skin] body .vd-head--hero .vd-meta { order: 1 !important; margin: 0 !important; }
    html.scheda-v2[data-skin] body .vd-head--hero .vd-name { order: 2 !important; margin: 0 !important; }
    html.scheda-v2[data-skin] body .vd-head--hero .vd-place { font-size: 15px !important; font-weight: 600 !important; color: var(--sv2-muted) !important; }
    html.scheda-v2[data-skin] body .vd-head--hero .vd-place > .bi-geo-alt-fill { display: none !important; }
}
/* Stelle della stessa misura su hotel e viaggi, al computer */
@media (min-width: 768px) {
    html.scheda-v2[data-skin] body .hd-hero-mosaic__title-block > .hd-hero-mosaic__stars,
    html.scheda-v2[data-skin] body .vd-head--hero .vd-place .vd-stars,
    html.scheda-v2[data-skin] body .vd-head--hero .vd-place .vd-stars i { font-size: 17px !important; }
}

/* ── Camere delle schede col listino nostro e OTA (#multiRoomConfigurator) ─
   3 righe per camera poi «Mostra altre N» (static/js/scheda-v2.js),
   «Il trattamento» come titolo, barrato grigio leggibile. */
html.scheda-v2 #multiRoomConfigurator .sv2-row-hidden { display: none !important; }
html.scheda-v2 #multiRoomConfigurator .sv2-more {
    display: block; width: 100%; min-height: 44px; margin: 6px 0 2px; border-radius: 22px;
    border: 1.5px solid var(--sv2-blue); background: #fff; color: var(--sv2-blue);
    font: 700 14px Figtree, system-ui, sans-serif;
}
html.scheda-v2 #multiRoomTreatmentTitle {
    text-transform: none !important; letter-spacing: 0 !important; color: var(--sv2-navy) !important;
    font-size: 16px !important; font-weight: 800 !important; margin: 18px 0 10px !important;
}
html.scheda-v2 #multiRoomTreatmentTitle .bi { display: none; }
html.scheda-v2 .room-card-price-struck { color: var(--sv2-struck) !important; }

/* «Gli ospiti adorano» spostato sotto il motore di ricerca (scheda-v2.js): margini da blocco */
@media (max-width: 767.98px) {
    html.scheda-v2 .sv2-guests-love { margin: 12px 16px 0 !important; display: block !important; }
}

/* ── Titolo sotto la foto anche fuori dalla veste HoEscape (InfoIschia) ──
   Owner 27/10: «telefono sotto la foto». La veste HoEscape lo fa già
   (hotel-detail-hoe.css, «Compatta»); InfoIschia teneva il nome bianco sulla
   foto e con la riga resa statica qui sopra il titolo finiva tagliato dentro la
   foto (verificato su Colella, infoischia.com). Stesse regole, per ogni veste. */
@media (max-width: 767.98px) {
    html.scheda-v2 body .hd-hero-mosaic__grid { height: auto !important; overflow: visible !important; }
    html.scheda-v2 body .hd-hero-mosaic__cell--1 {
        position: relative !important; display: block !important; height: 300px !important; overflow: hidden;
    }
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay {
        background: #fff !important; background-image: none !important;
        padding: 12px 14px 4px !important; color: var(--sv2-navy) !important;
    }
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay::before,
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay::after,
    html.scheda-v2 body .hd-hero-mosaic__grid::before,
    html.scheda-v2 body .hd-hero-mosaic__grid::after { display: none !important; }
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay__stars,
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay__stars .bi {
        color: #f5a623 !important; opacity: 1 !important; filter: none !important; text-shadow: none !important;
    }
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay__topline,
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay__meta { color: var(--sv2-muted) !important; text-shadow: none !important; }
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay__name {
        color: var(--sv2-navy) !important; font-size: 24px !important; font-weight: 800 !important;
        line-height: 1.15 !important; text-shadow: none !important; margin: 2px 0 0 !important;
    }
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay__comune,
    html.scheda-v2 body .hd-hero-mosaic__mobile-overlay__address { text-shadow: none !important; }
}

/* ── «Come paghi» (tavola «Riepilogo», _pay_mini.html con scheda_v2) ── */
html.scheda-v2 .sv2-pay-title {
    margin: 14px 0 6px; font-size: 15px; font-weight: 800; color: var(--sv2-navy);
}
html.scheda-v2 .sv2-pay .hd-pay-mini__row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; }
html.scheda-v2 .sv2-pay .hd-pay-mini__label { font-size: 14px; color: var(--sv2-navy); font-weight: 600; }
html.scheda-v2 .sv2-pay .hd-pay-mini__amount { font-size: 15px; color: var(--sv2-navy); font-weight: 800; white-space: nowrap; }
html.scheda-v2 .sv2-pay .sv2-pay__balance .hd-pay-mini__label,
html.scheda-v2 .sv2-pay .sv2-pay__balance .hd-pay-mini__amount { color: var(--sv2-muted); font-weight: 600; }
/* «Totale alla conferma» serve solo col viaggio aggiunto: senza, ripete la prima riga */
html.scheda-v2 .sv2-pay:not(:has(#hdPayMiniTransportRow[style*="flex"])) .hd-pay-mini__sep,
html.scheda-v2 .sv2-pay:not(:has(#hdPayMiniTransportRow[style*="flex"])) .hd-pay-mini__total { display: none !important; }

/* Trattamento: il prezzo non si attacca al nome (InfoIschia, 27/10: «Acqua Ai Pasti€550») */
html.scheda-v2 .option-card > .d-flex.justify-content-between { gap: 12px; }
html.scheda-v2 .option-card > .d-flex.justify-content-between > span:last-child { white-space: nowrap; }

/* «Da regolare in loco · non incluso nel totale» (owner 27/10: «non si vede bene»):
   era 11,5 px corsivo grigio chiaro, 3,1:1. Ora 14 px dritto, come le altre righe. */
html.scheda-v2 .hd-recap-block__row {
    font-size: 14px !important; font-style: normal !important; color: var(--sv2-navy) !important;
    align-items: baseline; gap: 12px;
}
html.scheda-v2 .hd-recap-block__row > span:first-child { font-weight: 600 !important; }
html.scheda-v2 .hd-recap-block__row > span:last-child { font-weight: 700 !important; white-space: nowrap; }
html.scheda-v2 .hd-recap-block__row small {
    font-size: 13px !important; font-style: normal !important; color: var(--sv2-muted) !important; font-weight: 500;
}
html.scheda-v2 .hd-recap-block__row .hd-loco-info,
html.scheda-v2 .hd-recap-block__row .hd-loco-info .bi { color: var(--sv2-blue) !important; font-style: normal !important; font-size: 14px !important; }

/* Totale del riepilogo al telefono: blu come gli altri prezzi su HoEscape (owner
   27/10). Batte l'arancione di hotel-detail.css (.hd-ms-final-total, 06/06).
   InfoIschia tiene i suoi colori (owner 27/10). */
html.scheda-v2[data-skin="hoe"] .hd-sticky-mobile-cta__body .hd-ms-cardclone .hd-ms-final-total .hd-price-summary-card__price {
    color: var(--sv2-blue) !important;
}

/* ── Righe camera (anteprima, owner 27/10): prezzo accanto al nome, «Vedi foto ·
      Dettagli offerta» su una riga, «Cancellazione gratuita ⓘ» (scheda-v2.js) ── */
html.scheda-v2 [id$="-rooms"] .option-card .hd-mr-room {
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; row-gap: 6px; align-items: start;
}
html.scheda-v2 [id$="-rooms"] .option-card .hd-mr-room__head { display: contents !important; }
html.scheda-v2 [id$="-rooms"] .option-card .room-card-name { grid-column: 1; grid-row: 1; align-self: center; }
html.scheda-v2 [id$="-rooms"] .option-card .hd-mr-room__price { grid-column: 2; grid-row: 1; align-self: center; }
html.scheda-v2 [id$="-rooms"] .option-card .hd-mr-room__price .room-card-price-big { font-size: 22px !important; line-height: 1.1; }
html.scheda-v2 [id$="-rooms"] .option-card .hd-mr-room__tt { grid-column: 1 / -1; }
html.scheda-v2 .sv2-links { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
html.scheda-v2 .sv2-links button { white-space: nowrap; font-size: 13px !important; margin: 0 !important; padding: 0 !important; }
html.scheda-v2 .sv2-links .hd-room-pkg-sep { display: inline !important; color: #9aa4b5; margin: 0 !important; }
html.scheda-v2 .sv2-cancel {
    grid-column: 1 / -1; position: relative; display: flex; align-items: center; gap: 5px;
    font-size: 13px; font-weight: 700; color: var(--sv2-save);
}
html.scheda-v2 .sv2-cancel__i {
    border: 0; background: none; padding: 4px; margin: -4px 0; color: var(--sv2-blue); font-size: 15px; line-height: 1; cursor: pointer;
}
html.scheda-v2 .sv2-cancel__tip {
    display: none; position: absolute; left: 0; top: calc(100% + 8px); z-index: 20; width: 260px; max-width: 80vw;
    background: var(--sv2-navy); color: #fff; border-radius: 10px; padding: 10px 12px;
    font-size: 13px; font-weight: 500; line-height: 1.45; box-shadow: 0 8px 24px rgba(20, 30, 50, .25);
}
html.scheda-v2 .sv2-cancel__tip::before {
    content: ''; position: absolute; top: -6px; left: 18px; border: 6px solid transparent; border-top: 0; border-bottom-color: var(--sv2-navy);
}
html.scheda-v2 .sv2-cancel.is-open .sv2-cancel__tip { display: block; }
@media (hover: hover) { html.scheda-v2 .sv2-cancel__i:hover + .sv2-cancel__tip { display: block; } }

/* ── «Informazioni utili» (anteprima, _scheda_info_utili.html) ── */
html.scheda-v2 .sv2-info-utili h5 { font-weight: 800; color: var(--sv2-navy); margin-bottom: 6px; }
html.scheda-v2 .sv2-info-utili__row {
    display: grid; grid-template-columns: 110px 1fr; gap: 10px; padding: 10px 0; border-top: 1px solid #eef1f6;
    font-size: 14px; line-height: 1.4; color: var(--sv2-navy);
}
html.scheda-v2 .sv2-info-utili__row:first-of-type { border-top: 0; }
html.scheda-v2 .sv2-info-utili__label { color: var(--sv2-muted); font-weight: 600; }

/* ── Computer (owner 27/10): «Cancellazione gratuita ⓘ» subito dopo il nome della
      camera; riquadro date allineato alle foto (era largo 1440 px contro i 1392
      della pagina e usciva ai lati); cifre di «Come paghi» allineate a destra. ── */
@media (min-width: 768px) {
    html.scheda-v2 [id$="-rooms"] .option-card .hd-mr-room { grid-template-columns: auto minmax(0, 1fr) auto !important; }
    html.scheda-v2 [id$="-rooms"] .option-card .room-card-name { grid-column: 1; }
    html.scheda-v2 [id$="-rooms"] .option-card .sv2-cancel { grid-column: 2; grid-row: 1; align-self: center; margin-left: 10px; }
    html.scheda-v2 [id$="-rooms"] .option-card .hd-mr-room__price { grid-column: 3; }
    html.scheda-v2 .hd-modify-bar {
        width: calc(100% - 48px) !important; max-width: 1392px !important;
        margin-left: auto !important; margin-right: auto !important;
    }
    html.scheda-v2 .hd-modify-bar__inner { max-width: none !important; }
}
html.scheda-v2 #hdPriceSummaryCard .sv2-pay .hd-pay-mini__row { justify-content: space-between !important; gap: 12px; }

/* Posizione al computer (owner 27/10): indirizzo e distanze sulla stessa riga del titolo */
@media (min-width: 768px) {
    html.scheda-v2 .hd-position-card { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 16px; }
    html.scheda-v2 .hd-position-card > * { flex-basis: 100%; }
    html.scheda-v2 .hd-position-card > h5,
    html.scheda-v2 .hd-position-card > h5 + p,
    html.scheda-v2 .hd-position-card > h5 + p + .d-flex { flex-basis: auto; margin: 0 !important; }
}

/* Camera unica (owner 27/10): niente numero nel cerchio (scheda-v2.js, .sv2-single) */
html.scheda-v2 #multiRoomConfigurator.sv2-single .hd-mr-group-num { display: none !important; }