@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}


/* bhavna css start */

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

*{
      padding: 0;

      margin: 0;

}
body {
            font-family: 'Figtree', sans-serif;
        }
/* home page css start */

/* Optional: Hide scrollbar for clean look */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


		
		.campaign-card {
			transition: all 0.2s ease;
		}
		
		.campaign-card:hover {
			transform: translateY(-1px);
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		}

        /* filter */

         .filter-btn {
    transition: all 0.2s ease;
  }
  /* Active state */
  .filter-btn.active {
    border-color: #ef4444; /* Tailwind red-500 */
    background-color: #fef2f2; /* Tailwind red-50 */
    color: #dc2626; /* Tailwind red-600 */
  }

  

/* home page css end */


/* help and support css start */

/* Disable Flowbite dark background overrides */
@media (prefers-color-scheme: dark) {
  .dark\:bg-gray-800 {
    background-color: transparent !important;
    color: black !important;
  }
  .dark\:bg-gray-900 {
    background-color: transparent !important;
        color: black !important;

  }
}
@media (prefers-color-scheme: dark) {
    .dark\:text-gray-400 {
       color:  black !important;
        
    }
    }
    /* help and support css end */

    /* card css */

    	.scrollbar-hide {
			-ms-overflow-style: none;
			scrollbar-width: none;
		}
		
		.scrollbar-hide::-webkit-scrollbar {
			display: none;
		}
		
		.loader-animation {
			animation: loading 2s infinite;
		}
		
		@keyframes loading {
			0% {
				width: 0%;
			}
			
			50% {
				width: 70%;
			}
			
			100% {
				width: 100%;
			}
		}
		
		
	
		.carousel-container {
			position: relative;
		}
		
		.carousel-dot.active {
			opacity: 1;
		}
		
		@media (min-width: 768px) {
			.max-w-md {
				max-width: 420px;
			}
		}

		/* Hide scrollbar but allow scrolling */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}


/* faq */
button[data-accordion-target] svg {
  transition: transform 0.3s;
}

button[data-accordion-target][aria-expanded="true"] svg {
  transform: rotate(180deg);
}

/* applied campaign order approval */

.hide-scrollbar{
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

.hide-scrollbar::-webkit-scrollbar {
  width: 0px;  /* Chrome, Safari, Edge */
  height: 0px; /* for horizontal scrollbar if any */
}

/* scoll hide for refer history */

  /* Hide scrollbar */
  /* Hide scrollbar for all browsers */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* terms and condition modal */

/* Scrollbar hide CSS */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* contact dropdown */

  

        /* Dropdown smooth animation */
        .dropdown-content {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
        }

        .dropdown.open .dropdown-content {
            max-height: 200px;
            opacity: 1;
        }
        /* gradient */

        .earn-gradient {
    background: linear-gradient(to right, #1927B3, #F50000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-flex;
    align-items: center;
}
/* pink gradient */
.gradient-badge {
    background: linear-gradient(to right, rgba(252, 233, 233, 0) 0%, #FCE9E9 100%);
}


/* contact us page dropdown */
.dropdown-content {
    display: none;
}
.dropdown.open .dropdown-content {
    display: block;
}
  .hidden {
    display: none;
  }
.success {
  background: linear-gradient(to bottom, #FFCC90, #fbbf77);
}
#termsCheck{
  border: 1px solid black;
}

 #termsBox::-webkit-scrollbar,
    #termsBox .overflow-y-auto::-webkit-scrollbar {
        display: none;
    }

    #termsBox,
    #termsBox .overflow-y-auto {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    /* review link modal */
    #reviewLinkModal {
    backdrop-filter: blur(6px);
}

#reviewLinkBox {
    max-height: 90vh;
    overflow-y: auto;
}

#reviewLinkVideo,
#reviewLinkImage {
    object-fit: contain;
    max-height: 70vh;
    display: block;
    margin: 0 auto;
}
/* bhavna css end */