/* Vaze Consulting Services - Custom Styles */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Hero gradient */
.hero-gradient {
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 50%, #1e293b 100%);
}

/* Service card hover effect */
.service-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

/* Focus styles for accessibility */
input:focus, select:focus, button:focus {
    outline: none;
}

/* Table row hover */
#options-table tbody tr:hover {
    background-color: #eff6ff !important;
    cursor: pointer;
}

/* Responsive chart containers */
.chart-container {
    height: 450px;
}

@media (max-width: 640px) {
    .chart-container {
        height: 300px;
    }
}

/* Plotly modebar styling */
.modebar-btn {
    opacity: 0.6;
}
.modebar-btn:hover {
    opacity: 1;
}

/* Loading spinner */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.animate-spin {
    animation: spin 1s linear infinite;
}

/* Ad placeholder */
.ad-placeholder {
    animation: subtle-pulse 3s ease-in-out infinite;
}

@keyframes subtle-pulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 0.8; }
}

/* Options row highlight on chart click */
.options-row.ring-2 {
    outline: 2px solid #3b82f6;
    outline-offset: -2px;
}