/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

.fruity .navbar {
    background-color: #007D32;
}

/* Forza il colore del titolo dell’indagine nella navbar del tema Fruity */
.fruity .navbar .navbar-header .navbar-brand,
.fruity .navbar .navbar-brand {
    color: #111 !important;          /* colore scuro */
    font-weight: 700 !important;     /* grassetto */
    font-size: 1.6em !important;     /* più grande */
    font-family: Arial, sans-serif !important;
    text-shadow: none !important;
}

.navbar-default .navbar-nav>li> a {
    color: #fff;
}

.fruity .navbar-default .navbar-nav > li > a:hover {
    color: #ddd;
}

/* title in navbar */

.fruity .navbar-brand h3 {
    color: #fff;
    margin-top: 5px;
}

.fruity .navbar-brand h5 {
    color: #fff;
}

/* sticky footer */

body {
     padding-bottom: 0; /* no bottom padding, footer should be bottom aligned */
     padding-top: 60px;/* now is redefine in JS to fit any title length */
     flex-direction: column; /* article, then footer */
     display: flex; /* flex, to extend the content to full size */
     min-height: 100vh; /* full height, to bottom-align footer */
}
body > article {
    flex: 1; /* the main article should use as much space as possible */
}

#surveyListFooter {
    padding-bottom: 0;
}

/* Questions */

.h2, .h3 {
    font-weight: 700;
}

.question-title-container {
    padding-top: 0;
    border-bottom: 1px solid #ccc;
}

li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom: 0.25em;
}


/* CKeditor missing crap, from assets/packages/textelements/build.min/css/main.css*/


.image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto
}

.image>img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px
}

.image>figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: #333;
    background-color: #f7f7f7;
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px
}

:root {
    --ck-image-style-spacing: 1.5em
}

.image-style-align-center,
.image-style-align-left,
.image-style-align-right,
.image-style-side {
    max-width: 50%
}

.image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing)
}

.image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing)
}

.image-style-align-center {
    margin-left: auto;
    margin-right: auto
}

.image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing)
}

.lsImageSize--size--10 {
    max-width: 10%;
    display: inline-block
}

.lsImageSize--size--25 {
    max-width: 25%;
    display: inline-block
}

.lsImageSize--size--50 {
    max-width: 50%;
    display: inline-block
}

.lsImageSize--size--75 {
    max-width: 75%;
    display: inline-block
}

.lsImageSize--size--100 {
    max-width: 100%;
    display: block
}
.btn-primary {
    background-color: #007D32 !important;  /* nuovo colore di sfondo (verde) */
    border-color: #007D32 !important;      /* nuovo colore del bordo */
    color: #fff !important;                /* colore del testo */
}

/* Cambia anche il colore al passaggio del mouse */
.btn-primary:hover,
.btn-primary:focus {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}
/* Sovrascrittura completa dello stile dei pulsanti radio */
ul.answers-list li.button-item.btn-primary {
    background-color: #6c757d !important; /* Colore di default (grigio) */
    border-color: #6c757d !important;
}

/* Stile quando il pulsante è selezionato (active) */
ul.answers-list li#javatbd189547X1462X71869Y.active {
    background-color: #28a745 !important; /* Verde per "Sì" */
    border-color: #28a745 !important;
}

ul.answers-list li#javatbd189547X1462X71869N.active {
    background-color: #dc3545 !important; /* Rosso per "No" */
    border-color: #dc3545 !important;
}

/* Manteniamo lo stile hover originale */
ul.answers-list li.button-item.btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

.group-title,
.ls-group-title {
    background-color: rgba(255, 255, 255, 0.7) !important;  /* bianco semitrasparente */
    color: #000 !important;
}
h1.survey-name, .survey-name {
    color: #1a1a1a !important;           /* colore più scuro */
    font-size: 2em !important;           /* dimensione maggiore */
    font-weight: 800 !important;         /* molto in grassetto */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); /* ombra leggera */
    margin-bottom: 20px;
}