/*
 * Caribachi — Hero fix
 * Removes the bluish tint from the hero section overlay
 * and strips it to a neutral warm-dark gradient.
 */

/* Target the overlay div that sits on top of the hero images */
/* The hero section uses a full-screen container with an overlay */
section:first-of-type > div[class*="absolute"][class*="inset"],
.absolute.inset-0[class*="bg-"] {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0.25) 50%,
    rgba(0, 0, 0, 0.18) 100%
  ) !important;
}

/* Catch any blue or teal overlays specifically */
[class*="from-\[#0d4858\]"],
[class*="via-\[#0d4858\]"],
[class*="to-\[#0d4858\]"],
[class*="from-teal"],
[class*="via-teal"],
[class*="to-teal"] {
  --tw-gradient-from: transparent !important;
  --tw-gradient-via: transparent !important;
}