/*
Theme Name: ArcHub Child
Theme URI: https://archub.liquid-themes.com/
Description: Child theme for ArcHub. Safe place for custom CSS and PHP overrides.
Author: Your Team
Author URI: https://example.com/
Template: archub
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: archub-child
*/

/*
 * Add custom CSS below this line.
 */

/*
 * Portfolio tile micro-slideshow (style 01): extra images crossfade over
 * the featured image. Slides are rendered by the child template
 * (templates/portfolio/tmpl-style01.php) and driven by
 * assets/js/portfolio-tile-slideshow.js.
 */
.archub-child-pf-slideshow {
	position: relative;
	overflow: hidden;
}

.archub-child-pf-slideshow .archub-child-pf-slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left bottom;
	opacity: 0;
	transition: opacity 0.6s ease;
	pointer-events: none;
}

.archub-child-pf-slideshow .archub-child-pf-slide.is-active {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.archub-child-pf-slideshow .archub-child-pf-slide {
		transition: none;
	}
}

/*
 * Portfolio list style 01: disable image zoom on hover.
 * Source: archub-elementor-addons portfolio-image.css
 * (.lqd-pf-item:hover .lqd-pf-img>figure { transform: scale(1.05) }).
 * That file is lazy-loaded AFTER this stylesheet, so !important is required.
 */
.lqd-pf-item-style-1:hover .lqd-pf-img > figure {
	transform: none !important;
}

/*
 * ArcHub portfolio grid: unify thumbnail heights in filterable galleries.
 * Works for masonry/packery listings used by the portfolio widget.
 */
.elementor-widget-ld_portfolio .lqd-pf-grid .lqd-pf-row > .masonry-item .lqd-pf-img {
	aspect-ratio: 4 / 3;
	position: relative;
	overflow: hidden;
}

.elementor-widget-ld_portfolio .lqd-pf-grid .lqd-pf-row > .masonry-item .lqd-pf-img > figure,
.elementor-widget-ld_portfolio .lqd-pf-grid .lqd-pf-row > .masonry-item .lqd-pf-img > figure > figure {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.elementor-widget-ld_portfolio .lqd-pf-grid .lqd-pf-row > .masonry-item .lqd-pf-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left bottom;
	display: block;
}