| @@ -627,8 +627,27 @@ | ||
| 627 | 627 | .yatra-star-filled { |
| 628 | 628 | color: #f59e0b; |
| 629 | 629 | } |
| 630 | 630 | |
| 631 | +/* Half star: base star grey, left half overlaid in amber via an SVG mask. */ | |
| 632 | +.yatra-star-half { | |
| 633 | + position: relative; | |
| 634 | + color: #e2e8f0; | |
| 635 | +} | |
| 636 | + | |
| 637 | +.yatra-star-half::after { | |
| 638 | + content: ""; | |
| 639 | + position: absolute; | |
| 640 | + top: 0; | |
| 641 | + left: 0; | |
| 642 | + bottom: 0; | |
| 643 | + width: 50%; | |
| 644 | + overflow: hidden; | |
| 645 | + background: #f59e0b; | |
| 646 | + -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26'/%3E%3C/svg%3E") no-repeat left center / 200% 100%; | |
| 647 | + mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26'/%3E%3C/svg%3E") no-repeat left center / 200% 100%; | |
| 648 | +} | |
| 649 | + | |
| 631 | 650 | .yatra-rating-meta strong { |
| 632 | 651 | color: #0f172a; |
| 633 | 652 | margin-right: 6px; |
| 634 | 653 | } |
| @@ -929,8 +948,23 @@ | ||
| 929 | 948 | flex: 1 1 calc(33.333% - 14px); |
| 930 | 949 | min-width: 150px; |
| 931 | 950 | } |
| 932 | 951 | |
| 952 | +/* Display-only text block placed between form fields */ | |
| 953 | +.yatra-form-text-block p { | |
| 954 | + margin: 0 0 8px; | |
| 955 | + font-size: 14px; | |
| 956 | + line-height: 1.6; | |
| 957 | +} | |
| 958 | + | |
| 959 | +.yatra-form-text-block p:last-child { | |
| 960 | + margin-bottom: 0; | |
| 961 | +} | |
| 962 | + | |
| 963 | +.yatra-form-text-block a { | |
| 964 | + text-decoration: underline; | |
| 965 | +} | |
| 966 | + | |
| 933 | 967 | .yatra-form-group label { |
| 934 | 968 | display: block; |
| 935 | 969 | font-size: 14px; |
| 936 | 970 | font-weight: 600; |
| @@ -948,12 +982,14 @@ | ||
| 948 | 982 | .yatra-form-group input[type="date"], |
| 949 | 983 | .yatra-form-group select, |
| 950 | 984 | .yatra-form-group textarea { |
| 951 | 985 | width: 100%; |
| 986 | + min-height: 48px; | |
| 952 | 987 | padding: 12px 16px; |
| 953 | 988 | border: 1px solid #d1d5db; |
| 954 | 989 | border-radius: 8px; |
| 955 | 990 | font-size: 15px; |
| 991 | + line-height: 1.5; | |
| 956 | 992 | color: #111827; |
| 957 | 993 | background: #fff; |
| 958 | 994 | transition: all 0.2s; |
| 959 | 995 | box-sizing:border-box; |
