/**
 * Carte article large — maquette (texte gauche 41% / image droite)
 * template-parts/nova-card-article.php
 */

.nova-card-item:has(.nova-card-article):not(.nova-page-hidden):not(.nova-filter-hidden),
.nova-cards-grid .nova-card-item:has(.nova-card-article):not(.nova-page-hidden):not(.nova-filter-hidden),
.owl-item > .nova-card-item:has(.nova-card-article):not(.nova-page-hidden):not(.nova-filter-hidden) {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
	padding: 0 !important;
	margin: 0 !important;
	transform: none !important;
}

.nova-card-item:has(.nova-card-article) .nova-card-background,
.nova-card-item:has(.nova-card-article) .nova-card-overlay,
.nova-card-item:has(.nova-card-article) .nova-card-content,
.nova-card-item:has(.nova-card-article) .nova-card-polaroid {
	display: none !important;
}

.nova-card-article {
    display: grid;
	grid-template-columns: minmax(314px, 41%) 1fr;

    align-items: stretch;
    width: 100%;
    min-height: 460px;
    overflow: hidden;
    border: 1px solid #F3EBE4;
    box-shadow: 0px 6px 15px 0px #64646414;
    border-radius: 16px;
}
h3.nova-card-article__title {
    margin-bottom: 12px;
}
.nova-card-article__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 15px;
    width: 100%;
    min-width: 0;
    text-align: left;
    background: #FCFCFC;
}
.nova-card-article__eyebrow {
    color: #D23D22;
    margin: 0;
    font-weight: 500 !important;
    font-size: 11.5px !important;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
}
.nova-card-article__body > * {
    max-width: 423px;
    width: 100%;
    display: flex;
}
.nova-card-article__title {
    margin: 0;
    font-weight: 500 !important;
    font-size: 26px;
    line-height: 114.99999999999999%;
    letter-spacing: -3%;
    color: #151515 !important;
    font-family: 'Poppins' !important;
}
.nova-card-article__excerpt-wrapper {
    margin-bottom: 20px;
}
.nova-card-article__title-link {
	color: inherit;
	text-decoration: none;
}

.nova-card-article__title-link:hover, .nova-card-article__title-link:focus-visible {
    color: #7900f0;
}

.nova-card-article__excerpt {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: -1%;
    color: #727272;
}
/* CTA : styles hérités de .arrow-right-purple (style.css) */
.nova-card-article__cta.arrow-right-purple {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0%;
}

.nova-card-article__media {
	position: relative;
	min-width: 0;
	min-height: 100%;
	background: #dfe7f0;
}

.nova-card-article__media-link {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 320px;
}

.nova-card-article__img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 320px;
	object-fit: cover;
	object-position: center;
}

/* Tablette large : un peu plus d’espace texte avant le stack */
@media screen and (max-width: 1199px) {
	.nova-card-article {
		--nca-body-width: 44%;
	}

	.nova-card-article__body {
		padding: 32px 28px;
	}
}

@media screen and (max-width: 991px) {
	.nova-card-article {
		--nca-body-width: 100%;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		min-height: 0;
	}

	.nova-card-article__media {
		order: -1;
	}

	.nova-card-article__media-link,
	.nova-card-article__img {
		min-height: 240px;
		aspect-ratio: 16 / 10;
		height: auto;
	}

	.nova-card-article__body {
		padding: 28px 24px 32px;
		gap: 14px;
	}

	.nova-card-article__title {
		font-size: 26px;
	}
}

@media screen and (max-width: 575px) {
	.nova-card-article {
		border-radius: 14px;
	}

	.nova-card-article__body {
		padding: 22px 18px 26px;
		gap: 12px;
	}

	.nova-card-article__title {
		font-size: 22px;
	}

	.nova-card-article__excerpt {
		font-size: 14px;
		-webkit-line-clamp: 4;
	}
}
