/*
 * RankUp — Quote Only frontend actions
 * Layout only: `.button` / `.button.alt` classes on the buttons themselves
 * inherit WooCommerce/Rey's existing button styling, so this file stays
 * intentionally small and doesn't hardcode site-specific colors.
 */

.rankup-quote-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--rankup-space-sm, 12px);
    margin: var(--rankup-space-md, 16px) 0;
}

.rankup-quote-actions .rankup-request-quote-button,
.rankup-quote-actions .rankup-call-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 180px;
    text-align: center;
    border-radius: var(--rankup-radius, 6px);
    cursor: pointer;
}

.rankup-quote-actions .rankup-call-button {
    background: transparent;
    border: 1px solid var(--rankup-color-border, #d1d5db);
    color: inherit;
}

.rankup-quote-actions .rankup-request-quote-button:focus-visible,
.rankup-quote-actions .rankup-call-button:focus-visible {
    outline: none;
    box-shadow: var(--rankup-focus-ring, 0 0 0 3px rgba(79, 70, 229, 0.2));
}

.rankup-quote-validation-message {
    flex-basis: 100%;
    color: var(--rankup-color-danger, #dc2626);
    background: var(--rankup-color-danger-light, #fef2f2);
    border: 1px solid var(--rankup-color-danger-border, #fecaca);
    border-radius: var(--rankup-radius, 6px);
    padding: var(--rankup-space-xs, 8px) var(--rankup-space-sm, 12px);
    font-size: var(--rankup-font-size-sm, 13px);
}

@media (max-width: 480px) {
    .rankup-quote-actions {
        flex-direction: column;
    }

    .rankup-quote-actions .rankup-request-quote-button,
    .rankup-quote-actions .rankup-call-button {
        min-width: 0;
        width: 100%;
    }
}