Spaces:
Running
Running
| /* Animation for hover effects */ | |
| .transition-transform { | |
| transition-property: transform; | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-duration: 300ms; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f1f1; | |
| border-radius: 10px; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #d97706; | |
| border-radius: 10px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #b45309; | |
| } | |
| /* Smooth scrolling */ | |
| html { | |
| scroll-behavior: smooth; | |
| } | |
| /* Navigation active state */ | |
| nav a.active { | |
| color: #d97706; | |
| font-weight: 600; | |
| } | |
| /* Review card shadow */ | |
| .review-card { | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| /* Menu item hover effect */ | |
| .menu-item:hover { | |
| transform: translateY(-5px); | |
| } | |
| /* Reservation form focus */ | |
| input:focus, select:focus { | |
| outline: none; | |
| box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.5); | |
| } |