| @@ -646,5 +646,188 @@ | ||
| 646 | 646 | div.ays-survey-youtube-placeholder { |
| 647 | 647 | width: 100% !important; |
| 648 | 648 | height: auto !important; |
| 649 | 649 | } |
| 650 | -} | |
| 650 | +} | |
| 651 | + | |
| 652 | +/* FAQ Section Styles | Start */ | |
| 653 | + | |
| 654 | +.survey-maker-dashboard-faq-section { | |
| 655 | + background-color: #f8fafc; | |
| 656 | + padding: 80px 0; | |
| 657 | +} | |
| 658 | + | |
| 659 | +.survey-maker-dashboard-page-container { | |
| 660 | + width: 100%; | |
| 661 | + max-width: 1200px; | |
| 662 | + margin-left: auto; | |
| 663 | + margin-right: auto; | |
| 664 | + padding-left: 24px; | |
| 665 | + padding-right: 24px; | |
| 666 | + box-sizing: border-box; | |
| 667 | +} | |
| 668 | + | |
| 669 | +.survey-maker-dashboard-page-faq__header { | |
| 670 | + text-align: center; | |
| 671 | + margin-bottom: 48px; | |
| 672 | +} | |
| 673 | + | |
| 674 | +.survey-maker-dashboard-page-faq__eyebrow { | |
| 675 | + display: inline-block; | |
| 676 | + background-color: rgb(220, 235, 254); | |
| 677 | + color: rgb(25, 68, 154); | |
| 678 | + /*font-family: 'Lato', sans-serif;*/ | |
| 679 | + font-size: 13px; | |
| 680 | + font-weight: 500; | |
| 681 | + line-height: 1; | |
| 682 | + padding: 6px 14px; | |
| 683 | + border-radius: 999px; | |
| 684 | + margin-bottom: 20px; | |
| 685 | +} | |
| 686 | + | |
| 687 | +.survey-maker-dashboard-page-faq__title { | |
| 688 | + /*font-family: 'Lato', sans-serif;*/ | |
| 689 | + font-size: clamp(1.8rem, 3vw, 2.5rem); | |
| 690 | + font-weight: 700; | |
| 691 | + line-height: 1.2; | |
| 692 | + letter-spacing: -0.02em; | |
| 693 | + color: #1e2a3b; | |
| 694 | + margin: 0; | |
| 695 | +} | |
| 696 | + | |
| 697 | +/* ---------- FAQ list ---------- */ | |
| 698 | +.survey-maker-dashboard-page-faq__list { | |
| 699 | + display: flex; | |
| 700 | + flex-direction: column; | |
| 701 | + gap: 16px; | |
| 702 | + max-width: 760px; | |
| 703 | + margin-left: auto; | |
| 704 | + margin-right: auto; | |
| 705 | +} | |
| 706 | + | |
| 707 | +.survey-maker-dashboard-page-faq__item { | |
| 708 | + background-color: #ffffff; | |
| 709 | + border: 1px solid #e5e7eb; | |
| 710 | + border-radius: 14px; | |
| 711 | + overflow: hidden; | |
| 712 | + list-style: none; | |
| 713 | +} | |
| 714 | + | |
| 715 | +.survey-maker-dashboard-page-faq__item summary::-webkit-details-marker { | |
| 716 | + display: none; | |
| 717 | +} | |
| 718 | + | |
| 719 | +.survey-maker-dashboard-page-faq__item summary::marker { | |
| 720 | + display: none; | |
| 721 | + content: ''; | |
| 722 | +} | |
| 723 | + | |
| 724 | +.survey-maker-dashboard-page-faq__question { | |
| 725 | + display: flex; | |
| 726 | + flex-direction: row; | |
| 727 | + align-items: center; | |
| 728 | + justify-content: space-between; | |
| 729 | + gap: 16px; | |
| 730 | + padding: 20px 24px; | |
| 731 | + cursor: pointer; | |
| 732 | + list-style: none; | |
| 733 | + user-select: none; | |
| 734 | + -webkit-user-select: none; | |
| 735 | +} | |
| 736 | + | |
| 737 | +.survey-maker-dashboard-page-faq__question span:first-child { | |
| 738 | + /*font-family: 'Lato', sans-serif;*/ | |
| 739 | + font-size: 15px; | |
| 740 | + font-weight: 500; | |
| 741 | + color: #1e2a3b; | |
| 742 | + line-height: 1.5; | |
| 743 | + flex: 1 1 0%; | |
| 744 | + min-width: 0; | |
| 745 | +} | |
| 746 | + | |
| 747 | +.survey-maker-dashboard-page-faq__icon { | |
| 748 | + display: flex; | |
| 749 | + align-items: center; | |
| 750 | + justify-content: center; | |
| 751 | + flex-shrink: 0; | |
| 752 | + color: #1e2a3b; | |
| 753 | + transition: transform 0.25s ease; | |
| 754 | +} | |
| 755 | + | |
| 756 | +.survey-maker-dashboard-page-faq__icon svg { | |
| 757 | + display: block; | |
| 758 | +} | |
| 759 | + | |
| 760 | +.survey-maker-dashboard-page-faq__item[open] .survey-maker-dashboard-page-faq__icon { | |
| 761 | + transform: rotate(180deg); | |
| 762 | +} | |
| 763 | + | |
| 764 | +.survey-maker-dashboard-page-faq__answer { | |
| 765 | + padding: 0 24px 20px; | |
| 766 | + border-top: 1px solid #e5e7eb; | |
| 767 | +} | |
| 768 | + | |
| 769 | +.survey-maker-dashboard-page-faq__answer p { | |
| 770 | + /*font-family: 'Lato', sans-serif;*/ | |
| 771 | + font-size: 14px; | |
| 772 | + line-height: 1.75; | |
| 773 | + color: #6b7280; | |
| 774 | + margin: 16px 0 0; | |
| 775 | +} | |
| 776 | + | |
| 777 | +.survey-maker-dashboard-page-faq__answer p strong { | |
| 778 | + color: #000; | |
| 779 | +} | |
| 780 | + | |
| 781 | +.survey-maker-dashboard-page-faq__item:not([open]) .survey-maker-dashboard-page-faq__question:hover { | |
| 782 | + background-color: #f9fafb; | |
| 783 | +} | |
| 784 | + | |
| 785 | +.survey-maker-dashboard-page-faq__question:focus-visible { | |
| 786 | + outline: 2px solid #1a56db; | |
| 787 | + outline-offset: -2px; | |
| 788 | + border-radius: 14px; | |
| 789 | +} | |
| 790 | + | |
| 791 | +@media (max-width: 1024px) { | |
| 792 | + .survey-maker-dashboard-page-faq { | |
| 793 | + padding: 64px 0; | |
| 794 | + } | |
| 795 | + | |
| 796 | + .survey-maker-dashboard-page-container { | |
| 797 | + padding-left: 20px; | |
| 798 | + padding-right: 20px; | |
| 799 | + } | |
| 800 | + | |
| 801 | + .survey-maker-dashboard-page-faq__list { | |
| 802 | + max-width: 100%; | |
| 803 | + } | |
| 804 | +} | |
| 805 | + | |
| 806 | +@media (max-width: 768px) { | |
| 807 | + .survey-maker-dashboard-page-faq { | |
| 808 | + padding: 48px 0; | |
| 809 | + } | |
| 810 | + | |
| 811 | + .survey-maker-dashboard-page-container { | |
| 812 | + padding-left: 16px; | |
| 813 | + padding-right: 16px; | |
| 814 | + } | |
| 815 | + | |
| 816 | + .survey-maker-dashboard-page-faq__header { | |
| 817 | + margin-bottom: 32px; | |
| 818 | + } | |
| 819 | + | |
| 820 | + .survey-maker-dashboard-page-faq__question { | |
| 821 | + padding: 16px 18px; | |
| 822 | + } | |
| 823 | + | |
| 824 | + .survey-maker-dashboard-page-faq__answer { | |
| 825 | + padding: 0 18px 16px; | |
| 826 | + } | |
| 827 | + | |
| 828 | + .survey-maker-dashboard-page-faq__question span:first-child { | |
| 829 | + font-size: 14px; | |
| 830 | + } | |
| 831 | +} | |
| 832 | + | |
| 833 | +/* FAQ Section Styles | End */ | |
