/* =========================================================
   RD3 COMPONENTS — FEEDBACK
   Alerts, Q&A messages and badges
   ========================================================= */


/* =========================================================
   ALERTS
   ========================================================= */

.alert {

    padding: 16px 18px;

    margin: 18px 0;

    border-radius: 6px;

    border: 1px solid;

}


/* =========================================================
   NOTE
   ========================================================= */

.alert-note {

    background-color: #f8fafc;

    border-color: #e2e8f0;

    border-left: 4px solid #993333;

    border-radius: 0 6px 6px 0;

}


.alert-note strong {

    color: #993333;

}


/* =========================================================
   SUCCESS
   ========================================================= */

.alert-success {

    background-color: #f0fdf4;

    border-color: #bbf7d0;

    border-left: 4px solid #16a34a;

}


.alert-success strong {

    color: #15803d;

}


/* =========================================================
   WARNING
   ========================================================= */

.alert-warning {

    background-color: #fffbeb;

    border-color: #fcd34d;

    border-left: 4px solid #f59e0b;

}


.alert-warning strong {

    color: #b45309;

}


/* =========================================================
   DANGER
   ========================================================= */

.alert-danger {

    background-color: #fef2f2;

    border-color: #fecaca;

    border-left: 4px solid #dc2626;

}


.alert-danger strong {

    color: #b91c1c;

}


/* =========================================================
   Q & A
   ========================================================= */

.alert-qa {

    background-color: #f8fafc;

    border: 1px solid #e2e8f0;

    border-left: 4px solid #993333;

    border-radius: 0 6px 6px 0;

    padding: 16px 18px;

    margin: 14px 0;

}


.alert-qa .qa-question {

    display: block;

    font-size: 14px;

    font-weight: 700;

    color: #993333;

    margin: 0 0 6px 0;

    line-height: 1.4;

}


.alert-qa .qa-question::before {

    content: "Question:";

    font-weight: 800;

    color: #006a17;
}


.alert-qa .qa-answer {

    display: block;

    font-size: 14px;

    color: #334155;

    margin: 0;

    line-height: 1.55;

}


.alert-qa .qa-answer::before {

    content: "Answer:";

    font-weight: 700;

    color: #00216d;

}


/* =========================================================
   Q&A LIST
   ========================================================= */

.qa-list {

    margin: 18px 0;

}


.qa-list .alert-qa {

    margin: 0;

    border-radius: 0;

    border-left-width: 4px;

}


.qa-list .alert-qa + .alert-qa {

    border-top: none;

}


.qa-list .alert-qa:first-child {

    border-radius: 0 6px 0 0;

}


.qa-list .alert-qa:last-child {

    border-radius: 0 0 6px 0;

}


/* =========================================================
   SOFT Q&A
   ========================================================= */

.alert-qa-soft {

    background-color: #f1f5f9;

    border: 1px solid #e2e8f0;

    border-left: 4px solid #94a3b8;

    border-radius: 0 6px 6px 0;

    padding: 16px 18px;

    margin: 14px 0;

}


.alert-qa-soft .qa-question {

    display: block;

    font-size: 14px;

    font-weight: 700;

    color: #475569;

    margin: 0 0 6px 0;

}


.alert-qa-soft .qa-question::before {

    content: "Q: ";

    font-weight: 800;

}


.alert-qa-soft .qa-answer {

    display: block;

    font-size: 14px;

    color: #64748b;

    margin: 0;

    line-height: 1.55;

}


.alert-qa-soft .qa-answer::before {

    content: "A: ";

    font-weight: 700;

    color: #334155;

}

.-bordered {

    background-color: #ffffff;

    border: 2px solid #993333;

    border-radius: 8px;

    padding: 16px 18px;

    margin: 14px 0;

}





/* =========================================================
   BORDERED Q&A
   ========================================================= */

.alert-qa-bordered {

    background-color: #ffffff;

    border: 2px solid #993333;

    border-radius: 8px;

    padding: 16px 18px;

    margin: 14px 0;

}


/* =========================================================
   BADGES
   ========================================================= */

.badge {

    display: inline-block;

    padding: 4px 10px;

    border-radius: 12px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.3px;

    white-space: nowrap;

}


.badge-primary {

    background-color: #993333;

    color: #ffffff;

}


.badge-light {

    background-color: #cbd5e1;

    color: #0f172a;

}


.badge-red {

    background-color: #dc2626;

    color: #ffffff;

}


.badge-orange {

    background-color: #f97316;

    color: #ffffff;

}


.badge-yellow {

    background-color: #f59e0b;

    color: #ffffff;

}


.badge-green {

    background-color: #16a34a;

    color: #ffffff;

}


.badge-blue {

    background-color: #0284c7;

    color: #ffffff;

}