/*
 * De ce exista:
 * Acest fisier stilizeaza ecranul dedicat alegerii limbii in flow-ul comun
 * ZIAZI.
 *
 * Responsabilitate:
 * Ofera o compozitie simpla si clara pentru cele doua optiuni de limba fara
 * sa modifice shell-ul general al aplicatiei.
 *
 * Ce NU face:
 * Nu contine stiluri globale si nu redefinește componente shared.
 *
 * Depinde de:
 * template-ul `tpl-screen-language` si stilurile shared ale frontendului V2.
 */

.v2-screen--language {
    gap: 22px;
}

.v2-screen--language .v2-brand-card {
    padding: 16px 18px;
}

.v2-screen--language .v2-brand-copy span {
    font-size: 0.88rem;
    line-height: 1.45;
}

.v2-screen--language .v2-language-selection-card {
    padding: 18px;
    background:
        radial-gradient(circle at top right, rgba(220, 252, 231, 0.72), transparent 36%),
        rgba(255, 255, 255, 0.99);
}

.v2-screen--language .v2-screen-head {
    gap: 10px;
}

.v2-screen--language .v2-language-grid {
    display: grid;
    gap: 0.95rem;
}

.v2-screen--language .v2-language-card {
    width: 100%;
    border: 1px solid rgba(22, 163, 74, 0.14);
    border-radius: 1.15rem;
    background: #fff;
    padding: 1.1rem 1.05rem;
    text-align: left;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.v2-screen--language .v2-language-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(17, 24, 39, 0.08);
}

.v2-screen--language .v2-language-card.is-suggested {
    border-color: rgba(22, 163, 74, 0.42);
    box-shadow: 0 16px 30px rgba(22, 163, 74, 0.12);
}

.v2-screen--language .v2-language-card strong {
    display: block;
    color: #111827;
    font-size: 1.03rem;
    line-height: 1.25;
}

.v2-screen--language .v2-language-card span {
    display: block;
    margin-top: 0.45rem;
    color: #4b5563;
    font-size: 0.92rem;
}

@media (min-width: 768px) {
    .v2-screen--language .v2-language-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}