/**
 * Montenegro Made Easy - Custom CSS
 *
 * Use this file for any additional custom styles.
 * This file loads AFTER the main style.css so styles here
 * will override theme defaults.
 *
 * The client can safely add their own CSS tweaks here
 * without affecting the core theme styles.
 */

/* ============================================
   ADDITIONAL ANIMATIONS
   ============================================ */

/* Staggered animation for service cards */
.service-card:nth-child(1) { transition-delay: 0s; }
.service-card:nth-child(2) { transition-delay: 0.1s; }
.service-card:nth-child(3) { transition-delay: 0.2s; }
.service-card:nth-child(4) { transition-delay: 0.3s; }

/* Staggered animation for why cards */
.why-card:nth-child(1) { transition-delay: 0s; }
.why-card:nth-child(2) { transition-delay: 0.1s; }
.why-card:nth-child(3) { transition-delay: 0.15s; }
.why-card:nth-child(4) { transition-delay: 0.2s; }
.why-card:nth-child(5) { transition-delay: 0.25s; }
.why-card:nth-child(6) { transition-delay: 0.3s; }

/* Pulse animation for WhatsApp button */
@keyframes pulse {
    0% { box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4); }
    50% { box-shadow: 0 4px 25px rgba(37, 211, 102, 0.6); }
    100% { box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4); }
}

.whatsapp-float {
    animation: pulse 2s ease-in-out infinite;
}

/* ============================================
   WORDPRESS BLOCK PATTERNS
   ============================================ */

/* Make WP blocks match brand */
.wp-block-quote {
    border-left-color: var(--gold) !important;
    background: var(--off-white);
    padding: 1.5rem 2rem;
    border-radius: 0 var(--radius) var(--radius) 0;
}

.wp-block-quote p {
    font-style: italic;
    color: var(--navy);
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
}

.wp-block-table th {
    background: var(--navy);
    color: var(--white);
    padding: 0.75rem 1rem;
    text-align: left;
}

.wp-block-table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--light-grey);
}

.wp-block-table tr:nth-child(even) {
    background: var(--off-white);
}

/* ============================================
   PRINT STYLES
   ============================================ */
@media print {
    .site-header,
    .whatsapp-float,
    .cta-banner,
    .menu-toggle,
    .footer-social {
        display: none !important;
    }

    body {
        color: #000;
        background: #fff;
    }

    .page-header-banner {
        background: #fff !important;
        padding: 2rem 0 !important;
    }

    .page-header-banner h1 {
        color: #000 !important;
    }
}