/**
 * Tipografia — flusso preventivo ristrutturazione
 * Scope: .renovation-quote-container (dati-immobile e step correlati)
 * @see docs/typography-spec-public-pages.md
 */

/* Form: label, input, select, errori */
.renovation-quote-container .form-label,
.renovation-quote-container label,
.renovation-quote-container .form-control,
.renovation-quote-container .form-select,
.renovation-quote-container .form-control::placeholder,
.renovation-quote-container textarea.form-control,
.renovation-quote-container .select2-container--default .select2-selection--single .select2-selection__rendered,
.renovation-quote-container .select2-results__option,
.renovation-quote-container .dropdown-item {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.renovation-quote-container .text-muted.small,
.renovation-quote-container .form-text,
.renovation-quote-container .text-danger.small,
.renovation-quote-container .city-province-small {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.renovation-quote-container .text-danger,
.renovation-quote-container .text-danger.fw-medium {
    font-size: 16px !important;
}

/* Ricerca città (Livewire) */
.renovation-quote-container .city-name-large {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Titoli sezione */
.renovation-quote-container .section-title,
.renovation-quote-container h4.section-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

/* Card selezione preventivo veloce / dettagliato */
.renovation-quote-container .quote-option-title,
.renovation-quote-container h5.quote-option-title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.renovation-quote-container .info-btn-external,
.renovation-quote-container .info-btn-external i {
    font-size: 16px !important;
}

/* Pulsanti navigazione (Annulla / Prosegui) */
.renovation-quote-container .nav-button-primary,
.renovation-quote-container .nav-button-secondary,
.renovation-quote-container .nav-button-text,
.renovation-quote-container .btn-prosegui {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Modali info preventivo (dati-immobile — pulsante Info) */
.renovation-quote-container .renovation-info-modal .modal-title,
.renovation-info-modal .modal-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

.renovation-quote-container .renovation-info-modal__lead,
.renovation-info-modal__lead {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.renovation-quote-container .renovation-info-modal__list li,
.renovation-quote-container .renovation-info-modal__list li span,
.renovation-info-modal__list li,
.renovation-info-modal__list li span {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.renovation-quote-container .renovation-info-modal__btn-close,
.renovation-info-modal__btn-close {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

@media (max-width: 575.98px) {
    .renovation-quote-container .renovation-info-modal .modal-title,
    .renovation-info-modal .modal-title {
        font-size: 22px !important;
    }
}

/* Campi premium (se presenti negli step) */
.renovation-quote-container .premium-label,
.renovation-quote-container .premium-input,
.renovation-quote-container .premium-select-styled,
.renovation-quote-container .premium-toggle-label,
.renovation-quote-container .premium-counter-value,
.renovation-quote-container .premium-counter-btn,
.renovation-quote-container .counter-value {
    font-size: 16px !important;
}

.renovation-quote-container .premium-error {
    font-size: 12px !important;
}

.renovation-quote-container .step-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

.renovation-quote-container .intro-text,
.renovation-quote-container .intro-text p {
    font-size: 16px !important;
}

/* =========================================================================
   Step 1.5 — /preventivo-ristrutturazione/modalita-configurazione
   ========================================================================= */

/* Intro «Scegli in che modo…» — titolo sezione 25px (22px mobile) */
.renovation-quote-container .step1_5-page .step15-intro,
.renovation-quote-container .step1_5-page p.step15-intro {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

/* Card opzione (CONFIGURAZIONE MANUALE / CARICA PLANIMETRIA) — titolo 16px */
.renovation-quote-container .step15-card .step15-card-title,
.renovation-quote-container .step15-card h4.step15-card-title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

/* Card opzione — descrizione e bullet list 16px */
.renovation-quote-container .step15-card .step15-card-desc,
.renovation-quote-container .step15-card .step15-card-list,
.renovation-quote-container .step15-card .step15-card-list li {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Card opzione — CTA «SELEZIONA» 16px */
.renovation-quote-container .step15-card .step15-card-cta,
.renovation-quote-container .step15-card a.step15-card-cta {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Box suggerimento — toggle label e contenuto 16px, freccia icona 16px */
.renovation-quote-container .step15-suggerimento .step15-suggerimento-label,
.renovation-quote-container .step15-suggerimento .step15-suggerimento-toggle i,
.renovation-quote-container .step15-suggerimento .step15-suggerimento-text,
.renovation-quote-container .step15-suggerimento p.step15-suggerimento-text {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Pulsante INDIETRO 16px */
.renovation-quote-container .step1_5-actions .step15-back-btn,
.renovation-quote-container .step1_5-actions a.step15-back-btn,
.renovation-quote-container .step1_5-actions .step15-back-btn i,
.renovation-quote-container .step1_6-actions .step15-back-btn,
.renovation-quote-container .step1_6-actions a.step15-back-btn,
.renovation-quote-container .step1_6-actions .step15-back-btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* =========================================================================
   Configurazione manuale — /preventivo-ristrutturazione/configurazione-manuale
   Scope: .config-environments-page (Livewire: manual-room-configuration)
   ========================================================================= */

/* Titolo sezione «Seleziona 1 o più ambienti» — 25px */
.renovation-quote-container .config-environments-page h4,
.renovation-quote-container .config-environments-page h4.mb-0 {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

/* Titolo card ambiente (Cucina, Camera, Bagno…) — titolo card 25px */
.renovation-quote-container .config-environments-page .environment-card-new .environment-title-new,
.renovation-quote-container .config-environments-page .environment-card-new h5.environment-title-new {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* Contatore quantità (numero e pulsanti +/-) — default 16px */
.renovation-quote-container .config-environments-page .quantity-value-new,
.renovation-quote-container .config-environments-page .quantity-btn-new,
.renovation-quote-container .config-environments-page .quantity-btn-new i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Pulsanti navigazione (INDIETRO / CONTINUA) — 16px */
.renovation-quote-container .config-environments-page .navigation-buttons .btn,
.renovation-quote-container .config-environments-page .navigation-buttons a.btn,
.renovation-quote-container .config-environments-page .navigation-buttons button.btn,
.renovation-quote-container .config-environments-page .navigation-buttons .btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Alert errore — default 16px */
.renovation-quote-container .config-environments-page .alert,
.renovation-quote-container .config-environments-page .alert i {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* =========================================================================
   Configurazione dettagliata — /preventivo-ristrutturazione/configurazione-dettagliata
   Scope: .config-detail-page (Livewire: room-detail-configuration)
   ========================================================================= */

/* Titoli sezione (h4, h5 con .cdp-section-title) — 25px */
.renovation-quote-container .config-detail-page .cdp-section-title,
.renovation-quote-container .config-detail-page h4.cdp-section-title,
.renovation-quote-container .config-detail-page h5.cdp-section-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* Toggle info «Clicca per maggiori informazioni» — paragrafo 16px */
.renovation-quote-container .config-detail-page .cdp-info-toggle,
.renovation-quote-container .config-detail-page .cdp-info-icon {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Paragrafi info dropdown — paragrafo 16px */
.renovation-quote-container .config-detail-page .cdp-info-paragraph,
.renovation-quote-container .config-detail-page p.cdp-info-paragraph {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Card stanza (slider) — titolo card selezione 16px */
.renovation-quote-container .config-detail-page .cdp-room-card-name {
    font-size: 16px !important;
    line-height: 1.3 !important;
}

/* Label form (Nome ambiente, Altezza, Superficie, Porte, Finestre) — 16px */
.renovation-quote-container .config-detail-page .cdp-form-label,
.renovation-quote-container .config-detail-page label.cdp-form-label {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Input (testo, number, readonly) — 16px */
.renovation-quote-container .config-detail-page .cdp-form-input,
.renovation-quote-container .config-detail-page input.cdp-form-input,
.renovation-quote-container .config-detail-page input.cdp-form-input::placeholder {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Unità di misura (m, m²) — testo piccolo 12px */
.renovation-quote-container .config-detail-page .cdp-unit {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* Hint contatore «Indica il numero» — testo piccolo 12px */
.renovation-quote-container .config-detail-page .cdp-small-hint {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* Contatore porte/finestre — default 16px */
.renovation-quote-container .config-detail-page .cdp-counter-value,
.renovation-quote-container .config-detail-page .cdp-counter-btn {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Icona sezione (paint roller) — coerente 25px (allineata al titolo) */
.renovation-quote-container .config-detail-page .cdp-section-icon {
    font-size: 25px !important;
}

/* Avviso corridoio — paragrafo 16px */
.renovation-quote-container .config-detail-page .cdp-warning,
.renovation-quote-container .config-detail-page .cdp-warning span {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Istruzione pavimento «Seleziona le pareti…» — paragrafo 16px */
.renovation-quote-container .config-detail-page .cdp-floor-instruction {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Pulsanti navigazione (Torna alla selezione / precedente / successivo / completa) — 16px */
.renovation-quote-container .config-detail-page .btn-navigation,
.renovation-quote-container .config-detail-page .btn-navigation i,
.renovation-quote-container .config-detail-page a.btn-navigation,
.renovation-quote-container .config-detail-page button.btn-navigation {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Progresso «1/3» — default 16px */
.renovation-quote-container .config-detail-page .room-progress,
.renovation-quote-container .config-detail-page .room-progress .current,
.renovation-quote-container .config-detail-page .room-progress .separator,
.renovation-quote-container .config-detail-page .room-progress .total {
    font-size: 16px !important;
    line-height: 1.3 !important;
}

/* Label muri (popolate da JS — Muro 1 (X m)) — paragrafo 16px */
.renovation-quote-container .config-detail-page .wall-label {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* =========================================================================
   Selezione lavorazioni — /preventivo-ristrutturazione/selezione-lavorazioni
   Scope: .work-selection-page (Livewire: room-works-selection)
   @see docs/typography-spec-public-pages.md
   ========================================================================= */

/* Titolo principale — titolo sezione 25px (no nowrap: evita overflow su mobile) */
.renovation-quote-container .work-selection-page .rws-page-title,
.renovation-quote-container .work-selection-page .page-header h1.rws-page-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    white-space: normal !important;
}

/* Intro sotto il titolo — paragrafo 16px */
.renovation-quote-container .work-selection-page .page-header p {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Label «Scegli prima:» — paragrafo 16px */
.renovation-quote-container .work-selection-page .selection-label,
.renovation-quote-container .work-selection-page p.selection-label {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Testo blocco porta ingresso — paragrafo 16px */
.renovation-quote-container .work-selection-page .door-text-line1,
.renovation-quote-container .work-selection-page .door-text-line2,
.renovation-quote-container .work-selection-page .door-text span {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

/* Contatore porte ingresso */
.renovation-quote-container .work-selection-page .counter-label {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.renovation-quote-container .work-selection-page .counter-value,
.renovation-quote-container .work-selection-page .counter-btn,
.renovation-quote-container .work-selection-page .counter-btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* «I tuoi ambienti» — paragrafo 16px */
.renovation-quote-container .work-selection-page .rws-ambienti-label,
.renovation-quote-container .work-selection-page p.rws-ambienti-label {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Pill ambienti — titolo card selezione 16px, meta 12px */
.renovation-quote-container .work-selection-page .rws-room-name {
    font-size: 16px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.renovation-quote-container .work-selection-page .rws-room-meta {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

/* Intestazione sezione LAVORAZIONI — titolo sezione 25px */
.renovation-quote-container .work-selection-page .rws-section-heading,
.renovation-quote-container .work-selection-page h3.rws-section-heading {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.renovation-quote-container .work-selection-page .rws-works-heading-row > i.fa-home {
    font-size: 16px !important;
}

.renovation-quote-container .work-selection-page .rws-works-heading-row .fa-bolt {
    font-size: 12px !important;
}

/* Gruppi lavorazioni (accordion) — titolo 16px (richiesta UX), sottotitolo 16px */
.renovation-quote-container .work-selection-page .group-title,
.renovation-quote-container .work-selection-page h4.group-title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.renovation-quote-container .work-selection-page .group-subtitle,
.renovation-quote-container .work-selection-page p.group-subtitle {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

.renovation-quote-container .work-selection-page .group-count {
    font-size: 12px !important;
    line-height: 1.3 !important;
}

.renovation-quote-container .work-selection-page .group-toggle-icon {
    font-size: 16px !important;
}

.renovation-quote-container .work-selection-page .group-icon i {
    font-size: 16px !important;
}

/* Pulsanti navigazione in basso — 16px */
.renovation-quote-container .work-selection-page .nav-btn,
.renovation-quote-container .work-selection-page .nav-btn span,
.renovation-quote-container .work-selection-page .nav-btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Stati vuoto / benvenuto / errore */
.renovation-quote-container .work-selection-page .empty-content h4,
.renovation-quote-container .work-selection-page .welcome-content h3,
.renovation-quote-container .work-selection-page .error-content h3 {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

.renovation-quote-container .work-selection-page .empty-content p,
.renovation-quote-container .work-selection-page .welcome-content p,
.renovation-quote-container .work-selection-page .error-content p {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.renovation-quote-container .work-selection-page .empty-suggestion,
.renovation-quote-container .work-selection-page .empty-suggestion span {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Albero voci (partial quote-item-node) */
.renovation-quote-container .work-selection-page .tree-node .node-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.renovation-quote-container .work-selection-page .tree-node .node-description {
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.renovation-quote-container .work-selection-page .tree-node .price-tag {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.renovation-quote-container .work-selection-page .tree-node .node-toggle i,
.renovation-quote-container .work-selection-page .tree-node .node-meta i {
    font-size: 16px !important;
}

.renovation-quote-container .work-selection-page .door-icon,
.renovation-quote-container .work-selection-page .door-icon i {
    font-size: 16px !important;
}

/* Modale eliminazione stanza */
.renovation-quote-container .work-selection-page .modal-content h4 {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

.renovation-quote-container .work-selection-page .modal-content p,
.renovation-quote-container .work-selection-page .modal-content p strong {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.renovation-quote-container .work-selection-page .modal-content button {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* =========================================================================
   Riepilogo step (flusso quote) — NON la pagina pubblica /riepilogo su app
   Scope: .renovation-summary-page dentro .renovation-quote-container
   View: livewire/quote/renovation/summary.blade.php
   La pagina URL /preventivo-ristrutturazione/riepilogo con «Riepilogo del tuo
   Preventivo» è quote/renovation-summary.blade.php (layout app): vedi stili in quella view.
   @see docs/typography-spec-public-pages.md
   Mappa: titoli sezione h5 / step = 25px; corpo e dati = 16px.
   ========================================================================= */

/* Titolo step «Riepilogo preventivo» — già .step-title globale 25px; qui solo rafforzo scope */
.renovation-quote-container .renovation-summary-page .step-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

/* Intro card — paragrafo 16px */
.renovation-quote-container .renovation-summary-page .intro-text,
.renovation-quote-container .renovation-summary-page .intro-text p {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Titoli sezione (Dati immobile, Ambienti, Lavorazioni, Contatto) — 25px */
.renovation-quote-container .renovation-summary-page .summary-title,
.renovation-quote-container .renovation-summary-page h5.summary-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.renovation-quote-container .renovation-summary-page .summary-title i {
    font-size: 16px !important;
}

/* Griglia dati immobile — label e valore = 16px (paragrafo / contenuto; line-height leggibile) */
.renovation-quote-container .renovation-summary-page .compact-property-data,
.renovation-quote-container .renovation-summary-page .compact-property-data .property-item {
    font-size: 16px !important;
    line-height: 1.55 !important;
}

.renovation-quote-container .renovation-summary-page .property-label,
.renovation-quote-container .renovation-summary-page .property-value,
.renovation-quote-container .renovation-summary-page .property-item i {
    font-size: 16px !important;
    line-height: 1.55 !important;
}

.renovation-quote-container .renovation-summary-page .property-label {
    font-weight: 600 !important;
    color: #495057 !important;
}

.renovation-quote-container .renovation-summary-page .property-value {
    font-weight: 600 !important;
    color: #212529 !important;
}

/* Ambienti configurati — nome ambiente = titolo card 25px; resto dati/descrizioni = 16px (no 12px sui dati) */
.renovation-quote-container .renovation-summary-page .environment-item h6 {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.renovation-quote-container .renovation-summary-page .environment-item small,
.renovation-quote-container .renovation-summary-page .environment-item small.text-muted,
.renovation-quote-container .renovation-summary-page .environment-item .text-muted {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.renovation-quote-container .renovation-summary-page .environment-icon-wrapper,
.renovation-quote-container .renovation-summary-page .environment-icon-wrapper i {
    font-size: 16px !important;
}

.renovation-quote-container .renovation-summary-page .dimensions-tag,
.renovation-quote-container .renovation-summary-page .dimensions-tag i {
    font-size: 16px !important;
    line-height: 1.45 !important;
}

.renovation-quote-container .renovation-summary-page .feature-tag,
.renovation-quote-container .renovation-summary-page .feature-tag i {
    font-size: 16px !important;
    line-height: 1.45 !important;
}

/* Lavorazioni principali — titolo categoria 16px, badge conteggio = 16px (dato, non caption) */
.renovation-quote-container .renovation-summary-page .work-category-info h6 {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

.renovation-quote-container .renovation-summary-page .work-category-icon,
.renovation-quote-container .renovation-summary-page .work-category-icon i {
    font-size: 16px !important;
}

.renovation-quote-container .renovation-summary-page .work-count .badge {
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

/* Tabella contatti */
.renovation-quote-container .renovation-summary-page .summary-table th,
.renovation-quote-container .renovation-summary-page .summary-table td {
    font-size: 16px !important;
    line-height: 1.45 !important;
}

.renovation-quote-container .renovation-summary-page .summary-table th i,
.renovation-quote-container .renovation-summary-page .summary-table td i {
    font-size: 16px !important;
}

/* Note aggiuntive */
.renovation-quote-container .renovation-summary-page .notes-section h6,
.renovation-quote-container .renovation-summary-page .notes-section h6 i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.renovation-quote-container .renovation-summary-page .notes-section p {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Invio principale + testo sotto (paragrafo 16px, come da spec contenuto) */
.renovation-quote-container .renovation-summary-page .submit-section .btn,
.renovation-quote-container .renovation-summary-page .submit-section .btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.renovation-quote-container .renovation-summary-page .submit-section p,
.renovation-quote-container .renovation-summary-page .submit-section p a,
.renovation-quote-container .renovation-summary-page .submit-section p i {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Consensi */
.renovation-quote-container .renovation-summary-page .consent-icon,
.renovation-quote-container .renovation-summary-page .consent-icon i {
    font-size: 16px !important;
}

.renovation-quote-container .renovation-summary-page .consent-summary .form-check-label,
.renovation-quote-container .renovation-summary-page .card.bg-light .d-flex.align-items-center.mb-3 h6,
.renovation-quote-container .renovation-summary-page .card.bg-light .d-flex.align-items-center.mb-3 h6 i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.renovation-quote-container .renovation-summary-page .card.bg-light .d-flex.align-items-center.mb-3 p.small,
.renovation-quote-container .renovation-summary-page .card.bg-light .d-flex.align-items-center.mb-3 .text-muted {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Lista vuota ambienti */
.renovation-quote-container .renovation-summary-page .environments-list .p-4,
.renovation-quote-container .renovation-summary-page .environments-list .p-4 i,
.renovation-quote-container .renovation-summary-page .environments-list .p-4.text-muted {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Barra azioni Indietro / Invia */
.renovation-quote-container .renovation-summary-page .quote-actions .btn-navigation,
.renovation-quote-container .renovation-summary-page .quote-actions .btn-navigation i,
.renovation-quote-container .renovation-summary-page .quote-actions .btn-navigation span {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* =========================================================================
   Step 1.6 — /preventivo-ristrutturazione/carica-planimetria
   Scope: .step1_6-page (Livewire: renovation/step1_6)
   @see docs/typography-spec-public-pages.md
   ========================================================================= */

/* Titolo pagina — titolo sezione 25px */
.renovation-quote-container .step1_6-page .step16-main-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #527cb5 !important;
}

/* Sottotitolo intro — paragrafo 16px */
.renovation-quote-container .step1_6-page .step16-subtitle {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Sezione consigli — titolo sezione 16px (allineato ai titoletti box) */
.renovation-quote-container .step1_6-page .step16-tips-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.renovation-quote-container .step1_6-page .step16-tips-icon {
    font-size: 16px !important;
}

/* Card consiglio — titolo e descrizione 16px, box adiacenti senza gutter */
.renovation-quote-container .step1_6-page .step16-tips-row {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.renovation-quote-container .step1_6-page .step16-tips-row > [class*='col-'] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.renovation-quote-container .step1_6-page .tip-item-compact {
    padding: 8px 12px !important;
    gap: 8px !important;
}

.renovation-quote-container .step1_6-page .tip-text-compact,
.renovation-quote-container .step1_6-page .tip-text-compact strong {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin-bottom: 2px !important;
}

.renovation-quote-container .step1_6-page .tip-text-compact small {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

.renovation-quote-container .step1_6-page .tip-icon-compact {
    font-size: 16px !important;
}

/* Area upload — titolo dropzone 25px */
.renovation-quote-container .step1_6-page .step16-upload-title,
.renovation-quote-container .step1_6-page .upload-placeholder h3 {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.renovation-quote-container .step1_6-page .step16-upload-or,
.renovation-quote-container .step1_6-page .upload-placeholder p {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Pulsanti upload / anteprima — 16px */
.renovation-quote-container .step1_6-page .step16-upload-btn,
.renovation-quote-container .step1_6-page .step16-upload-btn i,
.renovation-quote-container .step1_6-page .btn-gradient,
.renovation-quote-container .step1_6-page .btn-gradient i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Formati file — testo piccolo 12px */
.renovation-quote-container .step1_6-page .upload-formats,
.renovation-quote-container .step1_6-page .upload-formats span {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* Messaggio successo anteprima — 16px */
.renovation-quote-container .step1_6-page .step16-success-msg,
.renovation-quote-container .step1_6-page .preview-info h5,
.renovation-quote-container .step1_6-page .preview-info h5 i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Alert errore — 16px */
.renovation-quote-container .step1_6-page .step16-alert,
.renovation-quote-container .step1_6-page .step16-alert i {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Navigazione Indietro / Avanti — 16px */
.renovation-quote-container .step1_6-page .quote-actions .btn,
.renovation-quote-container .step1_6-page .quote-actions .btn-navigation,
.renovation-quote-container .step1_6-page .quote-actions .btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* =========================================================================
   Step 1.7 — /preventivo-ristrutturazione/disegna-planimetria
   Scope: .step1_7-page (Livewire: renovation/step1_7)
   @see docs/typography-spec-public-pages.md
   ========================================================================= */

/* Titolo step «Disegna la planimetria» — 25px (rafforzo scope pagina) */
.renovation-quote-container .step1_7-page .step-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* Badge numero step — default 16px */
.renovation-quote-container .step1_7-page .step-number {
    font-size: 16px !important;
    line-height: 1.2 !important;
}

/* Barra scala + pulsante Guida */
.renovation-quote-container .step1_7-page .step17-scale-icon {
    font-size: 16px !important;
}

.renovation-quote-container .step1_7-page .step17-scale-badge,
.renovation-quote-container .step1_7-page #scale-indicator {
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.renovation-quote-container .step1_7-page .drawing-info-bar .btn,
.renovation-quote-container .step1_7-page .drawing-info-bar .btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Placeholder planimetria assente */
.renovation-quote-container .step1_7-page #image-placeholder p {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Pulsanti disegno (scala, stanza, annulla, cancella) — 16px */
.renovation-quote-container .step1_7-page .drawing-control-btn,
.renovation-quote-container .step1_7-page .drawing-control-btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Zoom mobile */
.renovation-quote-container .step1_7-page .zoom-level-badge,
.renovation-quote-container .step1_7-page .zoom-btn-circle,
.renovation-quote-container .step1_7-page .zoom-btn-circle i {
    font-size: 16px !important;
    line-height: 1.3 !important;
}

/* Navigazione in fondo pagina */
.renovation-quote-container .step1_7-page .quote-actions .btn,
.renovation-quote-container .step1_7-page .quote-actions .btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Modale guida — titoli card interni 16px, corpo 16px */
.renovation-quote-container .step1_7-page #helpModal .card-header h6,
.renovation-quote-container .step1_7-page #helpModal .card-header h6 i {
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.renovation-quote-container .step1_7-page #helpModal .card-body,
.renovation-quote-container .step1_7-page #helpModal .card-body li,
.renovation-quote-container .step1_7-page #helpModal .card-body p,
.renovation-quote-container .step1_7-page #helpModal .alert,
.renovation-quote-container .step1_7-page #helpModal .alert strong {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Modale configurazione stanza */
.renovation-quote-container .step1_7-page #roomTypeModal .step17-room-modal-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

.renovation-quote-container .step1_7-page #roomTypeModal .step17-room-modal-subtitle,
.renovation-quote-container .step1_7-page #roomTypeModal .small,
.renovation-quote-container .step1_7-page #roomTypeModal .text-muted.small,
.renovation-quote-container .step1_7-page #roomTypeModal .form-check-label .text-muted {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.renovation-quote-container .step1_7-page #roomTypeModal .nav-pills .nav-link,
.renovation-quote-container .step1_7-page #roomTypeModal .nav-pills .nav-link span {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.renovation-quote-container .step1_7-page #roomTypeModal .luxury .form-label,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .form-control,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .form-select,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .input-group-text,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .form-check-label,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .card-header h6,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .info-card h6,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .info-card p,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .alert,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .alert small,
.renovation-quote-container .step1_7-page #roomTypeModal .luxury .badge,
.renovation-quote-container .step1_7-page #roomTypeModal .modal-footer .btn,
.renovation-quote-container .step1_7-page #roomTypeModal .modal-footer .btn i {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Popup guidati SweetAlert (appenditi a body, fuori dal container) */
.swal2-popup.guided-step-popup .swal2-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

.swal2-popup.guided-step-popup .swal2-html-container,
.swal2-popup.guided-step-popup .swal2-html-container p,
.swal2-popup.guided-step-popup .alert,
.swal2-popup.guided-step-popup .swal2-confirm,
.swal2-popup.guided-step-popup .swal2-cancel {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Mobile — step 1.7 */
@media (max-width: 767.98px) {
    .renovation-quote-container .quote-option-title,
    .renovation-quote-container h5.quote-option-title {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .renovation-quote-container .section-title,
    .renovation-quote-container h4.section-title {
        font-size: 22px !important;
    }

    .renovation-quote-container .modal-title {
        font-size: 22px !important;
    }

    /* Step 1.5: intro a 22px su mobile */
    .renovation-quote-container .step1_5-page .step15-intro,
    .renovation-quote-container .step1_5-page p.step15-intro {
        font-size: 22px !important;
    }

    /* Configurazione manuale & dettagliata: tipografia identica a desktop
       (la spec NON distingue mobile, quindi 25px/16px/12px restano invariati).
       Le regole legacy dei blocchi <style> interni vengono sovrascritte dalle
       regole desktop di questo file grazie alla specificità maggiore. */
    .renovation-quote-container .config-environments-page .environment-card-new .environment-title-new,
    .renovation-quote-container .config-environments-page .environment-card-new h5.environment-title-new {
        font-size: 16px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    /* Step 1.6: tipografia invariata su mobile */
    .renovation-quote-container .step1_6-page .step16-main-title,
    .renovation-quote-container .step1_6-page .step16-upload-title {
        font-size: 25px !important;
    }

    .renovation-quote-container .step1_6-page .step16-tips-title {
        font-size: 16px !important;
    }

    .renovation-quote-container .step1_6-page .step16-subtitle,
    .renovation-quote-container .step1_6-page .tip-text-compact,
    .renovation-quote-container .step1_6-page .tip-text-compact strong,
    .renovation-quote-container .step1_6-page .btn-gradient,
    .renovation-quote-container .step1_6-page .quote-actions .btn {
        font-size: 16px !important;
    }

    .renovation-quote-container .step1_6-page .tip-text-compact small {
        font-size: 16px !important;
    }

    .renovation-quote-container .step1_6-page .upload-formats span {
        font-size: 12px !important;
    }

    /* Step 1.7: titolo step 25px, pulsanti 16px (invariato rispetto desktop) */
    .renovation-quote-container .step1_7-page .step-title {
        font-size: 25px !important;
    }

    .renovation-quote-container .step1_7-page .drawing-control-btn,
    .renovation-quote-container .step1_7-page .quote-actions .btn {
        font-size: 16px !important;
    }
}