/* ==========================================================================
   Stiluri specifice proceselor verbale XXXLutz.
   Fisier separat, ca sa nu modific questions.css mostenit din Chestionar.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Intrebarile cu sloturi (ex. "Serviciul a fost prestat dupa cum urmeaza":
   ZIUA 1 .. ZIUA 5). Trebuie sa incapa toate pe un singur rand, deci celulele
   impart latimea in mod egal si au voie sa se ingusteze (flex-basis 0 +
   min-width 0 - fara min-width:0 continutul ar impinge ultima coloana jos).
   -------------------------------------------------------------------------- */
.options .option-item--slot {
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 6px;
    align-items: stretch;
}

.options .option-item--slot strong {
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
}

.options .option-item--slot input[type="text"],
.options .option-item--slot input[type="date"] {
    width: 100%;
    min-width: 0;
    flex: none;
    padding: 6px 4px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.options .option-item--slot input:invalid {
    border-color: #d9534f;
}

/* Pe telefon cinci coloane devin ilizibile -> doua pe rand. */
@media (max-width: 700px) {
    .options .option-item--slot {
        flex: 1 1 45%;
    }
    .options .option-item--slot input[type="text"],
    .options .option-item--slot input[type="date"] {
        font-size: 14px;
        padding: 8px 4px;
    }
}