/**
 * mod_academy_events grid styles (complements Bootstrap 5).
 *
 * @copyright  (C) Laserworld
 * @license    GNU General Public License version 2 or later
 */

.mod-academy-events .academy-card {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    overflow: hidden;
}

.mod-academy-events .academy-card-title {
    background: #555;
    padding: .5rem .75rem;
    /* Reserve an identical, fixed height for every headline so all cards line
       up uniformly, whatever the title length. Vertically centre the text. */
    display: flex;
    align-items: center;
    min-height: 5.25rem;
}

.mod-academy-events .academy-card-title a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
}

.mod-academy-events .academy-card-title a span {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;
    /* Clamp long titles to 3 lines so a header never exceeds the reserved
       height - this is what keeps every headline block the same size. */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mod-academy-events .academy-card-title a:hover span {
    text-decoration: underline;
}

/* Date(s) + online/location line */
.mod-academy-events .academy-card-datemode {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .1rem .6rem;
    margin-bottom: .6rem;
}

.mod-academy-events .academy-card-date {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.3;
}

.mod-academy-events .academy-card-exam {
    font-weight: 400;
    font-size: .85rem;
    color: #555;
}

.mod-academy-events .academy-card-mode {
    font-size: 1rem;
    color: #333;
}

.mod-academy-events .academy-card-vormerkung {
    font-size: .95rem;
    margin-bottom: .5rem;
}

/* Language / country / standards rows */
.mod-academy-events .academy-card-meta {
    font-size: .85rem;
    margin-bottom: .6rem;
}

.mod-academy-events .academy-meta-row {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .15rem;
}

.mod-academy-events .academy-meta-label {
    display: inline-block;
    min-width: 72px;
    color: #333;
}

.mod-academy-events .academy-flag {
    vertical-align: middle;
    border: 0;
}

.mod-academy-events .academy-card-standards {
    font-weight: 700;
}

/* Optional seminar logo */
.mod-academy-events .academy-card-logo {
    margin: .1rem 0 .6rem;
}

.mod-academy-events .academy-card-logo img {
    max-height: 55px;
    max-width: 160px;
    height: auto;
}

/* Price + VAT note */
.mod-academy-events .academy-card-price {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

.mod-academy-events .academy-card-vat {
    font-size: .7rem;
    font-weight: 400;
    color: #555;
}

.mod-academy-events .academy-noresult {
    padding: 1rem;
    color: #555;
}