/* Manual Tailwind utility classes */

            html, body {
                overflow-x: hidden;
            }

            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }

            .recipe-card:hover .recipe-overlay {
                opacity: 1;
            }
            .recipe-card {
                transition: transform 0.15s ease-out, opacity 0.15s ease-out;
            }
            .news-img {
                transition: transform 0.3s;
            }
            .news-img:hover {
                transform: scale(1.05);
            }

            /* Global Paragraph Styling */
                  h2{
                  font-size: 25px !important;
                  font-weight: 500 !important;
                  line-height: 1.8 !important;
                  margin-bottom: 1.25em !important;

                  }
             .bg-white p,
            .entry-content p,
            .content-page-container p {
                color: #373737 !important;
                line-height: 1.8 !important;
                margin-bottom: 1.25em !important;
                font-size: 1rem !important;
            }

            /* Page Transition */
            #page-loader {
                position: fixed;
                inset: 0;
                background: #FFFFFF;
                z-index: 99999;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                transition: opacity 0.6s ease-out, visibility 0.6s ease-out;
            }
            #page-loader.loaded {
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
            }
            #page-loader .loader-logo {
                width: 120px;
                height: auto;
                animation: loaderPulse 1.2s ease-in-out infinite;
            }
            #page-loader .loader-bar {
                width: 200px;
                height: 3px;
                background: rgba(230, 57, 70, 0.2);
                border-radius: 2px;
                margin-top: 24px;
                overflow: hidden;
            }
            #page-loader .loader-bar::after {
                content: '';
                display: block;
                width: 60%;
                height: 100%;
                background: #E63946;
                border-radius: 2px;
                animation: loaderSlide 1s ease-in-out infinite;
            }
            @keyframes loaderPulse {
                0%, 100% { transform: scale(1); opacity: 1; }
                50% { transform: scale(1.1); opacity: 0.7; }
            }
            @keyframes loaderSlide {
                0% { transform: translateX(-100%); }
                100% { transform: translateX(250%); }
            }

/* Gutenberg Gallery Fix */
.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.wp-block-gallery .wp-block-image {
  flex: 1 1 calc(33.333% - 12px);
}

.wp-block-gallery img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Classic gallery fallback */
.gallery {
  display: flex;
  flex-wrap: wrap;
}

.gallery-item {
  width: 33%;
  padding: 5px;
}

.bg-tw-red\/70 {
  background-color: oklch(0.57 0.22 28.77 / 0.70);
}
.bg-tw-red\/50 {
  background-color: oklch(0.57 0.22 28.77 / 0.50);
}
.bg-tw-red {
  background-color: oklch(0.57 0.22 28.77);
}
.bg-tw-red-dark {
  background-color: oklch(0.48 0.20 28.77);
}
.bg-tw-yellow {
  background-color: oklch(0.91 0.17 91.54);
}
.bg-tw-yellow-light {
  background-color: oklch(0.97 0.07 91.54);
}
.text-tw-red {
  color: oklch(0.57 0.22 28.77);
}
.text-tw-red-dark {
  color: oklch(0.48 0.20 28.77);
}
.text-tw-yellow {
  color: oklch(0.91 0.17 91.54);
}
.text-tw-dark {
  color: oklch(0.30 0.02 280);
}
.text-tw-gray {
  color: oklch(0.55 0.04 255);
}
.hover\:text-tw-red:hover {
  color: oklch(0.57 0.22 28.77);
}
.hover\:text-tw-red-dark:hover {
  color: oklch(0.48 0.20 28.77);
}
.font-sans {
  font-family: "Plus Jakarta Sans", sans-serif;
}
.font-display {
  font-family: "DM Serif Display", serif;
}

/* Border color utilities */
.border-tw-gray {
  border-color: oklch(0.55 0.04 255);
}
.border-tw-red {
  border-color: oklch(0.57 0.22 28.77);
}
.focus\:border-tw-red:focus {
  border-color: oklch(0.57 0.22 28.77);
}

/* Width utilities */
.w-80 {
  width: calc(var(--spacing) * 80);
}
.w-\[900px\] {
  width: 900px;
}

/* Top position utilities */
.top-\[-50\%\] {
  top: -50%;
}
.top-\[-20\%\] {
  top: -20%;
}