/* =============================================================================
   Cele trei motive de langa formularul de cerere (request_benefits.php)

   Regulile veneau din provider-page.css, unde blocul a aparut prima data. S-au
   mutat aici cand acelasi bloc a ajuns si in pagina activitatii, care nu
   incarca stilul organizatorului.
   ========================================================================== */

.org-request-benefits {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.org-request-benefit {
    display: flex;
    gap: 15px;
    align-items: center;
}

.org-request-benefit-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 102, 171, .10);
    font-size: 20px;
}

.org-request-benefit strong {
    display: block;
    font-size: 16px;
    color: #17252b;
}

.org-request-benefit span {
    font-size: 14px;
    color: #667085;
}

/* ---------- Pe fundal inchis ----------
   In pagina activitatii sectiunea are un degrade intunecat (#17252b → #0066AB),
   pe care textul gri-inchis si cercul albastru-pal nu se vad.

   Cercul ramane deschis, aproape alb, nu translucid ca eticheta de deasupra:
   pictogramele sunt PNG-uri colorate, pe care CSS-ul nu le poate deschide la
   culoare, deci au nevoie de fundal deschis ca sa se distinga. */
.org-request-benefits--dark .org-request-benefit strong {
    color: #fff;
}

.org-request-benefits--dark .org-request-benefit span {
    color: rgba(255, 255, 255, .78);
}

.org-request-benefits--dark .org-request-benefit-icon {
    background: rgba(255, 255, 255, .92);
}