/*
 * SEARCH GLOBAL - passo 4: Capisci la domanda, Chiedi sui risultati, Leggi con Claude.
 * Stili dall'anteprima approvata (lilla di Claude). Prefisso delle classi: sgc-
 * Usa le variabili di search-global.css (--sg-lilla ...). Solo caratteri ASCII.
 */

/* ---------- interruttore "Capisci la domanda" ---------- */

.sg-pagina .sgc-interr {
    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
    cursor: pointer;
    margin: 0;
}

.sg-pagina .sgc-interr .sg-pal,
.sg-pagina .sgc-interr .sg-pal:after {
    transition: 0.2s;
}

.sg-pagina .sgc-interr.sg-on {
    border-color: var(--sg-lilla-bordo);
}

.sg-pagina .sgc-interr.sg-on .sg-pal {
    background: var(--sg-lilla);
}

.sg-pagina .sgc-interr.sg-on .sg-pal:after {
    left: 16px;
}

.sg-pagina .sgc-interr:focus-visible {
    outline: 2px solid #b79be6;
    outline-offset: 1px;
}

/* ---------- pillole lilla "Ho cercato cosi'" ---------- */

.sg-pagina [data-sg-zona="claude"] .sg-banner {
    margin: 10px 0 0 0;
}

.sg-pagina .sg-banner.sgc-ai {
    background: var(--sg-lilla-chiaro);
    border: 1px solid var(--sg-lilla-bordo);
}

.sg-pagina .sgc-robot {
    font-size: 18px;
    line-height: 1.2;
}

.sg-pagina .sgc-ai b {
    margin-right: 4px;
}

.sg-pagina .sg-pill.sgc-pill {
    background: #ffffff;
    border-color: var(--sg-lilla-bordo);
    color: var(--sg-lilla);
    margin: 2px 2px 2px 0;
}

.sg-pagina .sg-pill.sgc-pill:hover,
.sg-pagina .sg-pill.sgc-pill:focus-visible {
    border-color: var(--sg-lilla);
    background: #faf7fe;
    text-decoration: line-through;
    text-decoration-color: rgba(107, 63, 176, 0.45);
}

.sg-pagina .sgc-x {
    font-weight: 700;
    margin-left: 2px;
    opacity: 0.7;
    text-decoration: none;
    display: inline-block;
}

.sg-pagina .sgc-riga,
.sg-pagina .sgc-nota {
    margin-top: 4px;
}

.sg-pagina .sg-cerco.sgc-lilla {
    color: var(--sg-lilla);
}

.sg-pagina .sgc-lilla .sg-rotella,
.sg-pagina .sgc-leggi-stato .sg-rotella {
    border-color: var(--sg-lilla-bordo);
    border-top-color: var(--sg-lilla);
}

/* ---------- caselle sui risultati (CHIEDI SUI RISULTATI) ---------- */

.sg-pagina .sgc-casella {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: 38px;
    margin: 0;
    padding-top: 9px;
    font-size: 10px;
    font-weight: 600;
    color: var(--sg-lilla);
    cursor: pointer;
    user-select: none;
}

.sg-pagina .sgc-casella input {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    accent-color: var(--sg-lilla);
}

.sg-pagina .sgc-casella input:disabled,
.sg-pagina .sgc-casella input:disabled + span {
    cursor: not-allowed;
    opacity: 0.45;
}

.sg-pagina .sg-ris.sgc-scelto,
.sg-pagina .sg-ris:has(input[data-sgc-casella]:checked) {
    border-color: var(--sg-lilla-bordo);
    background: #fdfbff;
    box-shadow: inset 3px 0 0 var(--sg-lilla);
}

/* ---------- riquadro "Dopo la ricerca" ---------- */

.sg-pagina .sgc-domanda {
    display: block;
    width: 100%;
    min-height: 66px;
    resize: vertical;
    font-size: 13px;
}

.sg-pagina .sgc-domanda:focus {
    outline: 0;
    border-color: var(--sg-lilla-bordo);
    box-shadow: 0 0 0 2px rgba(107, 63, 176, 0.12);
}

.sg-pagina .sgc-conta {
    margin-top: 6px;
    gap: 4px 10px;
}

.sg-pagina .sgc-link {
    font-size: 12px;
    color: var(--sg-lilla);
}

.sg-pagina .sgc-risposta {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid var(--sg-lilla-bordo);
    border-radius: 8px;
    background: var(--sg-lilla-chiaro);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.sg-pagina .sgc-risposta-testo {
    color: var(--sg-testo);
    line-height: 1.5;
}

.sg-pagina .sgc-cita {
    display: inline-block;
    border: 1px solid var(--sg-lilla-bordo);
    background: #ffffff;
    color: var(--sg-lilla);
    border-radius: 10px;
    padding: 0 6px;
    margin: 0 1px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    vertical-align: baseline;
    cursor: pointer;
}

.sg-pagina .sgc-cita:hover,
.sg-pagina .sgc-cita:focus-visible {
    background: var(--sg-lilla);
    border-color: var(--sg-lilla);
    color: #ffffff;
}

.sg-pagina .sgc-fonti {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--sg-lilla-bordo);
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
}

.sg-pagina .sgc-fonte {
    display: flex;
    gap: 6px;
    align-items: baseline;
}

.sg-pagina .sgc-fonte a {
    color: var(--sg-blu);
    text-decoration: none;
}

.sg-pagina .sgc-fonte a:hover {
    text-decoration: underline;
}

.sg-pagina .sgc-fonte.sgc-non-citata {
    opacity: 0.6;
}

.sg-pagina .sgc-info {
    margin-top: 8px;
}

/* ---------- LEGGI CON CLAUDE (File non ancora letti) ---------- */

.sg-pagina .sgc-leggi-stato {
    margin-top: 6px;
    font-size: 12px;
    color: var(--sg-lilla);
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-wrap: anywhere;
}

.sg-pagina .sgc-leggi-stato:empty {
    display: none;
}