/*
|--------------------------------------------------------------------------
| Developed by JC
| Software Engineer
| Email: jagadchandana61@gmail.com
|--------------------------------------------------------------------------
*/

@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

.reverse-bottom-rounded {
    border-top-left-radius: 1rem; /* normal top rounding */
    border-top-right-radius: 1rem;
    clip-path: polygon(
        0 0,
        100% 0,
        100% 85%,
        /* bottom-right corner starts at 85%,           /* bottom-right corner starts at 85% height */
            90% 100%,
        /* cut inward horizontally by 10% */ 10% 100%,
        /* cut inward horizontally by 10% on left */ 0 85%
            /* bottom-left corner starts at 85% height */
    );
}

html {
    scroll-behavior: smooth;
} /* Hide scrollbar for Chrome, Safari and Opera */


/* Firefox */
body {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* global.css or tailwind.config.js */
.perspective { perspective: 1000px; }

.rbc-day-bg {
  transition: background-color 0.3s ease;
}

.rbc-day-bg:hover {
  background-color: #f0f9ff; /* sky-50 */
}

.rbc-event {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rbc-event:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.rbc-event {
  animation: fadeInUp 0.4s ease forwards;
}

@keyframes pulseHighlight {
  0% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); opacity: 0.9; }
}

.banner-free-text-animate {
  animation: pulseHighlight 1.8s ease-in-out infinite;
}

@keyframes heartbeatFree {
  0% { transform: scale(1); }
  20% { transform: scale(1.25); }
  35% { transform: scale(0.9); }
  50% { transform: scale(1.18); }
  65% { transform: scale(1); }
  100% { transform: scale(1); }
}

.banner-free-heartbeat {
  display: inline-block;
  animation: heartbeatFree 1.4s ease-in-out infinite;
  transform-origin: center;
}

.banner-headline-fjalla {
  font-family: 'Fjalla One', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  text-shadow:
    0 3px 8px rgba(0,0,0,0.85),
    0 0 18px rgba(0,0,0,0.55);
}