/* Ault Environnement - Revue de presse "À travers les médias" */
.arp-wrap{
	--arp-green:#2e7d32;
	--arp-green-d:#1b5e20;
	--arp-orange:#e8772e;
	--arp-bg:#f7f8f5;
	--arp-border:#e0e3da;
	--arp-text:#2a2f28;
	color:var(--arp-text);
	font-size:16px;
	line-height:1.5;
}
.arp-wrap *{box-sizing:border-box;}

/* Barre de filtres */
.arp-filters{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	align-items:flex-end;
	background:var(--arp-bg);
	border:1px solid var(--arp-border);
	border-radius:10px;
	padding:16px;
	margin-bottom:18px;
}
.arp-filter{display:flex;flex-direction:column;flex:1 1 180px;min-width:160px;}
.arp-filter--search{flex:2 1 240px;}
.arp-filter label{
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--arp-green-d);
	margin-bottom:5px;
}
.arp-select,.arp-search{
	width:100%;
	padding:9px 11px;
	border:1px solid var(--arp-border);
	border-radius:7px;
	background:#fff;
	font-size:15px;
	color:var(--arp-text);
}
.arp-select:focus,.arp-search:focus{
	outline:none;
	border-color:var(--arp-green);
	box-shadow:0 0 0 3px rgba(46,125,50,.15);
}
.arp-reset{
	flex:0 0 auto;
	padding:9px 16px;
	border:1px solid var(--arp-border);
	background:#fff;
	border-radius:7px;
	cursor:pointer;
	font-size:14px;
	color:var(--arp-green-d);
	transition:background .15s;
}
.arp-reset:hover{background:#eef2ea;}

.arp-count{
	font-size:14px;
	color:#5a6157;
	margin:0 0 16px;
}
.arp-count strong{color:var(--arp-green-d);}

/* Liste */
.arp-list{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:18px;
}
.arp-item{
	border:1px solid var(--arp-border);
	border-radius:10px;
	padding:16px 18px;
	background:#fff;
	display:flex;
	flex-direction:column;
	gap:10px;
	box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.arp-item.is-hidden{display:none;}

.arp-item__head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:8px;
}
.arp-item__date{
	font-size:13px;
	color:#7a8273;
	font-weight:600;
}
.arp-badge{
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.03em;
	padding:3px 8px;
	border-radius:20px;
	background:#eef2ea;
	color:var(--arp-green-d);
	white-space:nowrap;
}
.arp-badge--pdf{background:#fde9de;color:#b4500f;}
.arp-badge--video,.arp-badge--vidéo{background:#e3eefb;color:#1a5fb4;}
.arp-badge--radio{background:#f3e8fb;color:#7b2ec4;}

.arp-item__title{
	margin:0;
	font-size:18px;
	line-height:1.3;
	font-weight:700;
}
.arp-item__title a{color:var(--arp-green-d);text-decoration:none;}
.arp-item__title a:hover{text-decoration:underline;color:var(--arp-orange);}

.arp-item__source{font-size:14px;color:#5a6157;}
.arp-item__source p{margin:0;}

.arp-item__img img{
	width:100%;
	height:auto;
	border-radius:8px;
	border:1px solid var(--arp-border);
	display:block;
}
.arp-item__embed{position:relative;}
.arp-item__embed iframe{width:100%;border:0;border-radius:8px;aspect-ratio:16/9;height:auto;}

.arp-item__link a{
	display:inline-block;
	font-size:14px;
	font-weight:600;
	color:var(--arp-green);
	text-decoration:none;
}
.arp-item__link a:hover{color:var(--arp-orange);}

.arp-item__comment{
	font-style:italic;
	font-size:14px;
	color:#6a7163;
	border-left:3px solid var(--arp-orange);
	padding-left:10px;
}
.arp-item__comment p{margin:0;}

.arp-item__tags{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-top:auto;
	padding-top:6px;
}
.arp-tag{
	font-size:12px;
	border:1px solid var(--arp-border);
	background:#fafbf8;
	border-radius:20px;
	padding:3px 10px;
	cursor:pointer;
	color:#5a6157;
	transition:all .15s;
}
.arp-tag--theme{border-color:#cfe0cf;color:var(--arp-green-d);}
.arp-tag--theme:hover{background:var(--arp-green);color:#fff;border-color:var(--arp-green);}
.arp-tag--sujet:hover{background:var(--arp-orange);color:#fff;border-color:var(--arp-orange);}

.arp-noresult,.arp-empty{
	text-align:center;
	padding:40px 20px;
	color:#7a8273;
	font-size:16px;
}

.arp-more-wrap{text-align:center;margin-top:22px;}
.arp-more{
	padding:11px 26px;
	border:none;
	border-radius:8px;
	background:var(--arp-green);
	color:#fff;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
	transition:background .15s;
}
.arp-more:hover{background:var(--arp-green-d);}
.arp-more[hidden]{display:none;}

@media(max-width:600px){
	.arp-filters{padding:12px;gap:10px;}
	.arp-filter{flex:1 1 100%;}
	.arp-list{grid-template-columns:1fr;}
}