/* =========================
CAMERA GUADELOUPE - SURVEY FUNNEL UI
Ciblage: pages Survey uniquement
========================= */
/* 1) Conteneur et respiration */
body:has(.o_survey_form) .o_survey_form,
body:has(.o_survey_form) .o_survey_question {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
body:has(.o_survey_form) .o_survey_form {
padding-left: 14px;
padding-right: 14px;
}
body:has(.o_survey_form) .o_survey_question_title {
font-size: 1.25rem;
line-height: 1.35;
margin-bottom: 10px;
}
/* 2) Cartes de réponses (images) */
body:has(.o_survey_form) .o_survey_choice_image,
body:has(.o_survey_form) .o_survey_choice {
border-radius: 18px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0,0,0,.08);
transition: transform .18s ease, box-shadow .18s ease;
}
body:has(.o_survey_form) .o_survey_choice_image:hover,
body:has(.o_survey_form) .o_survey_choice:hover {
transform: translateY(-2px);
box-shadow: 0 14px 32px rgba(0,0,0,.12);
}
/* 3) Boutons: style tunnel */
body:has(.o_survey_form) .o_survey_btn,
body:has(.o_survey_form) .btn-primary {
border-radius: 999px !important;
padding: 14px 28px !important;
font-weight: 700 !important;
}
/* 4) Progression plus visible */
body:has(.o_survey_form) .progress {
height: 10px;
border-radius: 999px;
overflow: hidden;
}
body:has(.o_survey_form) .progress-bar {
border-radius: 999px;
}
/* 5) Champs et labels (si tu as du texte) */
body:has(.o_survey_form) .form-check,
body:has(.o_survey_form) .form-group {
margin-bottom: 10px;
}
/* 6) Mobile: zones cliquables plus confort */
@media (max-width: 768px) {
body:has(.o_survey_form) .o_survey_choice_image,
body:has(.o_survey_form) .o_survey_choice {
border-radius: 16px;
}
body:has(.o_survey_form) .o_survey_btn,
body:has(.o_survey_form) .btn-primary {
width: 100%;
padding: 16px 18px !important;
}
}