.glsp-wrap,
.glsp-wrap *,
.glsp-wrap *::before,
.glsp-wrap *::after{
	box-sizing:border-box;
}

.glsp-wrap{
	--glsp-real-circle:var(--glsp-circle,58px);
	position:relative;
	display:block;
	width:min(var(--glsp-width,880px),100%);
	max-width:100%;
	margin:44px auto 32px;
	padding:0 0 24px;
	background:var(--glsp-bg,#fff);
	color:var(--glsp-icon,#66717b);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	clear:both;
}

.glsp-actions{
	display:flex !important;
	flex-flow:row nowrap !important;
	align-items:center !important;
	gap:18px !important;
	width:100%;
	min-width:0;
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}

.glsp-align-left .glsp-actions{justify-content:flex-start !important}
.glsp-align-center .glsp-actions{justify-content:center !important}
.glsp-align-right .glsp-actions{justify-content:flex-end !important}

.glsp-action{
	-webkit-appearance:none !important;
	appearance:none !important;
	position:relative;
	display:inline-grid !important;
	place-items:center !important;
	flex:0 0 auto !important;
	margin:0 !important;
	padding:0 !important;
	overflow:visible !important;
	border:0 !important;
	border-radius:0;
	background:transparent !important;
	box-shadow:none !important;
	color:var(--glsp-icon,#66717b) !important;
	font-size:0 !important;
	font-weight:400 !important;
	line-height:1 !important;
	letter-spacing:0 !important;
	text-indent:0 !important;
	text-decoration:none !important;
	text-transform:none !important;
	white-space:nowrap !important;
	cursor:pointer;
	transition:transform .16s ease,color .16s ease,border-color .16s ease,background-color .16s ease;
	-webkit-tap-highlight-color:transparent;
}

.glsp-action > span{
	display:none !important;
}

.glsp-action svg{
	display:block !important;
	flex:none !important;
	width:var(--glsp-icon-size,24px) !important;
	height:var(--glsp-icon-size,24px) !important;
	min-width:0 !important;
	max-width:none !important;
	min-height:0 !important;
	max-height:none !important;
	margin:0 !important;
	padding:0 !important;
	overflow:visible !important;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.glsp-action svg path{
	vector-effect:non-scaling-stroke;
}

.glsp-action[aria-label*="Facebook"] svg,
.glsp-action[aria-label*="X"] svg{
	fill:currentColor !important;
	stroke:none !important;
}

.glsp-circle{
	width:var(--glsp-real-circle) !important;
	min-width:var(--glsp-real-circle) !important;
	max-width:var(--glsp-real-circle) !important;
	height:var(--glsp-real-circle) !important;
	min-height:var(--glsp-real-circle) !important;
	max-height:var(--glsp-real-circle) !important;
	flex-basis:var(--glsp-real-circle) !important;
	border:1.5px solid var(--glsp-border,#e6e8ea) !important;
	border-radius:50% !important;
	background:transparent !important;
}

.glsp-save{
	width:var(--glsp-real-circle) !important;
	min-width:var(--glsp-real-circle) !important;
	max-width:var(--glsp-real-circle) !important;
	height:var(--glsp-real-circle) !important;
	min-height:var(--glsp-real-circle) !important;
	max-height:var(--glsp-real-circle) !important;
	flex-basis:var(--glsp-real-circle) !important;
	padding:0 !important;
	border:0 !important;
	border-radius:0 !important;
	color:var(--glsp-save,#123f70) !important;
	background:transparent !important;
}

.glsp-save svg{
	width:calc(var(--glsp-icon-size,24px) + 5px) !important;
	height:calc(var(--glsp-icon-size,24px) + 5px) !important;
}

.glsp-save.is-saved svg{
	fill:currentColor !important;
}

.glsp-action:hover,
.glsp-action:focus-visible{
	color:var(--glsp-save,#123f70) !important;
	transform:translateY(-1px);
	outline:none !important;
}

.glsp-circle:hover,
.glsp-circle:focus-visible{
	border-color:currentColor !important;
	background:rgba(18,63,112,.035) !important;
}

.glsp-action:focus-visible{
	box-shadow:0 0 0 3px rgba(18,63,112,.14) !important;
}

.glsp-divider{
	display:block;
	width:100%;
	height:1px;
	margin:27px 0 0;
	padding:0;
	border:0;
	background:var(--glsp-divider,#d3d6d9);
}

.glsp-toast{
	position:absolute;
	left:50%;
	bottom:-17px;
	z-index:999;
	padding:8px 12px;
	border-radius:999px;
	background:#111;
	color:#fff;
	font-size:12px;
	font-weight:750;
	line-height:1;
	white-space:nowrap;
	opacity:0;
	pointer-events:none;
	transform:translate(-50%,6px);
	transition:opacity .18s ease,transform .18s ease;
}

.glsp-toast.is-visible{
	opacity:1;
	transform:translate(-50%,0);
}

/* Page Articles enregistrés */
.glsp-saved-page{
	width:min(1120px,calc(100% - 28px));
	margin:40px auto 80px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.glsp-saved-header{
	padding:18px 0 32px;
	border-bottom:1px solid #d8dbde;
}

.glsp-saved-kicker{
	margin:0 0 8px;
	color:#c91428;
	font-size:12px;
	font-weight:850;
	letter-spacing:.14em;
	text-transform:uppercase;
}

.glsp-saved-header h1{
	margin:0;
	color:#0b1f3a;
	font:800 clamp(40px,7vw,72px)/1 Georgia,"Times New Roman",serif;
	letter-spacing:-.04em;
}

.glsp-saved-header>p:last-child{
	max-width:700px;
	margin:15px 0 0;
	color:#4f5963;
	font-size:17px;
	line-height:1.6;
}

.glsp-saved-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:30px 22px;
	padding-top:32px;
}

.glsp-saved-card{
	min-width:0;
	padding-bottom:22px;
	border-bottom:1px solid #d8dbde;
}

.glsp-saved-media{
	display:block;
	width:100%;
	aspect-ratio:4/3;
	overflow:hidden;
	background:#0b1f3a;
	text-decoration:none;
}

.glsp-saved-media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .24s ease;
}

.glsp-saved-media>span{
	display:grid;
	width:100%;
	height:100%;
	place-items:center;
	color:#fff;
	font:800 60px Georgia,serif;
}

.glsp-saved-body{padding-top:14px}

.glsp-saved-meta{
	margin:0 0 8px;
	color:#6b737b;
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
}

.glsp-saved-body h2{
	margin:0;
	font:800 22px/1.2 Georgia,"Times New Roman",serif;
}

.glsp-saved-body h2 a{
	color:#0b1f3a;
	text-decoration:none;
}

.glsp-remove-saved{
	margin-top:14px;
	padding:0;
	border:0;
	background:transparent;
	color:#a41424;
	font-size:13px;
	font-weight:800;
	cursor:pointer;
}

.glsp-empty{
	margin-top:32px;
	padding:36px;
	border:1px solid #e0e2e4;
	background:#f7f7f6;
	text-align:center;
}

.glsp-saved-status{
	padding:40px;
	text-align:center;
}

@media(max-width:820px){
	.glsp-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
	.glsp-wrap{
		--glsp-real-circle:54px;
		width:100%;
		margin:34px auto 27px;
		padding:0 0 21px;
	}

	.glsp-actions{
		gap:15px !important;
	}

	.glsp-divider{
		margin-top:23px;
	}

	.glsp-saved-grid{
		grid-template-columns:1fr;
		gap:24px;
	}

	.glsp-saved-card{
		display:grid;
		grid-template-columns:120px minmax(0,1fr);
		gap:16px;
		align-items:start;
	}

	.glsp-saved-body{padding-top:0}
	.glsp-saved-body h2{font-size:19px}
}

@media(max-width:390px){
	.glsp-wrap{--glsp-real-circle:50px}
	.glsp-actions{gap:11px !important}
}

@media(prefers-reduced-motion:reduce){
	.glsp-action,
	.glsp-toast,
	.glsp-saved-media img{
		transition:none;
	}
}


/* v1.0.3 — isolation renforcée contre les styles du thème et de PostX */
body .glsp-wrap .glsp-actions .glsp-action,
body .glsp-wrap .glsp-actions a.glsp-action,
body .glsp-wrap .glsp-actions button.glsp-action{
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:0 !important;
	line-height:0 !important;
	text-shadow:none !important;
	white-space:nowrap !important;
	word-break:normal !important;
	overflow-wrap:normal !important;
}

body .glsp-wrap .glsp-actions .glsp-action::before,
body .glsp-wrap .glsp-actions .glsp-action::after,
body .glsp-wrap .glsp-actions .glsp-action *::before,
body .glsp-wrap .glsp-actions .glsp-action *::after{
	content:none !important;
	display:none !important;
	visibility:hidden !important;
}

body .glsp-wrap .glsp-actions .glsp-action > span,
body .glsp-wrap .glsp-actions .glsp-action > em,
body .glsp-wrap .glsp-actions .glsp-action > strong,
body .glsp-wrap .glsp-actions .glsp-action > small{
	display:none !important;
	width:0 !important;
	height:0 !important;
	overflow:hidden !important;
}

body .glsp-wrap .glsp-actions .glsp-action svg{
	display:block !important;
	position:static !important;
	inset:auto !important;
	margin:auto !important;
	transform:none !important;
	opacity:1 !important;
	visibility:visible !important;
}

@media(max-width:620px){
	body .glsp-wrap{
		--glsp-real-circle:52px !important;
		width:100% !important;
		max-width:100% !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}

	body .glsp-wrap .glsp-actions{
		display:grid !important;
		grid-template-columns:repeat(4,52px) !important;
		justify-content:center !important;
		align-items:center !important;
		column-gap:16px !important;
		row-gap:0 !important;
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}

	body .glsp-wrap .glsp-circle,
	body .glsp-wrap .glsp-save{
		width:52px !important;
		min-width:52px !important;
		max-width:52px !important;
		height:52px !important;
		min-height:52px !important;
		max-height:52px !important;
		margin:0 !important;
		padding:0 !important;
	}

	body .glsp-wrap .glsp-save{
		border:0 !important;
	}

	body .glsp-wrap .glsp-divider{
		width:100% !important;
	}
}

@media(max-width:370px){
	body .glsp-wrap .glsp-actions{
		grid-template-columns:repeat(4,48px) !important;
		column-gap:10px !important;
	}

	body .glsp-wrap .glsp-circle,
	body .glsp-wrap .glsp-save{
		width:48px !important;
		min-width:48px !important;
		max-width:48px !important;
		height:48px !important;
		min-height:48px !important;
		max-height:48px !important;
	}
}
