/* Drobne komponenty: .box, odznaka .approved, kafle w zakladkach.
   Przeniesione z responsive.css. */

/* Course details icons */
.approved {display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 8px;
    position: relative;
    color: var(--color-success);
    background-color: var(--color-success-soft);
     margin-bottom:1rem;
    border-radius: var(--radius-xl);}

.boxes--tabs .excerpt p {
    margin: 0;
    max-height: 130px;
    overflow: hidden;
    transition: max-height .15s ease-out
}

.boxes--tabs .excerpt p::after {
    margin: 1rem 0;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-primary);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.boxes--tabs .excerpt p:hover {
    max-height: unset;
    overflow: hidden;
    transition: max-height .25s ease-in
}

.boxes--tabs .excerpt p:hover::after {
    display: none !important
}

.navi {
    display: flex
}

.toggle-disabled {
    background: var(--color-secondary) !important;
    opacity: .5;
    border: 1px solid rgb(var(--color-grey-rgb) / .25);
    box-sizing: border-box;
    border-radius: var(--radius-lg)}

.subfields .field {
    padding: 0rem !important;
    margin-bottom: 1rem
}

.agreement-single {
    font-size: .75em;
    opacity: .6
}

#header nav .lang-switcher {
    display: inline-block
}