/*
Theme Name: Foamagic Child
Theme URI: https://foamagicamerica.com
Template: foamagic
Author: Foamagic America
Description: Technology-forward mobile vehicle care, community service days, fleet, and marine/recreation theme for Foamagic America.
Version: 1.2.0.1788752458
Updated: 2026-09-06 23:40:58

*/

.status-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.tech-panel, .hero::after {
    backdrop-filter: blur(20px);
}
.route-card, .process-card, .review-card, .audience-card {
    -moz-transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    -webkit-transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    -o-transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
}
.route-card:hover, .process-card:hover, .audience-card:hover {
    -moz-box-shadow: 0 20px 40px rgba(11, 22, 63, 0.08);
    -webkit-box-shadow: 0 20px 40px rgba(11, 22, 63, 0.08);
    -o-box-shadow: 0 20px 40px rgba(11, 22, 63, 0.08);
    box-shadow: 0 20px 40px rgba(11, 22, 63, 0.08);
    -moz-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
    border-color: #2563eb;
}
.btn:active {
    -moz-transform: translateY(0) scale(0.98);
    -webkit-transform: translateY(0) scale(0.98);
    -o-transform: translateY(0) scale(0.98);
    transform: translateY(0) scale(0.98);
}
.status-chip::before {
    background-color: #157347;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 0 3px rgba(21, 115, 71, 0.2);
    -webkit-box-shadow: 0 0 0 3px rgba(21, 115, 71, 0.2);
    -o-box-shadow: 0 0 0 3px rgba(21, 115, 71, 0.2);
    box-shadow: 0 0 0 3px rgba(21, 115, 71, 0.2);
    width: 6px;
    content: "";
    height: 6px;
    animation: pulse-glow 2s infinite;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background-color: var fm ice;
}
::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: var fm slate;
}
@media (max-width: 680px) {
.route-grid, .process-grid, .review-grid {
    display: flex;
    padding-bottom: 1.5rem;
    flex-wrap: nowrap;
    gap: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding: 1rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.route-grid::-webkit-scrollbar, .process-grid::-webkit-scrollbar, .review-grid::-webkit-scrollbar {
    display: none;
}
.route-card, .process-card, .review-card {
    max-width: 320px;
    flex: 0 0 85%;
    scroll-snap-align: center;
}
}