/********************************************************/
/*
/*      Resources CSS
/*
/********************************************************/
body:not(.wp-admin) .wp-block-cke-resources,
body.wp-admin .is-root-container > .wp-block-cke-resources {
	position: relative;
	max-width: var(--wp--style--global--content-size);
	margin-block-start: var(--wp--preset--spacing--80);
}

body:not(.wp-admin) .wp-block-cke-resources > :first-child:not(h4, .wp-block-file),
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :first-child:not(h4, .wp-block-file) {
	margin-block-end: var(--wp--preset--spacing--30);
}

.wp-block-cke-resources > :is(h4, .wp-block-file),
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :is(h4, .wp-block-file) {
	padding-block-end: var(--wp--preset--spacing--20);
	margin-block-start: calc(var(--wp--preset--spacing--20) * 1.2);
	border-block-end: 2px solid var(--wp--preset--color--accent);
}

.wp-block-cke-resources > :is(h4, .wp-block-file) a,
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :is(h4, .wp-block-file) a {
	display: grid;
	grid-template-columns: 1fr 2rem;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 100%;
	font-family: var(--wp--preset--font-family--greycliff-cf);
	font-size: calc(var(--wp--preset--font-size--large) * .6);
	font-weight: 700;
	line-height: 1.21;
	color: var(--wp--preset--color--text);
}

.wp-block-cke-resources > :is(h4, .wp-block-file) a:hover,
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :is(h4, .wp-block-file) a:hover {
	color: var(--wp--preset--color--accent) !important;
}

.wp-block-cke-resources > :is(h4, .wp-block-file) a::before,
.wp-block-cke-resources > :is(h4, .wp-block-file) a::after,
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :is(h4, .wp-block-file) a::before,
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :is(h4, .wp-block-file) a::after {
	grid-row: 1;
	grid-column: 2;
	content: '';
	display: block;
	width: min(calc(2rem * var(--font-size-scale)), 2.5rem);
	height: min(calc(2rem * var(--font-size-scale)), 2.5rem);
	opacity: 1;
	transition: opacity .2s;
}

.wp-block-cke-resources > :is(h4, .wp-block-file) a::before,
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :is(h4, .wp-block-file) a::before {
	position: absolute;
	right: 0;
	background: url(../../assets/images/lien-externe-bleu.png) no-repeat center center;
	background-size: contain;
}

.wp-block-cke-resources > :is(h4, .wp-block-file) a::after,
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :is(h4, .wp-block-file) a::after {
	background: url(../../assets/images/lien-externe-orange.png) no-repeat center center;
	background-size: contain;
}

.wp-block-cke-resources > :is(h4, .wp-block-file) a:not(:hover)::before,
.wp-block-cke-resources > :is(h4, .wp-block-file) a:hover::after,
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :is(h4, .wp-block-file) a:not(:hover)::before,
body.wp-admin .wp-block-cke-resources .acf-innerblocks-container > :is(h4, .wp-block-file) a:hover::after {
	opacity: 0;
}

/* Panel variation */
body:not(.wp-admin) .wp-block-cke-resources.is-style-panel,
body.wp-admin .is-root-container > .wp-block-cke-resources.is-style-panel {
	background-color: var(--wp--preset--color--white);
	padding-block: var(--wp--preset--spacing--50);
	padding-inline: var(--wp--preset--spacing--80);
	border-radius: 15px;
	box-shadow: .6rem .6rem 0px 0px var(--wp--preset--color--background-2);
	overflow: clip;
}

.wp-block-cke-resources.is-style-panel > :is(h4, .wp-block-file),
body.wp-admin .wp-block-cke-resources.is-style-panel .acf-innerblocks-container > :is(h4, .wp-block-file) {
	border-block-end: 2px solid var(--wp--preset--color--accent-3);
}

.wp-block-cke-resources.is-style-panel > :is(h4, .wp-block-file) a,
body.wp-admin .wp-block-cke-resources.is-style-panel .acf-innerblocks-container > :is(h4, .wp-block-file) a {
	color: var(--wp--preset--color--text);
}

.wp-block-cke-resources.is-style-panel > :is(h4, .wp-block-file) a::before,
body.wp-admin .wp-block-cke-resources.is-style-panel .acf-innerblocks-container > :is(h4, .wp-block-file) a::before {
	align-self: stretch;
	position: absolute;
	right: 0;
	background: url(../../assets/images/lien-externe-orange.png) no-repeat center center;
	background-size: contain;
}

.wp-block-cke-resources.is-style-panel > :is(h4, .wp-block-file) a::after,
body.wp-admin .wp-block-cke-resources.is-style-panel .acf-innerblocks-container > :is(h4, .wp-block-file) a::after {
	background: url(../../assets/images/lien-externe-bleu.png) no-repeat center center;
	background-size: contain;
}

@media screen and (max-width: 1760px) {
	.wp-block-cke-resources.is-style-panel { margin-inline-start: var(--wp--custom--outer-pad) !important; margin-inline-end: var(--wp--custom--outer-pad) !important; }
}

@media screen and (max-width: 1536px) {
	body:not(.wp-admin) .wp-block-cke-resources,
	body.wp-admin .is-root-container > .wp-block-cke-resources { margin-inline-start: var(--wp--custom--outer-pad) !important; margin-inline-end: var(--wp--custom--outer-pad) !important; }
	body:not(.wp-admin) .wp-block-cke-resources.is-style-panel, 
	body.wp-admin .is-root-container > .wp-block-cke-resources.is-style-panel { padding-inline: var(--wp--custom--outer-pad); }
}