/**
 * Kainjoo Widgets CSS
 * 
 * Shared styles for all Kainjoo CPT widgets.
 * Most styling comes from Ohio's portfolio CSS.
 * 
 * @package Kainjoo
 */

/* Widget wrapper classes */
.kainjoo-kj-case-studies-widget,
.kainjoo-kj-publications-widget,
.kainjoo-kj-services-widget,
.kainjoo-kj-tools-widget,
.kainjoo-kj-events-widget,
.kainjoo-kj-company-widget,
.kainjoo-kj-people-widget {
    /* Shared styles */
}

/* Ensure links inherit proper colors */
.kainjoo-kj-case-studies-widget .portfolio-item a,
.kainjoo-kj-publications-widget .portfolio-item a,
.kainjoo-kj-services-widget .portfolio-item a,
.kainjoo-kj-tools-widget .portfolio-item a,
.kainjoo-kj-events-widget .portfolio-item a,
.kainjoo-kj-company-widget .portfolio-item a,
.kainjoo-kj-people-widget .portfolio-item a {
    color: inherit;
}

/* Fix for external link indicators (optional) */
.kainjoo-kj-case-studies-widget .portfolio-item a[target="_blank"]::after,
.kainjoo-kj-publications-widget .portfolio-item a[target="_blank"]::after {
    /* Add external link icon if desired */
}

/* Filter adjustments */
.kainjoo-kj-case-studies-widget .portfolio-filter,
.kainjoo-kj-publications-widget .portfolio-filter,
.kainjoo-kj-services-widget .portfolio-filter,
.kainjoo-kj-tools-widget .portfolio-filter,
.kainjoo-kj-events-widget .portfolio-filter,
.kainjoo-kj-company-widget .portfolio-filter,
.kainjoo-kj-people-widget .portfolio-filter {
    /* Filter styles */
}

/* Pagination adjustments */
.kainjoo-kj-case-studies-widget .pagination,
.kainjoo-kj-publications-widget .pagination,
.kainjoo-kj-services-widget .pagination,
.kainjoo-kj-tools-widget .pagination,
.kainjoo-kj-events-widget .pagination,
.kainjoo-kj-company-widget .pagination,
.kainjoo-kj-people-widget .pagination {
    /* Pagination styles */
}

/* ===================================
   Fallback Color for Missing Images
   =================================== */

/* Base styles for items with fallback color */
.kainjoo-fallback-color .image-holder {
    position: relative;
    overflow: hidden;
}

.kainjoo-fallback-color .image-holder img.portfolio-archive-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Equal height (metro) mode with fallback */
.kainjoo-fallback-color .card.-metro .image-holder {
    padding-bottom: 100%;
}

/* Ensure overlay still works */
.kainjoo-fallback-color .image-holder .overlay {
    z-index: 1;
}