/* Main red color variations */
:root {
  --red-primary: #d03732;
  --red-secondary: #d03732;
  --red-light: #e84c3d;
  --red-dark: #a52a2a;
  --red-hover: #b32d29;
  --red-transparent: rgba(208, 55, 50, 0.1);
}

/* Override green and yellow colors with red */
.bg-\[\#005909\],
.bg-\[\#c1121f\],
.text-\[\#c1121f\],
.border-\[\#c1121f\],
.bg-\[\#11691A\],
.text-\[\#11691A\],
.border-\[\#11691A\],
.bg-\[\#30742A\],
.text-\[\#30742A\],
.border-\[\#30742A\],
.bg-\[\#38B27A\],
.text-\[\#38B27A\],
.border-\[\#38B27A\] {
  background-color: var(--red-primary) !important;
  border-color: var(--red-primary) !important;
  color: white !important;
}

.bg-\[\#d03732\],
.text-\[\#d03732\],
.border-\[\#d03732\],
.bg-h1Primary,
.text-h1Primary,
.border-h1Primary {
  background-color: var(--red-secondary) !important;
  border-color: var(--red-secondary) !important;
  color: white !important;
}

.bg-h1Primary2,
.text-h1Primary2,
.border-h1Primary2 {
  background-color: var(--red-light) !important;
  border-color: var(--red-light) !important;
  color: white !important;
}

.bg-\[\#E3FF10\],
.text-\[\#E3FF10\],
.border-\[\#E3FF10\],
.bg-\[\#E7FF53\],
.text-\[\#E7FF53\],
.border-\[\#E7FF53\],
.bg-\[\#FEF535\],
.text-\[\#FEF535\],
.border-\[\#FEF535\],
.bg-\[\#FEF537\],
.text-\[\#FEF537\],
.border-\[\#FEF537\],
.bg-\[\#F5DB03\],
.text-\[\#F5DB03\],
.border-\[\#F5DB03\],
.bg-\[\#8DEA2A\],
.text-\[\#8DEA2A\],
.border-\[\#8DEA2A\] {
  background-color: var(--red-secondary) !important;
  border-color: var(--red-secondary) !important;
  color: white !important;
}

/* Button styles */
.button-primary-green {
  background-color: var(--red-secondary) !important;
  outline-color: var(--red-secondary) !important;
  color: white !important;
  border-color: var(--red-secondary) !important;
}

.button-primary-green:hover {
  background-color: transparent !important;
  color: var(--red-secondary) !important;
  border-color: var(--red-secondary) !important;
}

/* Fix specific elements */
.how-to-buy-3 .how-to-buy-number {
  color: var(--red-secondary) !important;
  border-color: var(--red-transparent) !important;
  background-color: black !important;
}

.how-to-buy-3:hover {
  border-color: var(--red-secondary) !important;
}

.how-to-buy-3:hover .how-to-buy-number {
  border-color: var(--red-secondary) !important;
}

/* Fix animated text strips */
.animated-text-strip {
  border-color: var(--red-secondary) !important;
}

/* Fix roadmap section */
.rounded-\[32px\].border-4.border-dashed.border-transparent,
.rounded-\[32px\].border-4.border-dashed {
  border-color: var(--red-transparent) !important;
}

.rounded-\[32px\].border-4.border-dashed.border-transparent:hover,
.rounded-\[32px\].border-4.border-dashed:hover,
.hover\:border-4:hover.hover\:border-dashed:hover.hover\:border-\[\#d03732\]:hover {
  border-color: var(--red-secondary) !important;
}

/* Fix how to buy card borders */
.how-to-buy-3 {
  border: 1px solid var(--red-transparent) !important;
}

.how-to-buy-3:hover {
  border-color: var(--red-secondary) !important;
}

/* Fix stars in roadmap and throughout site */
img[src*="star-green.png"],
img[src*="star-white.png"] {
  filter: hue-rotate(330deg) saturate(1.5) !important;
}

/* FIX FOR ICONS AND BULLET POINTS */
.ph-fill.ph-check-square,
.flex.items-center.gap-2 i.ph-fill.ph-check-square {
  display: inline-block !important;
  color: var(--red-secondary) !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

/* Fix checkmark style for bullet points */
ul li.flex.items-center.gap-2:before {
  content: none !important;
}

/* Fix bullet points with red squares */
.flex.items-center.gap-2 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* Fix scroll to top button */
.scroll-top {
  border-color: var(--red-secondary) !important;
}

.scroll-top .bg-danger,
.scroll-top .group-hover\:bg-primary {
  background-color: var(--red-secondary) !important;
}

.scroll-top:hover {
  border-color: var(--red-light) !important;
}

.scroll-top:hover .bg-danger,
.scroll-top:hover .group-hover\:bg-primary {
  background-color: var(--red-light) !important;
}

/* Fix FAQ accordion */
.faq-accordion-3 .bg-primary {
  background-color: var(--red-secondary) !important;
}

.appear-downd:hover {
  border-color: var(--red-secondary) !important;
}

/* Fix all line animations */
.line:before {
  background: linear-gradient(-90deg, var(--red-secondary) 0%, rgba(208, 55, 50, 0) 100%) !important;
}

/* Fix overlay text gradients */
.overlay-text-content-3 {
  background: linear-gradient(180deg, rgba(208, 55, 50, 0.7) -52.78%, rgba(208, 55, 50, 0) 116.3%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Fix text shadows and strokes */
.title,
.landing-1-banner-title,
.title-white {
  text-shadow: -8px -4px 10px var(--red-light) !important;
  -webkit-text-stroke-color: var(--red-dark) !important;
}

/* Marquee text colors */
.marquee,
.marquee-alt,
.big-text {
  color: white !important;
}

/* Make navbar sticky */
.desktop-nav-container {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  background-color: var(--red-primary) !important;
  transition: all 0.3s ease;
}

/* Style the navbar items */
.home-3-nav-item {
  color: white !important;
}

.home-3-nav-item:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: white !important;
}

/* Fix nav menu with gold borders */
ul.flex.items-center.justify-between.gap-3 li a,
ul.flex.items-center.justify-between.gap-3 li button {
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

ul.flex.items-center.justify-between.gap-3 li a:hover,
ul.flex.items-center.justify-between.gap-3 li button:hover {
  border-color: white !important;
}

/* Mobile navbar - Fix */
nav.fixed.top-0.z-\[31\].w-full.bg-\[\#005909\],
.bg-\[\#005909\] {
  background-color: var(--red-primary) !important;
}

#mobileMenu {
  background-color: #222 !important;
}

#mobileMenu a,
#mobileMenu button {
  color: white !important;
}

#mobileMenu a:hover,
#mobileMenu button:hover {
  color: var(--red-primary) !important;
}

/* Fix hover states for all elements */
.hover\:border-\[\#d03732\]:hover,
.hover\:border-h1Primary:hover,
.hover\:border-h1Primary2:hover,
.hover\:border-green-500:hover,
.hover\:border-yellow-400:hover {
  border-color: var(--red-primary) !important;
}

.hover\:bg-\[\#d03732\]:hover,
.hover\:bg-h1Primary2:hover,
.hover\:bg-green-500:hover,
.hover\:bg-yellow-400:hover {
  background-color: var(--red-primary) !important;
}

.hover\:text-h1Primary2:hover,
.hover\:text-title:hover,
.hover\:text-white:hover,
.hover\:text-yellow-300:hover,
.hover\:text-green-500:hover {
  color: var(--red-primary) !important;
}

/* Group hover states */
.group:hover .group-hover\:bg-h1Primary2,
.group:hover .group-hover\:bg-green-500,
.group:hover .group-hover\:bg-yellow-400 {
  background-color: var(--red-primary) !important;
}

.group:hover .group-hover\:text-black {
  color: black !important;
}

/* Fix border dashed */
.border-dashed {
  border-style: dashed !important;
}

.dashed-border-green {
  border: 2px dashed var(--red-secondary) !important;
}

/* FIX SOCIAL MEDIA ICONS */
.ph-fill.ph-facebook-logo,
.ph-fill.ph-instagram-logo,
.ph-fill.ph-twitter-logo,
.ph-fill.ph-linkedin-logo {
  display: inline-block !important;
  color: var(--red-secondary) !important;
  font-size: 20px !important;
}

.group:hover .ph-fill.ph-facebook-logo,
.group:hover .ph-fill.ph-instagram-logo,
.group:hover .ph-fill.ph-twitter-logo,
.group:hover .ph-fill.ph-linkedin-logo {
  color: black !important;
}

/* Fix social media icon container */
.group.flex.cursor-pointer.items-center.justify-center.rounded-full.bg-white\/10.p-2\.5.duration-300.hover\:bg-h1Primary2 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.group.flex.cursor-pointer.items-center.justify-center.rounded-full.bg-white\/10.p-2\.5.duration-300.hover\:bg-h1Primary2:hover {
  background-color: var(--red-secondary) !important;
}

/* Fix our-story-3 text */
.our-story-3 {
  background: linear-gradient(90deg, rgba(208, 55, 50, 0) 0%, rgba(208, 55, 50, 0.7) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Fix subscribe button */
button.m-text.bordeer.rounded-lg {
  background-color: var(--red-primary) !important;
  color: white !important;
}

button.m-text.bordeer.rounded-lg:hover {
  background-color: var(--red-hover) !important;
}

/* Fix all remaining green elements */
[class*="green"] {
  border-color: var(--red-primary) !important;
  color: var(--red-primary) !important;
}

/* Specific fixes for roadmap and FAQ sections */
#roadmap .rounded-\[32px\],
#faq .rounded-2xl {
  border-color: var(--red-transparent) !important;
}

#roadmap .rounded-\[32px\]:hover,
#faq .rounded-2xl:hover {
  border: 4px dashed var(--red-secondary) !important;
}

/* Fix yellow stars and icons */
.flex.items-center.justify-center.gap-2 img,
.flex.items-center.gap-2 img {
  filter: hue-rotate(330deg) saturate(1.5) !important;
}

/* Target anchors that look like buttons */
a[href="#contact"] {
  background-color: var(--red-secondary) !important;
  border-color: var(--red-secondary) !important;
  color: white !important;
}

a[href="#contact"]:hover {
  background-color: transparent !important;
  color: var(--red-secondary) !important;
}

/* Add this specific rule to fix the Get Started button */
a[href="https://presale.kurticoin.io/"].home-3-nav-item {
  border-color: white !important;
  background-color: var(--red-primary) !important;
  color: white !important;
}

a[href="https://presale.kurticoin.io/"].home-3-nav-item:hover {
  background-color: white !important;
  color: var(--red-primary) !important;
  border-color: white !important;
}

/* Fix for all nav items to ensure consistency */
.home-3-nav-item {
  border: 1px solid white !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
}

.home-3-nav-item:hover {
  background-color: white !important;
  color: var(--red-primary) !important;
}