/* --- PŮVODNÍ STYLY --- */
.settings-form { max-width: 600px; margin: 0 auto; }
.form-section { background-color: #1c1c1e; padding: 25px; border-radius: 8px; border: 1px solid #3a3a3c; margin-bottom: 30px; }
.form-section h2 { margin-top: 0; margin-bottom: 5px; }
.form-section p, .form-section small { color: #a0a0a0; margin-top: 0; margin-bottom: 20px; }
.form-group { margin-bottom: 15px; display: flex; flex-wrap: wrap; align-items: center; }
.form-group label { flex: 1; padding-right: 20px; }
.form-group input { flex: 1; background-color: #3a3a3c; color: #f5f5f5; border: 1px solid #555; border-radius: 4px; padding: 10px; font-size: 1em; }
.form-group-checkbox { margin-bottom: 15px; }
.form-group-checkbox label { display: flex; align-items: center; font-size: 1.1em; cursor: pointer; }
.form-group-checkbox input[type="checkbox"] { width: 1.3em; height: 1.3em; margin-right: 10px; }
button[type="submit"] { width: 100%; padding: 12px; background-color: #4a90e2; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; transition: background-color 0.3s; }
button[type="submit"]:hover { background-color: #357ABD; }
.success-message { padding: 15px; background-color: rgba(46, 204, 113, 0.1); border: 1px solid #2ecc71; color: #2ecc71; border-radius: 4px; margin-bottom: 20px; text-align: center; }

/* --- NOVÁ SEKCE PRO MOBILNÍ TELEFONY --- */
@media (max-width: 600px) {
    .form-group {
        flex-direction: column; /* Zobrazí label nad inputem */
        align-items: stretch; /* Roztáhne prvky na plnou šířku */
    }
    .form-group label {
        padding-right: 0;
        margin-bottom: 5px; /* Mezera mezi labelem a inputem */
    }
    .form-section {
        padding: 15px;
    }
}