/* =============================================
   Pogotowie Kanalizacyjne Śląsk - Custom CSS
   ============================================= */

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

/* Animation classes */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Prose styling for blog content */
.prose h2 { font-size: 1.5rem; font-weight: 700; color: #04335d; margin: 2rem 0 1rem; }
.prose h3 { font-size: 1.25rem; font-weight: 600; color: #04335d; margin: 1.5rem 0 0.75rem; }
.prose p { margin-bottom: 1rem; line-height: 1.75; color: #4b5563; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose li { margin-bottom: 0.5rem; color: #4b5563; }
.prose a { color: #fe5d02; text-decoration: underline; }
.prose a:hover { color: #e55502; }
.prose strong { color: #04335d; }

/* Service card hover */
.service-card:hover { transform: translateY(-4px); box-shadow: 0 10px 40px rgba(0,0,0,0.1); }
.service-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }

/* Image hover zoom */
.img-zoom:hover img { transform: scale(1.05); }
.img-zoom img { transition: transform 0.5s ease; }

/* CTA pulse animation */
@keyframes pulse-shadow {
    0%, 100% { box-shadow: 0 4px 20px rgba(254,93,2,0.4); }
    50% { box-shadow: 0 4px 30px rgba(254,93,2,0.6); }
}
.pulse-cta { animation: pulse-shadow 2s infinite; }