/*
 * eBay Keyword Tool , brand-specific styles. eBay\'s rainbow palette
 * (red/blue/yellow/green) is iconic; the brand accent picks eBay\'s
 * signature red (#e53238) as the primary action colour.
 */

:root {
    --kt-brand: #e53238;
    --kt-brand-fade: #c41e29;
    --kt-brand-tint: #fde0e2;
}

.tool-form-card .primary-btn:hover { background: var(--kt-brand-fade); }
.kt-trend polyline { stroke: var(--kt-brand); }
.kt-results-table th[data-sort].is-sorted-asc::after,
.kt-results-table th[data-sort].is-sorted-desc::after {
    color: var(--kt-brand);
    opacity: 0.7;
}
.kt-modifier-badge { background: var(--kt-brand-tint); color: var(--kt-brand-fade); }
.kt-progress-fill { background: linear-gradient(90deg, var(--kt-brand) 0%, #f5af02 100%); }
.history-item { cursor: pointer; }
.history-item:hover { background: var(--kt-brand-tint); }
.kt-example-chip:hover { border-color: var(--kt-brand); color: var(--kt-brand); }
.results-header { align-items: center; flex-wrap: wrap; gap: 12px; }
.kt-mode-toggle .mode-btn { min-width: 135px; text-align: center; }

/* eBay rainbow "e" mark , the four iconic letters in their classic colours. */
.ekt-hero-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55em;
    height: 1em;
    margin-right: 0.45em;
    vertical-align: -0.12em;
    background: #fff;
    border-radius: 0.16em;
    padding: 0.1em 0.18em;
    box-sizing: content-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.ekt-hero-logo svg { width: 100%; height: 100%; display: block; }