/**
 * Towing Services Plugin - Public CSS
 * 
 * Contains all public-facing custom CSS styles that extend Tailwind CSS.
 */

/* Override and extend Tailwind classes */
.towing-services-container {
    margin-bottom: 2rem;
}

/* Animation for loading spinner */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Status message styling */
#location-status,
#calculator-status {
    border-radius: 0.375rem;
    padding: 1rem;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    #towing-services-gps-location button,
    #towing-services-cost-calculator button {
        width: 100%;
        justify-content: center;
    }
}

/* For Elementor compatibility */
.elementor-widget-container .towing-services-container {
    width: 100%;
}

/* For WPBakery compatibility */
.wpb_content_element .towing-services-container {
    width: 100%;
}

/* For Gutenberg compatibility */
.wp-block .towing-services-container {
    width: 100%;
}