/* dsinstructorcheck - front.css
 * FASE 4 — box scheda prodotto (PIANO cap. 7).
 * Tutti i selettori prefissati .dsic- per non collidere col tema.
 * Nessuna regola generica su tag: solo classi/ID nostri.
 * Caricato SOLO sulla pagina prodotto e SOLO se il prodotto e' target
 * (dsinstructorcheck.php, hookHeader()).
 */

/* Contenitore del box: su RATIO finisce dentro un <center> su sfondo scuro
   nel blocco acquisto, deve reggere larghezza piena e allineamento testo
   coerente anche li'. */
.dsic-box {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 12px 0;
    padding: 12px 15px;
    border-radius: 4px;
    text-align: left;
    font-size: 13px;
    line-height: 1.5;
}

/* BOX VERDE — cliente confermato.
   Rifatto in v1.1.0: prima era una riga di testo nuda dentro un riquadro.
   Ora ha un segno di spunta disegnato in CSS (nessuna immagine, nessun font
   di icone: funziona su entrambi i temi senza dipendenze), sfondo con una
   leggera sfumatura e testo centrato. */
.dsic-box--ok {
    background-color: #E8F5E9;
    background-image: -webkit-linear-gradient(top, #F3FAF3 0%, #E4F2E5 100%);
    background-image: linear-gradient(to bottom, #F3FAF3 0%, #E4F2E5 100%);
    border: 2px solid #2E7D32;
    color: #1B5E20;
    padding: 18px 15px;
    text-align: center;
}

/* Pastiglia tonda col segno di spunta. Il segno e' un rettangolo senza due
   lati, ruotato di 45 gradi: e' il modo piu' compatibile di disegnare un
   check senza immagini. Prefisso -webkit- per i browser piu' vecchi. */
.dsic-box--ok .dsic-check {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #2E7D32;
    position: relative;
}

.dsic-box--ok .dsic-check:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 7px;
    width: 7px;
    height: 14px;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dsic-box--ok .dsic-msg {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 0.2px;
}

.dsic-box--warn {
    background-color: #FFF3E0;
    border: 2px solid #F57C00;
    color: #E65100;
}

/* Messaggi del box: CENTRATI (richiesta esplicita, v1.1.0).
   I campi Didattica / Numero istruttore restano invece allineati a sinistra
   qui sotto: un'etichetta centrata sopra un campo a larghezza piena si legge
   peggio. */
.dsic-box .dsic-msg {
    margin: 0 0 12px 0;
    color: inherit;
    text-align: center;
}

.dsic-box .dsic-field {
    margin: 0 0 10px 0;
    text-align: left;
}

.dsic-box .dsic-field:last-child {
    margin-bottom: 0;
}

.dsic-box .dsic-field label {
    display: block;
    margin: 0 0 4px 0;
    font-weight: bold;
    color: inherit;
}

.dsic-input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #F57C00;
    border-radius: 3px;
    background-color: #FFFFFF;
    color: #333333;
    font-size: 13px;
}

.dsic-input:focus {
    outline: none;
    border-color: #E65100;
}

/* v1.1.0 — LAVORO 1: messaggio configurabile sotto i due campi (box
   arancione). Stesso colore del testo del box, link in grassetto e
   sottolineato per essere riconoscibile come cliccabile. */
.dsic-box .dsic-msg-under {
    margin: 12px 0 0 0;
    padding-top: 10px;
    border-top: 1px solid rgba(245, 124, 0, 0.35);
    font-size: 12px;
    color: inherit;
    text-align: center;
}

.dsic-box .dsic-msg-under a {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
}

/* Predisposto per FASE 5: applicato via JS a #idTab5 (blocco di
   personalizzazione nativo) e alla sua voce di tab, cosi' a JS spento il
   blocco resta visibile e utilizzabile invece di sparire (PIANO cap. 7). */
body#product .dsic-native-hidden {
    display: none !important;
}

/* ---------------------------------------------------------------------------
   AVVISO NEL CARRELLO (FASE 6)
   Stampato da hookDisplayShoppingCartFooter. Il CSS viene caricato anche
   sulle pagine order / order-opc, altrimenti l'avviso uscirebbe come testo
   semplice indistinguibile dal resto della pagina.
   Stessi colori del box arancione della scheda prodotto, per coerenza.
--------------------------------------------------------------------------- */
.dsic-cart-warning {
    display: block;
    margin: 15px 0;
    padding: 12px 15px;
    background: #FFF3E0;
    border: 2px solid #F57C00;
    color: #E65100;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
}

/* ---------------------------------------------------------------------------
   v1.1.0 — LAVORO 2 + LAVORO 3(a): esito PER RIGA di prodotto nel carrello
   (hookDisplayCartExtraProductActions). Stessi colori dei box della scheda
   prodotto (verde = confermato, arancione = avviso), pensati per stare
   dentro la cella <td class="cart_total"> di ogni riga.
--------------------------------------------------------------------------- */
.dsic-cart-row {
    display: block;
    margin: 6px 0 0 0;
    padding: 6px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
}

.dsic-cart-row--ok {
    background-color: #E8F5E9;
    border: 1px solid #2E7D32;
    color: #1B5E20;
}

.dsic-cart-row--warn {
    background-color: #FFF3E0;
    border: 1px solid #F57C00;
    color: #E65100;
}

/* v1.1.0 — quando il cliente HA compilato didattica e numero, sulla riga
   compare il promemoria di inviare il brevetto, con il link mailto.
   Stesso trattamento del link nel box della scheda prodotto. */
.dsic-cart-row a {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   STATO DI ATTESA DEL BOTTONE "AGGIUNGI AL CARRELLO" (FASE 5)
   Applicata da front.js mentre salva la personalizzazione in AJAX.

   ⚠ Si usa pointer-events:none e NON l'attributo disabled, di proposito:
   un bottone disabled ignorerebbe anche il .click() programmatico che
   front.js deve rilanciare per far proseguire l'aggiunta al carrello.
   pointer-events blocca il click reale del mouse ma non quello via script.
   I click da tastiera sono coperti dallo stato 'busy' dentro front.js.

   La classe viene rimossa in ogni caso (successo, errore o timeout):
   il cliente non resta mai con un bottone spento.
--------------------------------------------------------------------------- */
.dsic-btn-waiting {
    pointer-events: none;
    opacity: 0.6;
    cursor: progress;
}