Se rendre au contenu
/* ========================= 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; } }