/**
 * MaximisedAI WordPress Patterns CSS
 * Custom styling for MaximisedAI block patterns
 */

/* Root Variables */
:root {
    --maxai-orange: #ff4f00;
    --maxai-red: #dc2626;
    --maxai-black: #000000;
    --maxai-dark-gray: #111827;
    --maxai-medium-gray: #374151;
    --maxai-light-gray: #9ca3af;
    --maxai-lighter-gray: #d1d5db;
    --maxai-white: #ffffff;
}

/* Global MaximisedAI Theme Styles */
.maxai-theme {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Button Styles */
.wp-block-button.is-style-maxai-primary .wp-block-button__link {
    background: linear-gradient(135deg, var(--maxai-orange) 0%, var(--maxai-red) 100%);
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.wp-block-button.is-style-maxai-primary .wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(255, 79, 0, 0.3);
}

.wp-block-button.is-style-maxai-secondary .wp-block-button__link {
    background: transparent;
    border: 2px solid var(--maxai-orange);
    color: var(--maxai-orange);
    transition: all 0.3s ease;
}

.wp-block-button.is-style-maxai-secondary .wp-block-button__link:hover {
    background: rgba(255, 79, 0, 0.1);
    transform: translateY(-1px);
}

/* Service Card Hover Effects */
.wp-block-group {
    transition: all 0.3s ease;
}

.wp-block-columns .wp-block-column .wp-block-group:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Pricing Card Popular Badge Animation */
.maxai-popular-badge {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Typography Enhancements */
.wp-block-heading {
    letter-spacing: -0.025em;
}

/* List Styling */
.wp-block-list li {
    margin-bottom: 0.5rem;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .wp-block-columns {
        flex-direction: column;
    }
    
    .wp-block-button .wp-block-button__link {
        width: 100%;
        text-align: center;
    }
}

/* Focus States for Accessibility */
.wp-block-button__link:focus {
    outline: 2px solid var(--maxai-orange);
    outline-offset: 2px;
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .wp-block-group,
    .wp-block-button__link {
        transition: none;
    }
    
    .maxai-popular-badge {
        animation: none;
    }
}