/* Custom styles for SystemDiagnose.com */

/* Enhanced Tool Page Content Styles */
.tool-content-section {
    @apply mt-12 space-y-8;
}

.tool-content-card {
    @apply rounded-xl p-6 border;
}

.tool-content-card-blue {
    @apply bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 border-blue-200 dark:border-blue-800;
}

.tool-content-card-green {
    @apply bg-gradient-to-br from-green-50 to-emerald-50 dark:from-green-900/20 dark:to-emerald-900/20 border-green-200 dark:border-green-800;
}

.tool-content-card-red {
    @apply bg-gradient-to-br from-red-50 to-pink-50 dark:from-red-900/20 dark:to-pink-900/20 border-red-200 dark:border-red-800;
}

.tool-content-card-gray {
    @apply bg-gradient-to-br from-gray-50 to-slate-50 dark:from-gray-800 dark:to-slate-800 border-gray-200 dark:border-gray-700;
}

.tool-content-card-purple {
    @apply bg-gradient-to-br from-purple-50 to-violet-50 dark:from-purple-900/20 dark:to-violet-900/20 border-purple-200 dark:border-purple-800;
}

.tool-content-card-orange {
    @apply bg-gradient-to-br from-orange-50 to-amber-50 dark:from-orange-900/20 dark:to-amber-900/20 border-orange-200 dark:border-orange-800;
}

.tool-section-header {
    @apply flex items-center space-x-3 mb-4;
}

.tool-section-icon {
    @apply w-10 h-10 rounded-lg flex items-center justify-center;
}

.tool-section-icon-blue {
    @apply bg-blue-100 dark:bg-blue-900/50;
}

.tool-section-icon-green {
    @apply bg-green-100 dark:bg-green-900/50;
}

.tool-section-icon-red {
    @apply bg-red-100 dark:bg-red-900/50;
}

.tool-section-icon-gray {
    @apply bg-gray-100 dark:bg-gray-700;
}

.tool-section-icon-purple {
    @apply bg-purple-100 dark:bg-purple-900/50;
}

.tool-section-icon-orange {
    @apply bg-orange-100 dark:bg-orange-900/50;
}

.tool-section-title {
    @apply text-2xl font-bold text-gray-900 dark:text-white;
}

.tool-section-subtitle {
    @apply text-xl font-bold text-gray-900 dark:text-white;
}

.tool-section-text {
    @apply text-gray-700 dark:text-gray-300 leading-relaxed;
}

.tool-list-item {
    @apply flex items-start space-x-3;
}

.tool-list-icon {
    @apply w-6 h-6 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5;
}

.tool-list-icon-green {
    @apply bg-green-100 dark:bg-green-900/50;
}

.tool-list-icon-red {
    @apply bg-red-100 dark:bg-red-900/50;
}

.tool-list-icon-blue {
    @apply bg-blue-100 dark:bg-blue-900/50;
}

.tool-recommendation-box {
    @apply mt-6 p-4 bg-blue-50 dark:bg-blue-900/30 rounded-lg border border-blue-200 dark:border-blue-800;
}

.tool-tech-dot {
    @apply w-2 h-2 rounded-full mt-2 flex-shrink-0;
}

.tool-tech-dot-blue {
    @apply bg-blue-500;
}

.tool-tech-dot-green {
    @apply bg-green-500;
}

.tool-tech-dot-purple {
    @apply bg-purple-500;
}

.tool-tech-dot-orange {
    @apply bg-orange-500;
}

.tool-tech-dot-red {
    @apply bg-red-500;
}

/* Hover effects for interactive elements */
.tool-content-card {
    @apply transition-all duration-200 hover:shadow-lg hover:scale-[1.02];
}

/* Responsive improvements */
@media (max-width: 768px) {
    .tool-content-card {
        @apply p-4;
    }
    
    .tool-section-title {
        @apply text-xl;
    }
    
    .tool-section-subtitle {
        @apply text-lg;
    }
} 

/* Center and constrain tool content section on desktop */
.tool-content-section, .max-w-2xl {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

/* AdSense placeholder style */
.adsense-placeholder {
  @apply bg-gray-100 dark:bg-gray-800 text-gray-400 px-6 py-4 rounded-lg border border-dashed border-gray-300 dark:border-gray-700 text-center;
} 

.input-primary::placeholder {
  color: #9ca3af; /* Tailwind gray-400 */
}
.dark .input-primary::placeholder {
  color: #d1d5db; /* Tailwind gray-300 */
} 

.adsbygoogle {
  min-width: 320px;
  min-height: 100px;
  display: block;
}