/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.6.1776347848
Updated: 2026-04-16 09:57:28

*/

.preferred-column-count-portfolio-grid {
	.et_pb_portfolio_filters {
		ul {
			width: fit-content;
			margin-inline: auto;
		}
		
		li a {
			border: none;
			
			&.active {
				border-bottom: 2px solid currentColor;
				background-color: transparent;				
				font-weight: 600;
			}
		}
	}
	.et_pb_portfolio_items_wrapper {
		.et_pb_portfolio_items {
		  --min-card-size: var(--card-size-min, 28ch);
		  --column-count: var(--number-of-columns, 3);
		  --column-gap: .25em;

		  display: grid;
		  grid-template-columns: repeat(
			var(--repeat-rule, auto-fill),
			minmax(
			  min(
				100%,
				max(100% / var(--column-count) - (var(--column-count) - 1) * var(--column-gap),
				  var(--min-card-size))
			  ),
			  1fr
			));
		  gap: var(--column-gap);

		  .et_pb_grid_item {
			/* défaire les styles Divi */
			float: none;
			clear: none;
			margin: 0;
			width: auto; 
			background-color: #f0f0f0;
		  }
			.et_portfolio_image {
				&::after {
					content: "";
					inset: 0;
					background-color: #fff;
					position: absolute;
					opacity: 0;
					transition: opacity .3s;	
				}
				
			}
			
			img {
				transition: filter .3s;
			}
			
			a:is(:focus-visible, :hover) {
				.et_portfolio_image::after {
					opacity: .3;
				}
				img {
					filter: brightness(1.1);
				}
			}
		
			h2 {
				padding: .75em .5em;
				margin-top: 0px;
			}
			
		}
  }
}