/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.freeinvoice-api-hidden {
    display: none;
}

/* ============================================================================
 * Anteprima dati fiscali al checkout (block).
 * Card stile indirizzo WooCommerce: mostra i dati fiscali salvati con link "Modifica".
 * Il form viene nascosto solo finché la card è visibile; "Modifica" lo riapre e lo lascia
 * aperto fino all'invio dell'ordine, che persiste ordine e profilo.
 * NB: i selettori dei campi usano l'id del field (namespace + nome). Verificare su
 * staging che il pattern id corrisponda al markup WooCommerce Blocks in uso.
 * ========================================================================== */
.fi-fiscal-preview {
    /* Card come "Indirizzo di spedizione" del checkout WC Blocks: contenuto a sinistra,
     * "Modifica" in alto a destra. */
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin: 1em 0;
    padding: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #fff;
    /* Allinea la tipografia agli altri campi del checkout WooCommerce Blocks
     * (evita l'ereditarietà del font più grande del tema). */
    font-size: 0.875rem;
    line-height: 1.5;
}
.fi-fiscal-preview__body {
    flex: 1 1 auto;
    min-width: 0;
}
.fi-fiscal-preview__row {
    padding: 2px 0;
    word-break: break-word;
}
.fi-fiscal-preview__row--strong {
    font-weight: 600;
}
.fi-fiscal-preview__note {
    margin-top: 12px;
    font-size: .85em;
    color: #757575;
}

/* "Modifica" nell'anteprima: stile link testuale, come i bottoni "edit" degli step del checkout
 * WooCommerce Blocks (azione secondaria: non deve competere col bottone di acquisto). */
.fi-fiscal-preview__edit {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    flex: 0 0 auto;
    color: inherit;
    font-family: inherit;
    font-size: 0.875rem;
    text-decoration: underline;
    cursor: pointer;
}
.fi-fiscal-preview__edit:hover,
.fi-fiscal-preview__edit:focus {
    text-decoration: none;
}

body.fi-fiscal-readonly .wc-block-components-text-input:has(input[id*="freeinvoice-api"][id*="billing_tax_code"]),
body.fi-fiscal-readonly .wc-block-components-text-input:has(input[id*="freeinvoice-api"][id*="billing_vat_code"]),
body.fi-fiscal-readonly .wc-block-components-text-input:has(input[id*="freeinvoice-api"][id*="sdi_code"]),
body.fi-fiscal-readonly .wc-block-components-text-input:has(input[id*="freeinvoice-api"][id*="pec_destinatario"]),
body.fi-fiscal-readonly .wc-block-components-select:has(select[id*="freeinvoice-api"][id*="customer_is_a_private"]) {
    display: none !important;
}

@supports not selector(:has(*)) {
    /* Degradazione accettabile, non equivalente: nasconde il controllo, non il wrapper; l'etichetta può restare visibile. */
    body.fi-fiscal-readonly input[id*="freeinvoice-api"][id*="billing_tax_code"],
    body.fi-fiscal-readonly input[id*="freeinvoice-api"][id*="billing_vat_code"],
    body.fi-fiscal-readonly input[id*="freeinvoice-api"][id*="sdi_code"],
    body.fi-fiscal-readonly input[id*="freeinvoice-api"][id*="pec_destinatario"],
    body.fi-fiscal-readonly select[id*="freeinvoice-api"][id*="customer_is_a_private"] {
        display: none !important;
    }
}