/*
 * Rabotec site fixes on top of the theme. Loaded after the theme's stylesheets (includes/header.php).
 */

/* News, CSR and project cards (home page slider and the list pages): every photo gets the same 3:2 shape and
   is cropped to fill it, so photos and date labels line up whatever the size of the uploaded photo */
.pbmit-blog-style-1 .pbmit-featured-wrapper,
.pbmit-blog-style-2 .pbmit-featured-wrapper {
    aspect-ratio: 3 / 2;
}
.pbmit-blog-style-1 .pbmit-featured-wrapper img,
.pbmit-blog-style-2 .pbmit-featured-wrapper img {
    display: block;
    width: 100%;
    height: 100% !important; /* the projects list sets height: 220px on the image itself */
    object-fit: cover;
}

/* Cards next to each other are equally tall, with "Readmore" at the bottom
   (browsers without :has() simply keep the theme's own heights) */
.swiper-slide:has(> .pbmit-blog-style-1),
.row > [class*="col-"]:has(> .pbmit-blog-style-2) {
    display: flex;
    flex-direction: column;
}
.swiper-slide:has(> .pbmit-blog-style-1) {
    height: auto;
}
.pbmit-blog-style-1,
.pbmit-blog-style-2,
.pbmit-blog-style-1 .post-item,
.pbmit-blog-style-2 .post-item,
.pbmit-blog-style-1 .pbminfotech-box-content,
.pbmit-blog-style-2 .pbminfotech-box-content,
.pbmit-blog-style-1 .pbminfotech-box-container,
.pbmit-blog-style-2 .pbminfotech-box-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.pbmit-blog-style-1 .pbmit-service-btn,
.pbmit-blog-style-2 .pbmit-service-btn {
    margin-top: auto;
}

/* Footer "Latest News": square thumbnails aligned with the title, readable date and category, a divider
   between items, and the whole item is one link */
.rbt-footer-news {
    list-style: none;
    margin: 0;
    padding: 0;
}
.rbt-footer-news li {
    margin: 0;
    padding: 0;
}
.rbt-footer-news li + li {
    border-top: 1px solid rgba(255, 255, 255, .08);
}
.rbt-footer-news-link {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 0;
    text-decoration: none;
}
.rbt-footer-news li:first-child .rbt-footer-news-link {
    padding-top: 0;
}
.rbt-footer-news-thumb {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 6px;
    transition: opacity .2s ease;
}
.rbt-footer-news-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.rbt-footer-news-title {
    color: #e4e7eb;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .2s ease;
}
.rbt-footer-news-meta {
    color: #9aa3ad;
    font-size: 12.5px;
    line-height: 1.4;
    letter-spacing: .3px;
}
.rbt-footer-news-meta i {
    margin-right: 6px;
    color: #f7941d;
}
.rbt-footer-news-link:hover .rbt-footer-news-title,
.rbt-footer-news-link:focus-visible .rbt-footer-news-title {
    color: #f7941d;
}
.rbt-footer-news-link:hover .rbt-footer-news-thumb {
    opacity: .85;
}
.rbt-footer-news-empty {
    color: #9aa3ad;
}
.rbt-footer-news-all {
    display: inline-block;
    margin-top: 10px;
    color: #f7941d;
    font-size: 14px;
    font-weight: 500;
}
.rbt-footer-news-all:hover {
    color: #fff;
}
.rbt-footer-news-all i {
    margin-left: 6px;
    font-size: 12px;
}