/*
 * Job card styles shared by index.html, all-jobs.html, and company-details.html.
 * Loaded via base.html so every public page that renders a job card gets these.
 * (Admin uses admin_base.html and is unaffected.)
 */

.job-list-card:hover {
    border: 1px solid #02af74;
}

.job-card-logo {
    width: 1.7em;
    height: 1.7em;
    border-radius: 4px;
    object-fit: cover;
}

/* Image aspect-ratio helpers — used on blog post thumbnails and other
   constrained images across the public site. Previously duplicated in
   four places (home-page.css + three inline <style> blocks). */
.img-ratio {
    aspect-ratio: 16 / 9;
    width: 100%;
    object-fit: cover;
}
.img-ratio-2 {
    aspect-ratio: 1 / 1;
    width: 100%;
    object-fit: contain;
}