/* ART FIVE - styles galeries & boutons (pages Artistes / Projets) */

/* Galerie d'oeuvres : grille reguliere avec espacement constant */
.oeuvres .et_pb_portfolio_grid_items{
	display:grid !important;
	grid-template-columns:1fr 1fr;
	gap:28px;
	position:static !important;
	height:auto !important;
}
.oeuvres .et_pb_grid_item{
	position:relative !important;
	top:auto !important;
	left:auto !important;
	width:auto !important;
	margin:0 !important;
	float:none !important;
}
.oeuvres .et_pb_portfolio_image{ margin:0 !important; }
.oeuvres .et_pb_portfolio_image img{ width:100% !important; height:auto !important; display:block; }
@media (max-width:980px){
	.oeuvres .et_pb_portfolio_grid_items{ grid-template-columns:1fr; gap:20px; }
}

/* Bouton Contact (lien mailto) : fond transparent, texte noir, contour gris */
a.et_pb_button[href^="mailto:"]{
	background-color:transparent !important;
	background-image:none !important;
	color:#000000 !important;
	border:1px solid #d9d9d9 !important;
	border-radius:0 !important;
	letter-spacing:4px !important;
	font-weight:700 !important;
}
a.et_pb_button[href^="mailto:"]:before{ display:none !important; }
a.et_pb_button[href^="mailto:"]:hover{
	background-color:#000000 !important;
	color:#ffffff !important;
	border-color:#000000 !important;
}

/* Page Artistes : vignettes uniformes (carré, recadrage propre) */
.artiste-vignette img{ width:100% !important; height:330px !important; object-fit:cover; display:block; }
.artiste-vignette .et_pb_image_wrap{ width:100%; }
.artiste-nom, .artiste-nom *{ font-family:"Montserrat-2",sans-serif; }

/* Video oeuvre : responsive */
.oeuvrev2 .et_pb_video_box, .oeuvrev2 video{ width:100% !important; height:auto !important; }

