/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.karavan .knowledgebase-section {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.karavan .knowledgebase-section .knowledgebase-card {
    cursor: pointer;
    height: 160px;
}

.karavan .knowledgebase-section .knowledgebase-card .pf-v5-c-card__header {
    padding-top: var(--pf-v5-global--spacer--sm);
}

.karavan .knowledgebase-section .knowledgebase-card .pf-v5-c-card__header .custom {
    margin-left: auto;
}

.karavan .knowledgebase-section .knowledgebase-card .pf-v5-c-card__header .pf-v5-c-card__header-main {
    display: flex;
    flex-direction: row;
}

.karavan .knowledgebase-section .knowledgebase-card .pf-v5-c-card__title {
    font-size: 15px;
    font-weight: 400;
}

.karavan .knowledgebase-section .knowledgebase-card .pf-v5-c-card__body {
    overflow: hidden;
    position: relative;
    line-height: 1.6em;
}

.knowledgebase-section .knowledgebase-card .icon {
    height: 24px;
    max-width: 24px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px;
    border: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.karavan .knowledgebase-section .knowledgebase-card .header-labels {
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.karavan .knowledgebase-section .knowledgebase-card .header-labels .pf-v5-c-card__header-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.karavan .knowledgebase-section .knowledgebase-card .footer-labels {
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.karavan .knowledgebase-section .knowledgebase-card .version,
.karavan .knowledgebase-section .knowledgebase-card .support-type,
.karavan .knowledgebase-section .knowledgebase-card .support-level {
    white-space: nowrap;
}

.karavan .knowledgebase-section .knowledgebase-card .labels {
    opacity: 0.5;
    font-weight: 200;
}

.karavan .knowledgebase-section .knowledgebase-card:hover .labels {
    opacity: 1;
}

.knowledgebase-section .knowledgebase-card .block-checkbox {
    align-self: center;
    margin-left: 6px;
}

.knowledgebase-section .knowledgebase-card .pf-v5-c-card__body {
    padding-bottom: 0;
    height: 54px;
}

.knowledgebase-section .knowledgebase-card .pf-v5-c-card__body {
    padding-bottom: 0;
    height: 54px;
}

.knowledgebase-section .knowledgebase-card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--pf-v5-global--Color--200);
}

.knowledgebase-section {
    .label-eip {
        --pf-v5-c-badge--BackgroundColor: var(--pf-v5-global--palette--orange-200);
    }
    .label-component {
        --pf-v5-c-badge--BackgroundColor: var(--pf-v5-global--palette--blue-300);
    }
    .label-kamelet {
        --pf-v5-c-badge--BackgroundColor: var(--pf-v5-global--palette--green-300);
    }
    .label-component-preview {
        --pf-v5-c-badge--Color: var(--pf-v5-global--palette--blue-300);
        --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
    }
    .label-kamelet-preview {
        --pf-v5-c-badge--Color: var(--pf-v5-global--palette--green-300);
        --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
    }
}