/*
Theme Name: Restaurant Menu
Theme URI: https://yourdomain.com/
Author: Your Name
Author URI: https://yourdomain.com/
Description: A minimalist, fast restaurant menu theme built with Tailwind CSS
Version: 1.0
Tags: tailwindcss, minimalist, fast, restaurant
Text Domain: restaurant-menu
*/

@tailwind base;
@tailwind components;
@tailwind utilities;
header{
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	height: 20vh;
}
.custom-logo {
  max-height: 75px;
  height: auto;
  width: auto;
}
.flip-card-container {
  perspective: 1000px;
  height: 100%;
}

.flip-card {
  position: relative;
  height: 100%;
  width: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  cursor: pointer;
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 0.5rem;
}

.flip-card-front {
  z-index: 2;
  transform: rotateY(0deg);
}

.flip-card-back {
  transform: rotateY(180deg);
  z-index: 1;
}

.flip-card.flipped {
  transform: rotateY(180deg);
}


.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.2), 0 4px 6px -2px rgba(0,0,0,0.1);
}
.testimonial-card {
    background-color: #fff;
    border: 1px solid #eee;
}
 /* Animation for sections fading in */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.fade-in-section {
    animation: fadeIn 0.8s ease-out forwards;
}

.cta-button {
            transition: all 0.3s ease;
	background: #F3EEDF !important;
	        }
        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(0,0,0,0.2), 0 4px 6px -2px rgba(0,0,0,0.1);
        }

@media only screen and (max-width: 600px) {
	.custom-logo{
    max-height: 34px !important;

  }
}