/* Global Monochrome Theme - Black and White */

/* Header Button Text Colors - Apply to All Pages */
.menu-btn {
  color: #000000 !important;
}

.menu-btn:hover {
  color: #000000 !important;
}

/* Organizer button white text */
.dropdown:last-child .menu-btn {
  color: #ffffff !important;
}

.dropdown:last-child .menu-btn:hover {
  color: #ffffff !important;
}

.dropdown-item {
  color: #000000 !important;
}

.dropdown-item:hover {
  color: #000000 !important;
}

/* Event Card Icons */
.time-info i {
  color: #000000 !important;
}

.location i {
  color: #ffffff !important;
}

.featured-artist i {
  color: #ffd700 !important;
}

.wishlist-btn i {
  color: #000000 !important;
}

/* Search Bar Text */
.form-control {
  color: #000000 !important;
}

.form-control::placeholder {
  color: #666666 !important;
}

.form-control:focus {
  color: #000000 !important;
}

/* Category Select Dropdown */
.widget-select {
  color: #000000 !important;
  font-weight: bold !important;
}

select.widget-select {
  color: #000000 !important;
  font-weight: bold !important;
}

/* Contact Page Icons */
.contact-info-item i {
  color: #000000 !important;
}

.contact-information i {
  color: #000000 !important;
}

.far.fa-map {
  color: #000000 !important;
}

.far.fa-envelope {
  color: #000000 !important;
}

.fas.fa-phone-alt {
  color: #000000 !important;
}

/* Send Message Button */
.theme-btn {
  color: #000000 !important;
}

.theme-btn:hover {
  color: #ffffff !important;
}

.showLoader {
  color: #000000 !important;
}

.showLoader:hover {
  color: #ffffff !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 25%, #e0e0e0 50%, #d0d0d0 75%, #c0c0c0 100%);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 25%, #d8d8d8 50%, #c8c8c8 75%, #b8b8b8 100%);
}

/* Home Page Specific Styles */
/* Hero Section - Glowing White Text */
.hero-title {
  background: linear-gradient(45deg, #ffffff, #f0f0f0, #ffffff, #f0f0f0) !important;
  background-size: 400% 400% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Buttons - Black with White Text */
.cta-button {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1) !important;
}

.cta-button:hover {
  background: #333333 !important;
  color: #ffffff !important;
  box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2) !important;
}

/* Feature Icons - Glowing White */
.feature-icon {
  background: linear-gradient(45deg, #ffffff, #f0f0f0) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Music Title - Glowing White */
.music-title {
  background: linear-gradient(45deg, #ffffff, #f0f0f0) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Play Button - Black */
.play-button {
  background: #000000 !important;
  box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1) !important;
}

.play-button:hover {
  background: #333333 !important;
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2) !important;
}

/* Section Titles - Glowing White */
.section-title {
  background: linear-gradient(45deg, #ffffff, #f0f0f0) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Hero Circle Icon - Black */
div[style*="background: linear-gradient(45deg, #ff6b6b, #4ecdc4)"] {
  background: #000000 !important;
}

/* CTA Button Variants */
.cta-button[style*="background: transparent"] {
  background: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

.cta-button[style*="background: transparent"]:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

/* Pulse Animation - White Glow */
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3) !important; }
  70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0) !important; }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) !important; }
}