/*
 * Grafica del sito www.aricinisello.it per il modulo qrz mostrato nella pagina Contatti (sito.php).
 * Riprende colori e misure del modulo contatti del template "aricinisello"
 * (media/templates/site/aricinisello/css/template.css, sezione "pagina Contatti").
 * Aggiunta della Sezione, non fa parte del programma originale.
 */
:root {
    --ari-text: #006383;
    --ari-light: #edf4f6;
    --ari-font-size: 14px;
    --bs-body-font-family: Arial, Helvetica, sans-serif;
}
html { font-size: 100%; }
html.font-small body.tema-sito { font-size: calc(var(--ari-font-size) - 2px); }
html.font-large body.tema-sito { font-size: calc(var(--ari-font-size) + 2px); }

body.tema-sito {
    margin: 0;
    min-height: 0;
    background: #fff;
    color: var(--ari-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--ari-font-size);
    line-height: 1.5715;
}

/* niente riquadro scuro: il modulo sta nella pagina come quello di prima */
.tema-sito main.container { max-width: none; margin: 0; padding: 2px !important; }
.tema-sito .hero { max-width: 480px; margin: 0 !important; }
.tema-sito .card { background: none; border: 0; box-shadow: none !important; color: inherit; }
.tema-sito .card-body { padding: 0 !important; }

/* titolo e targhetta del modulo: la pagina di Joomla ha già il suo titolo */
.tema-sito .badge-tech,
.tema-sito h1 { display: none; }
.tema-sito .lead { font-size: .86em; color: var(--ari-text) !important; margin: 0 0 4px !important; }

/* campi */
.tema-sito .mb-3 { margin: 0 !important; }
.tema-sito .form-label { display: block; margin: 14px 0 5px; font-weight: normal; }
.tema-sito .required::after { content: ' *'; color: #f00; }
.tema-sito .form-control,
.tema-sito .form-select {
    display: block;
    width: 100%;
    padding: 8px;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    background-color: var(--ari-light);
    color: var(--ari-text);
    font: inherit;
    line-height: 1.5715;
}
.tema-sito .form-select { padding-right: 2.25rem; }
.tema-sito .form-control:focus,
.tema-sito .form-select:focus {
    background-color: var(--ari-light);
    color: var(--ari-text);
    border-color: #019fd5;
    box-shadow: 0 0 0 2px rgba(1, 159, 213, .25);
}
.tema-sito textarea.form-control { height: 170px; resize: vertical; }
.tema-sito input[type="file"].form-control { padding: 5px; font-size: .95em; }
.tema-sito .form-text { margin-top: 3px; font-size: .86em; color: #666 !important; }

/* caselle di spunta (informativa privacy, campi sì/no) */
.tema-sito .form-check { margin-top: 18px; font-size: .93em; }
.tema-sito .form-check-input { border-color: #999; border-radius: 0; }
.tema-sito .form-check-input:checked { background-color: #006699; border-color: #006699; }
.tema-sito .form-check-label { margin: 0; }

.tema-sito .cf-turnstile { margin-top: 20px; }

/* pulsante */
.tema-sito .btn-primary {
    margin: 18px 0 0;
    padding: 8px 20px;
    border: 0;
    border-radius: 0;
    background: #006699;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    line-height: inherit;
}
.tema-sito .btn-primary:hover,
.tema-sito .btn-primary:focus { background: #004d73; color: #fff; }

/* esito dell'invio: come i messaggi del modulo di prima */
.tema-sito .alert { margin: 0 0 15px; padding: 10px; border: 1px solid; border-radius: 0; background: none; }
.tema-sito .alert-success { color: green; border-color: green; animation: ariBlinkOk 1s infinite; }
.tema-sito .alert-danger,
.tema-sito .alert-warning { color: red; border-color: red; animation: ariBlinkErr 1s infinite; }
@keyframes ariBlinkOk { 50% { background: green; color: #fff; } }
@keyframes ariBlinkErr { 50% { background: red; color: #fff; } }
@media (prefers-reduced-motion: reduce) { .tema-sito .alert { animation: none; } }
@media (max-width: 575.98px) { .tema-sito .cf-turnstile { transform: scale(.9); transform-origin: 0 0; } }

/* CAPTCHA computazionale (riquadro ALTCHA di Joomla, aggiunto da sito.php) */
.tema-sito .ari-captcha { margin-top: 20px !important; }
.tema-sito altcha-widget {
    --altcha-border-width: 1px;
    --altcha-border-radius: 0;
    --altcha-color-base: var(--ari-light);
    --altcha-color-border: #cfcfcf;
    --altcha-color-text: var(--ari-text);
    --altcha-color-border-focus: #019fd5;
    --altcha-color-error-text: #f00;
    --altcha-max-width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}