/*
 * Yahoo Keyword Tool , brand-specific styles. Yahoo's signature
 * purple is #5f01d1.
 */

:root {
    --kt-brand: #5f01d1;
    --kt-brand-fade: #4400a5;
    --kt-brand-tint: #ede0fa;
}

.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%, #8530ee 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; }

/* Yahoo "Y!" mark , purple Y with the iconic exclamation. */
.yhkt-hero-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1em;
    margin-right: 0.45em;
    vertical-align: -0.12em;
    background: #fff;
    border-radius: 0.16em;
    padding: 0.14em 0.2em;
    box-sizing: content-box;
    box-shadow: 0 1px 3px rgba(95, 1, 209, 0.2);
}
.yhkt-hero-logo svg { width: 100%; height: 100%; display: block; }