/********************************************************
    OLTRE – Limesurvey Custom Theme
    Versione Pulita SOLO Palette Oltre
********************************************************/

/* ===================================================== */
/* 1️⃣ OVERRIDE BOOTSTRAP                                */
/* ===================================================== */

html:root {
    --bs-primary: #A74767 !important;
    --bs-success: #A74767 !important;
    --bs-info: #A74767 !important;
    --bs-link-color: #A74767 !important;
}


/* ===================================================== */
/* 2️⃣ RESET COLORI BOOTSTRAP (NO VERDE / NO BLU)       */
/* ===================================================== */

body .text-primary,
body .text-success,
body .text-info,
body .text-warning,
body .text-danger {
    color: #A74767 !important;
}

body .bg-primary,
body .bg-success,
body .bg-info {
    background-color: #A74767 !important;
    color: #ffffff !important;
}


/* ===================================================== */
/* 3️⃣ BASE                                               */
/* ===================================================== */

body {
    background-color: #F9FBFB;
    color: #383A3A !important;
    font-family: 'Montserrat', sans-serif !important;
}

body, button, input, select, textarea {
    font-family: 'Montserrat', sans-serif !important;
}

h1 {
    color: #A74767 !important;
    font-weight: 700;
}

h2, h3 {
    font-weight: 600;
}

label {
    font-weight: 600;
}


/* ===================================================== */
/* 4️⃣ PULSANTI                                           */
/* ===================================================== */

body .btn-primary {
    background-color: #A74767 !important;
    border-color: #A74767 !important;
    color: #ffffff !important;
    padding: 10px 22px;
    border-radius: 14px;
}

body .btn-primary:hover {
    background-color: #8B3652 !important;
    border-color: #8B3652 !important;
}

body .btn-success {
    background-color: #A74767 !important;
    border-color: #A74767 !important;
}

body .btn-success:hover {
    background-color: #8B3652 !important;
}

body .btn-outline-secondary,
body .btn-default {
    border: 2px solid #A74767 !important;
    color: #A74767 !important;
    border-radius: 14px;
    background: transparent !important;
}

body .btn-outline-secondary:hover,
body .btn-default:hover {
    background-color: #A74767 !important;
    color: #ffffff !important;
}


/* ===================================================== */
/* 5️⃣ LINK                                               */
/* ===================================================== */

body a {
    color: #A74767 !important;
}

body a:hover {
    color: #8B3652 !important;
}


/* ===================================================== */
/* 6️⃣ PROGRESS BAR                                       */
/* ===================================================== */

body .progress-bar {
    background-color: #A74767 !important;
}


/* ===================================================== */
/* 7️⃣ RADIO & CHECKBOX                                   */
/* ===================================================== */

body input[type="radio"],
body input[type="checkbox"] {
    accent-color: #A74767 !important;
}

body .radio-item input[type="radio"] + label::before {
    border: 2px solid #A74767 !important;
    background-color: #ffffff !important;
}

body .radio-item input[type="radio"]:checked + label::after {
    background-color: #A74767 !important;
}

body .radio-item input[type="radio"]:checked + label {
    background-color: rgba(167,71,103,0.10);
    color: #A74767 !important;
    font-weight: 600;
    border-radius: 8px;
}

body .radio-item:hover label {
    background-color: rgba(167,71,103,0.05);
}

body .checkbox-item input[type="checkbox"]:checked + label {
    background-color: rgba(167,71,103,0.10);
    color: #A74767 !important;
    font-weight: 600;
}


/* ===================================================== */
/* 8️⃣ INPUT FOCUS                                        */
/* ===================================================== */

body .form-control:focus {
    border-color: #A74767 !important;
    box-shadow: 0 0 0 0.2rem rgba(167,71,103,0.25) !important;
}


/* ===================================================== */
/* 9️⃣ QUESTION CONTAINER                                 */
/* ===================================================== */

body .question-container {
    background: #ffffff;
    padding: 36px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}


/* ===================================================== */
/* 🔟 WELCOME SECTION                                     */
/* ===================================================== */

body #welcome-container {
    position: relative;
    padding: 30px 30px 30px 40px;
    background: linear-gradient(
        135deg,
        rgba(167,71,103,0.08),
        rgba(167,71,103,0.03)
    );
    border-radius: 14px;
}

body #welcome-container::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 20px;
    bottom: 20px;
    width: 4px;
    background: #A74767;
    border-radius: 10px;
}

#welcome-container .survey-welcome {
    color: #A74767 !important;
    font-weight: 600;
}


/* ===================================================== */
/* 11️⃣ PRIVACY HEADER                                    */
/* ===================================================== */

body .ls-privacy-head,
body .ls-privacy-head.text-primary,
body .ls-privacy-head.h4.text-primary {
    color: #A74767 !important;
    font-weight: 600;
}


/* ===================================================== */
/* 12️⃣ PRIVACY BOX – RADIUS COERENTE                     */
/* ===================================================== */

.card-primary .card-header.bg-primary {
    background-color: #A74767 !important;
    border-color: #A74767 !important;
    color: #ffffff !important;
}

body .card.card-primary {
    border: 1px solid #A74767 !important;
    border-radius: 14px !important;
    overflow: hidden;
}

body .card.card-primary .card-header {
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
}

body .card.card-primary .card-footer {
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}


/* ===================================================== */
/* 13️⃣ TESTO GENERALE                                    */
/* ===================================================== */

body .top-container,
body .group-description,
body .survey-description,
body #welcome-container p {
    color: #383A3A !important;
}

body .asterisk {
    color: #A74767 !important;
}


/* ===================================================== */
/* 14️⃣ FIX PREVIEW EDITOR                                */
/* ===================================================== */

html body .emtip.error,
html body .fruity .emtip.error {
    color: #A74767 !important;
}

html body .emtip.error .fa,
html body .fruity .emtip.error .fa {
    color: #A74767 !important;
}