/* ===== Gabarit automatique d'une oeuvre ===== */
.artfive-oeuvre{ padding:130px 0 70px; }
.artfive-oeuvre-inner{ width:84%; max-width:1300px; margin:0 auto; display:flex; gap:48px; align-items:flex-start; }
.artfive-oeuvre-left{ flex:0 0 24%; max-width:24%; }
.artfive-oeuvre-right{ flex:1; text-align:center; }
.artfive-artiste-nom{ text-decoration:none; display:block; }
.artfive-artiste-nom h1{ font-family:"Montserrat-2",sans-serif; font-weight:700; font-size:34px; line-height:1.1; color:#000; margin:0 0 8px; }
.artfive-oeuvre-titre{ font-weight:700; font-size:23px; line-height:1.3; color:#000; margin-bottom:10px; }
.artfive-oeuvre-info{ color:#727272; font-size:16px; line-height:1.6; margin-bottom:20px; }
.artfive-contact{ display:inline-block; border:1px solid #d9d9d9; color:#000; letter-spacing:4px; font-weight:700; font-size:12px; padding:9px 22px; text-decoration:none; text-transform:uppercase; transition:.2s; }
.artfive-contact:hover{ background:#000; color:#fff; border-color:#000; }
.artfive-oeuvre-right img, .artfive-oeuvre-right video{ width:92%; max-width:780px; height:auto; display:inline-block; }
@media (max-width:980px){
	.artfive-oeuvre{ padding:90px 0 40px; }
	.artfive-oeuvre-inner{ flex-direction:column; gap:24px; width:90%; }
	.artfive-oeuvre-left{ flex:none; max-width:100%; }
	.artfive-oeuvre-right img, .artfive-oeuvre-right video{ width:100%; }
}

/* ===== Fiche artiste (gabarit auto) ===== */
.artfive-artiste{ padding:130px 0 70px; }
.artfive-artiste-head{ width:90%; max-width:1300px; margin:0 auto 28px; }
.artfive-artiste-head h1{ font-family:"Montserrat-2",sans-serif; font-weight:800; font-size:40px; line-height:1.1; margin:0 0 10px; color:#000; }
.artfive-artiste-nav{ margin-bottom:12px; }
.artfive-artiste-nav a{ display:inline-block; margin-right:22px; color:#000; text-decoration:none; font-size:15px; letter-spacing:1px; }
.artfive-artiste-nav a:hover{ text-decoration:underline; }
.artfive-artiste-body{ width:90%; max-width:1300px; margin:0 auto; display:flex; gap:48px; align-items:flex-start; }
.artfive-artiste-left{ flex:0 0 46%; max-width:46%; }
.artfive-artiste-photo{ width:100%; max-width:420px; height:auto; display:block; margin-bottom:22px; }
.artfive-artiste-bio{ font-size:16px; line-height:1.7; color:#000; }
.artfive-artiste-bio p{ margin:0 0 14px; }
.artfive-artiste-gallery{ flex:1; display:grid; grid-template-columns:1fr 1fr; gap:28px; align-content:start; }
.artfive-vignette-oeuvre img{ width:100%; height:auto; display:block; }
@media (max-width:980px){
	.artfive-artiste{ padding:90px 0 40px; }
	.artfive-artiste-body{ flex-direction:column; gap:28px; }
	.artfive-artiste-left{ flex:none; max-width:100%; }
}

/* ===== Liste des artistes (page Artistes) ===== */
.artfive-artistes-section{ padding:150px 0 80px; }
.artfive-artistes-titre{ font-family:"Montserrat-2",sans-serif; font-weight:800; font-size:56px; line-height:1.05; text-align:center; margin:0 0 56px; letter-spacing:1px; }
.artfive-grad{ background:linear-gradient(90deg,#2eb8d8 0%,#3ec8c5 20%,#52cfb0 38%,#9bd57e 56%,#dfca6a 70%,#efb088 85%,#f0a8b0 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.artfive-artistes-grid{ width:82%; max-width:1180px; margin:0 auto; }
.artfive-artiste-vignette{ text-decoration:none; color:#000; display:flex; flex-direction:column; min-height:0; overflow:hidden; }
.artfive-artiste-vignette-img{ display:block; overflow:hidden; flex:1; min-height:0; }
.artfive-artiste-vignette img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:50% 20% !important; display:block; transition:transform .45s ease; }
.artfive-artiste-vignette:hover img{ transform:scale(1.05); }
.artfive-artiste-vignette-nom{ display:block; text-align:left; font-family:"Montserrat-2",sans-serif; font-weight:700; text-transform:uppercase; font-size:15px; letter-spacing:.5px; margin-top:10px; color:#000; }
@media (max-width:980px){ .artfive-artistes-titre{ font-size:40px; } }
@media (max-width:980px){ .artfive-artistes-grid{ width:90%; } .artfive-artistes-section{ padding:90px 0 40px; } }


/* ===== Nos Actualités : masonry CSS pur (1 dernière œuvre par artiste) ===== */
.artfive-actualites{ column-count:3; column-gap:24px; width:92%; max-width:1200px; margin:0 auto; }
.artfive-actu-card{ display:inline-block; width:100%; margin:0 0 24px; break-inside:avoid; text-decoration:none; color:#000; }
.artfive-actu-card-img img{ width:100% !important; height:auto !important; display:block; }
.artfive-actu-card-body{ padding:14px 0 0; }
.artfive-actu-card-artist{ font-family:"Montserrat-2",sans-serif; font-weight:700; font-size:16px; letter-spacing:.6px; margin:0 0 4px; text-transform:uppercase; color:#000; }
.artfive-actu-card-title{ margin:0; color:#666; font-size:14px; }
.artfive-actu-card:hover .artfive-actu-card-img img{ opacity:.92; transition:.25s; }
@media (max-width:980px){ .artfive-actualites{ column-count:2; } }
@media (max-width:600px){ .artfive-actualites{ column-count:1; } }

/* ===== Carrousel actualités (Swiper) — mêmes cartes que le dev ===== */
.artfive-actu-carousel-wrap{ position:relative; width:96%; max-width:1500px; margin:30px auto; padding:0; box-sizing:border-box; }
.artfive-actu-carousel-wrap .swiper{ overflow:hidden; }
.artfive-actu-carousel-wrap .swiper-slide{ height:auto; }
.artfive-actu-carousel-wrap .artfive-actu-card-link{ display:block; text-decoration:none; color:inherit; }


/* ===== Carrousel 4-par-slide : 1 tall | (2 med empilées) | 1 tall ===== */
.artfive-actu-grid4{ display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr; gap:24px; height:660px; }
.artfive-actu-grid4 > .artfive-actu-cell:nth-child(1){ grid-column:1; grid-row:1 / span 2; }
.artfive-actu-grid4 > .artfive-actu-cell:nth-child(2){ grid-column:2; grid-row:1; }
.artfive-actu-grid4 > .artfive-actu-cell:nth-child(3){ grid-column:2; grid-row:2; }
.artfive-actu-grid4 > .artfive-actu-cell:nth-child(4){ grid-column:3; grid-row:1 / span 2; }
.artfive-actu-cell{ display:flex; flex-direction:column; text-decoration:none; color:#000; overflow:hidden; min-height:0; }
.artfive-actu-cell-img{ flex:1; overflow:hidden; min-height:0; }
.artfive-actu-cell-img img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block; }
.artfive-actu-cell-meta{ display:flex; justify-content:space-between; align-items:baseline; padding:12px 0 0; font-family:"Montserrat-2",sans-serif; gap:14px; }
.artfive-actu-cell-meta .artist{ font-weight:700; font-size:15px; letter-spacing:.5px; text-transform:uppercase; color:#000; }
.artfive-actu-cell-meta .title{ font-size:11px; color:#7a7a7a; text-transform:uppercase; letter-spacing:1px; text-align:right; }
@media (max-width:980px){
	.artfive-actu-grid4{ grid-template-columns:1fr 1fr; grid-template-rows:auto; height:auto; }
	.artfive-actu-grid4 > .artfive-actu-cell{ grid-column:auto !important; grid-row:auto !important; min-height:280px; }
}
@media (max-width:600px){
	.artfive-actu-grid4{ grid-template-columns:1fr; }
}


/* ===== Nav du carrousel (sous le bloc, ligne séparatrice, boutons) ===== */
.artfive-actu-carousel-nav{ border-top:1px solid #e5e5e5; margin-top:28px; padding-top:18px; display:flex; justify-content:flex-end; gap:10px; }
.artfive-actu-carousel-nav .swiper-button-prev,
.artfive-actu-carousel-nav .swiper-button-next{
	position:static !important; width:44px; height:44px; margin:0 !important;
	border:1px solid #d8d8d8; background:#fff; color:#000; transition:.2s; cursor:pointer;
	display:flex; align-items:center; justify-content:center;
}
.artfive-actu-carousel-nav .swiper-button-prev:after,
.artfive-actu-carousel-nav .swiper-button-next:after{ font-size:16px !important; font-weight:700; color:#000; }
.artfive-actu-carousel-nav .swiper-button-prev:hover,
.artfive-actu-carousel-nav .swiper-button-next:hover{ background:#000; color:#fff; }
.artfive-actu-carousel-nav .swiper-button-prev:hover:after,
.artfive-actu-carousel-nav .swiper-button-next:hover:after{ color:#fff; }
.artfive-actu-carousel-nav .swiper-button-disabled{ opacity:.4; cursor:not-allowed; }


/* ===== Groupes 4-cartes : 1 tall | 2 stacked | 1 tall (page Artistes) ===== */
.artfive-artistes-grid > .artfive-artistes-group4{ display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr; gap:22px; margin-bottom:34px; height:600px; }
.artfive-artistes-group4 > .artfive-artiste-vignette:nth-child(1){ grid-column:1; grid-row:1 / span 2; }
.artfive-artistes-group4 > .artfive-artiste-vignette:nth-child(2){ grid-column:2; grid-row:1; }
.artfive-artistes-group4 > .artfive-artiste-vignette:nth-child(3){ grid-column:2; grid-row:2; }
.artfive-artistes-group4 > .artfive-artiste-vignette:nth-child(4){ grid-column:3; grid-row:1 / span 2; }
@media (max-width:980px){
	.artfive-artistes-grid > .artfive-artistes-group4{ grid-template-columns:1fr 1fr; grid-template-rows:auto; height:auto; gap:20px; margin-bottom:24px; }
	.artfive-artistes-group4 > .artfive-artiste-vignette{ grid-column:auto !important; grid-row:auto !important; height:300px; }
}
@media (max-width:600px){
	.artfive-artistes-grid > .artfive-artistes-group4{ grid-template-columns:1fr; }
}