/**
 * Thalaxo — footer sales link + pricing sales panel (charte --thalaxo-*)
 */

.thalaxo-footer-sales {
    display: block;
    margin-top: 0.75rem;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--thalaxo-text-secondary, #a3a3a3);
}

.thalaxo-footer-sales a {
    color: var(--thalaxo-orange, #ffa500);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.thalaxo-footer-sales a:hover,
.thalaxo-footer-sales a:focus-visible {
    color: var(--thalaxo-blue-light, #60a5fa);
    outline: 2px solid var(--thalaxo-orange, #ffa500);
    outline-offset: 2px;
}

.thalaxo-pricing-sales-panel {
    max-width: 1200px;
    margin: 48px auto 24px;
    padding: 0 20px;
}

.thalaxo-pricing-sales-panel__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 32px;
    background: var(--thalaxo-bg-card, #1a1a1a);
    border: 1px solid var(--thalaxo-border, #333333);
    border-radius: 12px;
    box-shadow: inset 3px 0 0 var(--thalaxo-orange, #ffa500);
}

.thalaxo-pricing-sales-panel__title {
    margin: 0 0 8px;
    font-size: 1.35rem;
    line-height: 1.3;
    color: var(--thalaxo-text-primary, #ffffff);
}

.thalaxo-pricing-sales-panel__text {
    margin: 0;
    max-width: 42rem;
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--thalaxo-text-secondary, #a3a3a3);
}

.thalaxo-pricing-sales-panel__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.thalaxo-pricing-sales-panel__actions .button {
    margin: 0 !important;
}

@media (max-width: 768px) {
    .thalaxo-pricing-sales-panel__inner {
        padding: 22px 20px;
    }

    .thalaxo-pricing-sales-panel__actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .thalaxo-pricing-sales-panel__actions .button {
        width: 100%;
        text-align: center;
    }
}