/* Portale CDA — residual helpers (Montserrat + questionnaire semantics).
   Visual language is Tailwind (Styles/app.css → wwwroot/css/tailwind.css). */

body {
    font-family: "Montserrat", sans-serif !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
}

/* Reboot (Bootstrap) sets body background outside Tailwind layers and wins over .cda-body */
body.cda-body {
    background-color: #2d354a !important;
}

.text-question-underlined {
    text-decoration: underline !important;
    font-weight: 700 !important;
    color: #2d354a !important;
}

.text-question-red {
    font-weight: 700 !important;
    color: #c8102e !important;
}

.text-question-red-smaller {
    font-weight: 700 !important;
    color: #c8102e !important;
    font-size: smaller !important;
}

.text-question-red-underline {
    text-decoration: underline !important;
    font-weight: 700 !important;
    color: #c8102e !important;
}

.text-question-thin {
    font-weight: 400 !important;
    color: #64748b !important;
}

/* Section headers: Skote reboot sets h2 to gray and wins over Tailwind layers */
.cda-section-header .cda-section-title {
    color: #fff !important;
}

/* Legacy class hooks kept for questionnaire markup / JS */
.questions_title {
    font-weight: 600;
}

.question_header {
    /* spacing handled by .cda-question when present */
}

.text-header-prysmian {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2d354a;
}

.text-card-prysmian {
    color: #fff !important;
}

.border-card-prysmian {
    border-color: #67799a !important;
}

.card-title-style {
    background-color: #2d354a !important;
    color: #fff !important;
}

.header-image {
    width: 100%;
    display: block;
    margin: 0;
    border-radius: 0.75rem;
}