/* ============================================================
   CALLOUT BOXES
   ============================================================ */

.callout {
    display: flex;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 8px;
    margin: 1.4rem 0;
    border: 1px solid;
}

.callout__icon { font-size: 22px; flex-shrink: 0; margin-top: 2px; }

.callout__title {
    font-family: 'Inter', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.callout__text { font-size: 0.92rem; line-height: 1.6; margin: 0; }
.callout__text p { margin: 0; }

.callout--info       { background: #E6F1FB; border-color: #378ADD; }
.callout--info       .callout__title { color: #0C447C; }
.callout--info       .callout__text  { color: #185FA5; }
.callout--info       .callout__icon  { color: #378ADD; }

.callout--fontos     { background: #FAEEDA; border-color: #BA7517; }
.callout--fontos     .callout__title { color: #633806; }
.callout--fontos     .callout__text  { color: #854F0B; }
.callout--fontos     .callout__icon  { color: #BA7517; }

.callout--erdekesseg { background: #EAF3DE; border-color: #639922; }
.callout--erdekesseg .callout__title { color: #27500A; }
.callout--erdekesseg .callout__text  { color: #3B6D11; }
.callout--erdekesseg .callout__icon  { color: #639922; }

.callout--figyelem   { background: #FCEBEB; border-color: #E24B4A; }
.callout--figyelem   .callout__title { color: #791F1F; }
.callout--figyelem   .callout__text  { color: #A32D2D; }
.callout--figyelem   .callout__icon  { color: #E24B4A; }