/* =====================================================
   CC Fatturazione Checkout — Stili v1.1
   Gli input ereditano lo stile nativo WooCommerce.
   Qui gestiamo solo checkbox, toggle e layout wrapper.
   ===================================================== */

/* Checkbox "Richiedo la fattura" */
.cc-checkbox-fattura {
    margin-top: 16px !important;
    margin-bottom: 4px !important;
}

.cc-checkbox-fattura label {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-weight: 600 !important;
}

.cc-checkbox-fattura input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #2271b1;
    cursor: pointer;
    flex-shrink: 0;
    margin: 0 !important;
    position: relative !important; /* reset WC absolute */
    top: auto !important;
}

/* Campi fatturazione — nascosti di default, visibili con JS */
.cc-fattura-field {
    display: none;
}

/* Animazione apertura */
.cc-fattura-field.cc-visible {
    display: block !important;
    animation: cc-fadein 0.22s ease;
}

@keyframes cc-fadein {
    from { opacity: 0; transform: translateY(-5px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Separatore visivo sopra il primo campo fattura */
.cc-fattura-field:first-of-type {
    margin-top: 10px;
}

/* Description sotto campo SDI/PEC */
.cc-fattura-field .woocommerce-input-wrapper + span.description,
.cc-fattura-field em.optional {
    font-size: 0.8em;
    color: #7a8a99;
}