.page-template-template-video-categories-index-php .x-header-landmark,
.tax-video_category .x-header-landmark{
	background-color: rgb(1, 92, 127);
	padding-top: 65px;
	padding-bottom: 65px;
}
.page-template-template-video-categories-index-php .x-header-landmark h1,
.page-template-template-video-categories-index-php .x-header-landmark h1 span,
.tax-video_category .x-header-landmark h1,
.tax-video_category .x-header-landmark h1 span{
	color: white;
	text-align: center;
	font-weight: bold;
}


.tax-video_category .x-header-landmark:not(.custom-header){
	display: none;
}


.x-header-landmark.custom-header{
	position: relative;
}

.cat-back{
	top: 4px;
    position: absolute;
	color: white;
	display: flex;
    align-items: center;
}
.cat-back svg{
	width: 18px;
}

/* Layout global */
.cw-video-index {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px;
}

.cw-video-hero {
	padding: 24px;
	background: #f6f6f6;
}

.cw-video-hero-grid{
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 24px;
	align-items: stretch;
}

.cw-video-hero__media {
	position: relative;
	min-height: 280px;
	background: #ddd;
}

.cw-video-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.cw-video-hero__play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.cw-video-hero__play span {
	width: 84px;
	height: 84px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .9);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
}

.cw-video-hero__play span:before {
	content: "";
	display: block;
	border-style: solid;
	border-width: 16px 0 16px 26px;
	border-color: transparent transparent transparent #111;
	margin-left: 6px;
}


.cw-video-hero__title {
	margin: 0 0 10px;
	font-size: 18px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.cw-video-hero__text {
	margin: 0;
	color: #333;
	line-height: 1.55;
}

/* Grid catégories */
.cw-video-cats {
	margin-top: 28px;
}

.cw-video-cats__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

@media (max-width:1100px) {
	.cw-video-cats__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width:800px) {
	.cw-video-hero {
		grid-template-columns: 1fr;
	}

	.cw-video-cats__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width:520px) {
	.cw-video-cats__grid {
		grid-template-columns: 1fr;
	}
}

.cw-cat-card {
	display: block;
	text-decoration: none;
	color: inherit;
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
}
.cw-cat-card span{
	display: block;
}
.cw-cat-card__img {
	background: #eee;
	aspect-ratio: 16/9;
	display: block;
	overflow: hidden;
}

.cw-cat-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.cw-cat-card__body {
	padding-top: 10px;
}

.cw-cat-card__title {
	margin: 0 0 8px;
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #222;
	font-weight: bold;
}

.cw-cat-card__excerpt {
	margin: 0;
	color: #444;
	font-size: 13px;
	line-height: 1.45;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Modal */


/* Modal plein écran */
.cw-video-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
}

.cw-video-modal.is-open {
	display: block;
}

.cw-video-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.85);
}

/* Zone player */
.cw-video-modal__stage {
	position: relative;
	inset: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px; /* marge + place pour topbar */
	box-sizing: border-box;
}

/* Player responsive max */
.cw-video-modal__frame {
	position: relative;
	width: min(1200px, 100%);
	aspect-ratio: 16 / 9;
	max-height: calc(100vh - 88px); /* padding top + marge */
}

.cw-video-modal__frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Topbar translucide (visible uniquement au hover) */
.cw-video-modal__topbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 16px;
	box-sizing: border-box;

	background: rgba(0,0,0,.35);
	backdrop-filter: blur(6px);
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease;
}

/* Afficher la barre au hover du popup */
.cw-video-modal.is-open:hover .cw-video-modal__topbar {
	opacity: 1;
	pointer-events: auto;
}

/* Bouton fermer */
.cw-video-modal__close {
	background: rgba(255,255,255,.12);
	color: #fff;
	border: 0;
	border-radius: 10px;
	padding: 10px 12px;
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
}





/******************************************************/

/* HERO catégorie */
.cw-video-cat-hero {
	margin-bottom: 26px;
}

.cw-video-cat-hero__title {
	margin: 0 0 14px;
	font-size: 20px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.cw-video-cat-hero__grid {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 24px;
	align-items: start;
}

.cw-video-cat-hero__media img{
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.cw-video-cat-hero__placeholder{
	width: 100%;
	aspect-ratio: 16/9;
	background: #e9e9e9;
}

.cw-video-cat-hero__text p{
	margin-top: 0;
}

/* Liste vidéos (style “playlist”) */
.cw-video-list {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: cwvid;
}

.cw-video-item {
	
	padding: 16px 0;
	border-top: 1px solid rgba(0,0,0,.08);
	counter-increment: cwvid;
	align-items: start;
}

.cw-video-item-grid {
	display: grid;
	grid-template-columns: 38px 180px 1fr;
	gap: 16px;
}

.cw-video-item-grid::before{
	content: counter(cwvid);
	display: block;
	text-align: right;
	opacity: .55;
	padding-top: 6px;
}

.cw-video-item__thumb {
	position: relative;
	display: block;
	width: 180px;
	aspect-ratio: 16/9;
	overflow: hidden;
	background: #eee;
	text-decoration: none;
}

.cw-video-item__thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.cw-video-item__thumb-placeholder{
	width: 100%;
	height: 100%;
	background: #e9e9e9;
}

.cw-video-item__play{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cw-video-item__play:before{
	content:"";
	width: 54px;
	height: 54px;
	border-radius: 999px;
	background: rgba(255,255,255,.9);
	display: block;
}

.cw-video-item__play:after{
	content:"";
	position: absolute;
	border-style: solid;
	border-width: 10px 0 10px 18px;
	border-color: transparent transparent transparent #111;
	margin-left: 4px;
}

.cw-video-item__title{
	margin: 0 0 8px;
	font-size: 16px;
}

.cw-video-item__title a{
	color: inherit;
	text-decoration: none;
}

.cw-video-item__excerpt{
	margin: 0;
	opacity: .85;
	    padding-left: 55px;
    max-width: 50%;
}

/* Responsive */
@media (max-width: 900px){
	.cw-video-cat-hero__grid{ grid-template-columns: 1fr; }
	.cw-video-item{ grid-template-columns: 28px 150px 1fr; }
	.cw-video-item__thumb{ width: 150px; }
}

@media (max-width: 560px){
	.cw-video-item{
		grid-template-columns: 1fr;
	}
	.cw-video-item::before{
		text-align: left;
		padding-top: 0;
	}
	.cw-video-item__thumb{
		width: 100%;
	}
}



/*** BLOC ARCHIVE ***/

.cw-video-archives { 
	margin-top: 32px;
    background: #f6f6f6;
    padding: 24px;
}
.cw-video-archives__title {
	margin: 0 0 16px;
	font-size: 18px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.cw-video-archives-row { margin-bottom: 22px; }
.cw-video-archives-row__title { margin: 0 0 10px; font-size: 16px; }

.cw-video-archives-row__grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
}

@media (max-width: 1100px){
	.cw-video-archives-row__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px){
	.cw-video-archives-row__grid { grid-template-columns: repeat(2, 1fr); }
}

.cw-video-archives-card {
	display: block;
	text-decoration: none;
	color: inherit;
}

.cw-video-archives-card__thumb {
	display: block;
	aspect-ratio: 16/9;
	overflow: hidden;
	background: #eee;
	border-radius: 10px;
}
.cw-video-archives-card__thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.cw-video-archives__thumb-placeholder { width:100%; height:100%; background:#e9e9e9; }

.cw-video-archives-card__label{
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.35;
	opacity: .9;
}

/*** /BLOC ARCHIVE ***/


.video-fav{
	width: 100%;
}