/* ReviewBridge custom CSS styles */

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

/* Material symbols font configuration */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.material-symbols-outlined.fill-icon {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Stand visual subtle hover effects */
.stand-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stand-card:hover {
    transform: translateY(-2px);
}

/* FAQ accordion icon rotation */
.faq-icon {
    transition: transform 0.25s ease-in-out;
}

/* Pulse glow for status badge */
@keyframes softPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.08); }
}

.pulse-badge {
    animation: softPulse 2s infinite ease-in-out;
}

/* Customer landing page action buttons */
.customer-action-btn {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s ease, opacity 0.15s ease;
}

.customer-action-btn:hover {
    transform: translateY(-1.5px);
}

.customer-action-btn:active {
    transform: scale(0.985);
}

/* Consistent, comfortable horizontal spacing between icon tile and label (~14px mobile, 16px desktop) */
.customer-action-btn > div:first-child {
    display: flex;
    align-items: center;
    gap: 0.875rem; /* 14px */
}

@media (min-width: 640px) {
    .customer-action-btn > div:first-child {
        gap: 1rem; /* 16px */
    }
}

.gap-2\.5 {
    gap: 0.625rem;
}

.gap-3\.5 {
    gap: 0.875rem;
}