/**
 * Apparence type "disabled" tout en laissant le contrôle actif (soumission form, pas d'attribut disabled).
 * À combiner avec readonly sur input/textarea, ou sur tout élément où la valeur est postée autrement.
 * Les <select> restent ouvrables tant qu'ils ne sont pas readonly/disabled — cette classe ne fait que le style.
 */
.input-readonly-look {
    background-color: var(--hp-color-surface-300, #e9ecef) !important;
    color: var(--hp-color-text-muted, #6c757d);
    cursor: not-allowed;
    opacity: 1;
}

.input-readonly-look::placeholder {
    color: var(--hp-color-text-muted, #6c757d);
    opacity: 1;
}

.input-readonly-look:hover {
    background-color: var(--hp-color-surface-300, #e9ecef) !important;
    color: var(--hp-color-text-muted, #6c757d);
}

.input-readonly-look:focus,
.input-readonly-look:focus-visible {
    background-color: var(--hp-color-surface-300, #e9ecef) !important;
    color: var(--hp-color-text-muted, #6c757d);
    border-color: var(--hp-color-border-default, #ced4da);
    box-shadow: none;
    outline: 0;
}