/*
 * Toolbox partner card — Figma "card-tool" (4438:2729).
 */

.mo-card-tool {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mo-spacing-xxs);
    overflow: hidden;
    padding: calc(var(--mo-spacing-sm) - var(--mo-border-width-xs));
    border: var(--mo-border-width-xs) solid transparent;
    border-radius: var(--mo-radius-md);
    background-color: var(--mo-surface-default-white);
    color: inherit;
    text-decoration: none;
    transition: border-color 120ms ease, color 120ms ease;
}

/* Hover (4438:2727): outline and pink wording, fill unchanged — the action tile convention. */
.mo-card-tool:hover,
.mo-card-tool:focus-visible {
    border-color: var(--mo-border-action);
}

.mo-card-tool:hover .mo-card-tool__name,
.mo-card-tool:focus-visible .mo-card-tool__name,
.mo-card-tool:hover .mo-card-tool__description,
.mo-card-tool:focus-visible .mo-card-tool__description {
    color: var(--mo-text-action);
}

.mo-card-tool__logo {
    display: block;
    width: var(--mo-scale-1000);
    height: var(--mo-scale-1000);
    object-fit: contain;
}

.mo-card-tool__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.mo-card-tool__name {
    color: var(--mo-text-heading);
    font-size: var(--mo-font-size-h4);
    font-weight: var(--mo-font-weight-bold);
    line-height: var(--mo-line-height-h4);
}

.mo-card-tool__description {
    color: var(--mo-text-placeholder);
    font-size: var(--mo-font-size-body-sm);
    font-weight: var(--mo-font-weight-semibold);
    line-height: var(--mo-line-height-body-sm);
}

.mo-card-tool__action {
    display: inline-flex;
    height: var(--mo-scale-500);
    align-items: center;
    gap: var(--mo-spacing-xxs);
    color: var(--mo-text-action);
    font-size: var(--mo-font-size-btn);
    font-weight: var(--mo-font-weight-bold);
    line-height: var(--mo-line-height-btn);
}

.mo-card-tool__chevron {
    width: var(--mo-scale-200);
    height: var(--mo-scale-200);
}

.mo-card-tool:hover .mo-card-tool__action {
    gap: var(--mo-spacing-xs);
}