/* Smooth scrolling */
      html {
        scroll-behavior: smooth;
      }
      /* Optional: Add a subtle pattern or keep the gradient */
      /* Example pattern: */
      /* body {
        background-image: radial-gradient(#FFEDE6 0.5px, transparent 0.5px);
        background-size: 10px 10px;
        background-color: #FFF8F5; /* Fallback color */
      /* } */

      /* Basic styling for the simulated flipbook container */
      #menuPreview {
          perspective: 1000px; /* For 3D flip effect if a library is used */
      }
      .flipbook-placeholder {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #f0f0f0; /* Light gray background */
          border: 1px solid #ccc;
          box-shadow: 0 4px 8px rgba(0,0,0,0.1);
          position: relative; /* Needed for the absolute logo */
          overflow: hidden; /* Hide potential overflow from simulated pages */
      }
       .flipbook-placeholder .page {
           width: 48%; /* Simulate two pages side-by-side */
           height: 90%;
           background-color: white;
           border: 1px solid #ddd;
           margin: 0 1%;
           box-shadow: 1px 1px 5px rgba(0,0,0,0.05);
           display: flex;
           justify-content: center;
           align-items: center;
           font-size: 0.9rem;
           color: #555;
           overflow: hidden;
       }
    .flipbook-placeholder .page img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

   


.skiptranslate {
  --tw-bg-opacity: 1;
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-text-opacity: 1;
    color: rgb(255 83 35 / var(--tw-text-opacity, 1));
    font-weight: 600;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-border-opacity: 1;
    border-color: rgb(255 83 35 / var(--tw-border-opacity, 1));
    border-width: 1px;
    border-radius: 9999px;
    gap: 0.5rem;
    align-items: center;
    display: flex;
    cursor: pointer;
}