/* ═══════════════════════════════════════════════════════════
   Digiforma Formations — Ambition Handicap
   Palette : beige chaud / marron / terracotta
   ═══════════════════════════════════════════════════════════ */

:root {
    --ee-df-bg:	   		     #EFE2CF;
	--ee-df-brown1:          #A96106;
	--ee-df-brown2:          #B77B2D;
	--ee-df-brown3:          #AA5741;
	--ee-df-brown4:          #9C3F0B;
	--ee-df-rouge1:          #6D1415;
	--ee-df-rouge2:          #943A34;
	--ee-df-rouge3:          #AE6331;
	--ee-df-rouge4:          #B87456;
	--ee-df-text-color:      #1D1D1B;

    --ee-df-card-text-color: #E8D5BA;
    --ee-df-card-radius: 20px;

	--ee-digi-max:    1140px;
    --ee-df-font: 'Century Gothic', sans-serif;
}

html, body.single-digiforma, .df-main--single {
	background: var( --ee-df-bg );
}


/* ════════════════════════════════════════════════════════════
   CARDS 
   ═══════════════════════════════════════════════════════════ */

#df-post-list {
	gap: 4rem 3rem;
	font-family: var(--ee-df-font);
}

#df-post-list article {
	background: var(--ee-df-brown2);
	border-radius: var(--ee-df-card-radius);
	color: var(--ee-df-card-text-color);
    display: flex;
    flex-direction: column;	
}

#df-post-list article[data-training="Mixte"] {
	background: var(--ee-df-rouge1);
}

#df-post-list article[data-training="E-learning"] {
	background: var(--ee-df-brown3);
}

#df-post-list article[data-training="Distanciel"] {
	background: var(--ee-df-brown1);
}

#df-post-list article[data-training="Présentiel"] {
	background: var(--ee-df-brown4);
}

#df-post-list .df-archive-title a {
	color: var(--ee-df-card-color-text);
}

#df-post-list .df-post-thumbnail {
	max-width: 10rem;
	background: transparent;
	margin-top: -1.75rem;
}

#df-post-list .df-post-thumbnail img {
	max-height: 7.5rem;
}

#df-post-list .df-post__head {
	display: flex;
	align-items: center;
    justify-content: space-between;
	padding: 0 1.75rem;
}

/* PASTILLE DATE */
#df-post-list .df-post__date {
	position: relative;
    width: 6rem;
    aspect-ratio: 1;
	font-size: 3rem;
	line-height: 1;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;	
	justify-content: center;
}

#df-post-list .df-post__date::before {
	content: '';
	display: block;
	z-index: 0;
	height: 100%;
    position: absolute;
    width: 100%;
    opacity: .3;
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97' height='90' fill='none'%3E%3Cpath fill='%23d9b688' d='M96.841 49.562c.203-1.964.219-3.914.01-5.823-1.17-10.745-6.745-20.839-13.136-29.355-3.673-4.896-8.087-9.495-13.736-11.852C64.539.262 58.46.267 52.567.137c-9.094-.202-17.972-.614-26.672 2.529a46.4 46.4 0 0 0-13.407 7.551C2.495 18.312-1.087 32.391.28 44.805c.785 7.124 2.981 14.021 5.57 20.705 1.842 4.759 3.925 9.498 7.092 13.499C17.616 84.912 24.1 87.43 31.394 88.4c5.39.717 10.796.39 16.204.726 5.627.35 11.32 1.07 16.92.042 8.848-1.626 16.492-7.538 21.772-14.822 4.965-6.85 9.642-15.952 10.554-24.785z'/%3E%3C/svg%3E");
}

#df-post-list .df-post__annee {
	font-size: .8125rem;
	font-weight: 700;
}

#df-post-list .df-archive-tags {
	position: inherit;
	white-space: nowrap;
}

#df-post-list .df-post-places {
	background: var(--ee-df-brown2);
	border-radius: 7px;
	max-width: fit-content;
	padding: .375rem .625rem;
	font-size: .75rem;
	font-weight: 700;
}

#df-post-list article[data-training="Mixte"] .df-post-places,
#df-post-list article[data-training="Mixte"] .df-button {
	background: var(--ee-df-rouge2);
}

#df-post-list article[data-training="Présentiel"] .df-post-places,
#df-post-list article[data-training="Présentiel"] .df-button {
	background: var(--ee-df-rouge3);
}

#df-post-list article[data-training="E-learning"] .df-post-places,
#df-post-list article[data-training="E-learning"] .df-button {
	background: var(--ee-df-rouge4);
}


#df-post-list .df-archive-meta-group {
	display: flex;
}

#df-post-list .df-archive-meta-group {
	flex-direction: row;
	align-items: center;
}

#df-post-list .df-post-tag__modalite {
	background: transparent;
	border: 1px solid;
	color: var(--ee-df-card-text-color);
	border-radius: 7px;
	display: flex;
	align-items: center;
	gap: .375rem;
}

#df-post-list .df-archive-content .df-archive-button:last-child {
	text-align: inherit;
}

#df-post-list .df-archive-content .df-button {
	background: var(--ee-df-brown2);
	color: var(--ee-df-card-text-color);
	font-size: .875rem;
	font-weight: 700;
	border: 0 none;
	border-radius: .5rem;
}



/** FORMATION SINGLE **/

@media (min-width: 1024px) {
    .df-main--single .df-single-content {
        grid-template-columns: 21.125rem calc(100% - 23rem);
    }
}

/* ===============================
   SINGLE SIDEBAR
   =============================== */

.df-single-sidebar {
	background-color: var(--ee-df-brown1);
	border-radius: 10px;
	padding: 1.375rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	color: var(--ee-df-card-text-color);
	font-family: var(--ee-df-font);
}

.df-single-sidebar img {
	margin-top: -3rem;
	max-height: 10.5rem;
}

.df-single-sidebar__title {
	color: #EFE2CF;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 2.055;
}

.df-single-sidebar__satisfaction {
	background: var(--ee-df-brown2);
	border-radius: .625rem;
	padding: .625rem 1.5rem;
	font-size: .875rem;
}

.df-review-score-container progress {
	height: .75rem;
}

.df-review-score-container progress[value]::-webkit-progress-bar {
  background: rgba(239, 226, 207, 0.20);
  border-radius: 2em;
  border: 0 none;
}

.df-review-score-container progress[value]::-webkit-progress-value {
  background-color: #00CB87;
  border-radius: 2em;
}


.df-sidebar-meta-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 1.25rem;
	gap: 1.25rem 2.1875rem;  
}

.df-sidebar-meta-inner .df-sidebar-meta {
	display: grid;
    grid-template-columns: 1.25rem 1fr;
    gap: 0 5px;
	border-bottom: 0 none;
}

.df-sidebar-meta-inner .df-sidebar-meta-label {
	font-size: .75rem;
}

.df-sidebar-meta-inner .df-sidebar-meta-value {
	text-align: inherit;
	font-size: .875rem;
	font-weight: 700;
}

.df-sidebar-meta-inner .df-sidebar-meta::before {
  --mask-image: url("../img/ico_date.svg"); 
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;

  grid-row: 1 / 3;

  background-color: currentColor;

   mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;

  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  -webkit-mask: var(--mask-image) no-repeat center;
  mask: var(--mask-image) no-repeat center;
}

.df-sidebar-meta-inner .df-sidebar-meta--next-place::before {
  --mask-image: url("../img/ico_lieu.svg");
}

.df-sidebar-meta-inner .df-sidebar-meta--type::before {
  --mask-image: url("../img/ico_type.svg");
}

.df-sidebar-meta-inner .df-sidebar-meta--duration::before {
  --mask-image: url("../img/ico_duree.svg");
}



.df-single-sidebar-inner .df-sidebar-meta--price {
	margin-top: 1.5rem;
}

.df-sidebar-meta--price .df-sidebar-meta-value .df-sidebar-meta-value--grid {
	justify-content: inherit;
}

.df-single-sidebar-inner .df-sidebar-meta {
	border: 0 none;
}

.df-sidebar-meta--price .df-sidebar-meta-value--grid .df-sidebar-meta-value-part {
	background-color: var(--ee-df-brown2);
	padding: .375rem .75rem;
	border-radius: 10px;
}

.df-sidebar-meta--price .df-sidebar-meta-value--grid .df-sidebar-meta-value-part strong {
	font-size: 1.75rem;
	color: var(--ee-df-bg);
}

.df-sidebar-meta--price .df-sidebar-meta-value-part span {
	font-size: .625rem;
	font-weight: 700;
	text-transform: none;
	text-align: left;
}

.df-sidebar-meta--price .df-sidebar-meta-value-part small {
	font-size: .875rem;
}

.df-single-sidebar .df-button {
	background-color: var(--ee-df-card-text-color);
	color: var(--ee-df-brown1);
	font-size: 1rem;
	line-height: 2.5;
	width: 100%;
    text-align: center;
    border-radius: 2em;
	border: 0 none;
}

.df-single-sidebar .df-button:hover {
	background: var(--ee-df-brown2);
	color: var(--ee-df-card-text-color)
}


/* ===============================
   SINGLE CONTENT
   =============================== */

.df-single-content-inner {
	font-family: var(--ee-df-font);
	gap: 1.875rem;
	flex-wrap: wrap;
	flex-direction: row;
}

.df-single-content-inner h1 {
	color: var(--ee-df-rouge1);
	font-size: 1.75rem;
	font-weight: 700;
	margin-top: 0;
}

.df-single-content-inner .df-card {
	background: var(--ee-df-card-text-color);
	font-size: .875rem;
	line-height: 1.86;
	border-radius: 10px;
	padding: 2.5rem 2.875rem;
}

.df-card.df-card--description p:first-of-type {
	font-weight: 700;
	color: var(--ee-df-rouge1);
}

.df-card.df-card--description {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='413' height='377' fill='none'%3E%3Cpath fill='%23efe2cf' d='M.825 177.875c-1.049-9.742-1.131-19.418-.054-28.89C6.834 95.68 35.685 45.607 68.757 3.357c19.01-24.288 41.853-47.102 71.088-58.795 28.157-11.26 59.606-11.237 90.111-11.884 47.061-1 93.009-3.047 138.031 12.547 25.077 8.685 48.661 21.374 69.383 37.463 51.716 40.157 70.258 110.003 63.184 171.586-4.059 35.346-15.426 69.561-28.822 102.719-9.536 23.607-20.317 47.12-36.707 66.967-24.186 29.287-57.743 41.782-95.49 46.594-27.9 3.557-55.873 1.932-83.862 3.603-29.12 1.738-58.58 5.31-87.56.207-45.793-8.066-85.35-37.393-112.676-73.529C29.743 266.854 5.534 221.696.82 177.875z' opacity='.6'/%3E%3C/svg%3E");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 65%;
}

.df-card.df-card--objectives {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='244' height='227' fill='none'%3E%3Cpath fill='%23efe2cf' d='M243.523 112c.606-5.627.654-11.214.031-16.685-3.502-30.785-20.169-59.703-39.274-84.104-10.983-14.027-24.178-27.203-41.067-33.956-16.266-6.504-34.434-6.49-52.056-6.863-27.186-.577-53.73-1.76-79.74 7.246C16.932-17.346 3.308-10.018-8.663-.727c-29.875 23.192-40.587 63.53-36.5 99.097 2.344 20.413 8.911 40.173 16.65 59.323 5.508 13.633 11.736 27.213 21.205 38.675 13.972 16.914 33.357 24.13 55.163 26.909 16.118 2.055 32.278 1.116 48.446 2.081 16.823 1.004 33.841 3.067 50.583.119 26.454-4.658 49.305-21.595 65.091-42.464 14.844-19.625 28.829-45.705 31.553-71.013z' opacity='.8'/%3E%3C/svg%3E");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: min(80%, 18.125rem);
}

.df-card .df-card-title {
	color: var(--ee-df-rouge1);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.61;
}

.df-card .df-title-icon {
	display: flex;
	align-items: center;
	gap: .75rem;
}

.df-single-content-inner .df-card ul {
	list-style: none;
	padding: 0;
}

.df-single-content-inner .df-card--objectives li {
	position: relative;
    padding-left: 1.5rem;
	margin-bottom: 1rem;
}

.df-single-content-inner .df-card--objectives li::before {
    content: url('../img/ico_coche.svg');
    position: absolute;
    left: 0;
	top: 3px;
}

.df-card .df-title-icon::before {
	--bg-image: url('../img/ico_cible.svg');
	content: '';
	display: block;
	width: 1.75rem;
	aspect-ratio: 1;
	background-image: var(--bg-image);
	background-repeat: no-repeat;
}

.df-card.df-card-profils .df-title-icon::before {
	--bg-image: url('../img/ico_gens.svg');
	width: 2.5rem;
}

.df-card.df-card--program .df-title-icon::before {
	--bg-image: url('../img/ico_contenu.svg');
	width: 2.1875rem;
}

.df-card.df-card--reviews .df-title-icon::before {
	--bg-image: url('../img/ico_qualite.svg');
	width: 1.8rem;
}

.df-card.df-card--accessibility .df-title-icon::before {
	--bg-image: url('../img/ico_accessibilite.svg');
	width: 1.6rem;
}

.df-card.df-card-profils {
	display: flex;
	flex-wrap: wrap;
	gap: 0 2.8125rem;
	flex-grow: 1;
}

.df-card.df-card--program {
	flex: 1 100%;
}

@media (min-width: 768px) {

	.df-card.df-card--pedagogical-team,
	.df-card.df-card--assessments {
		flex: 1;
	}

}

.df-card.df-card-profils .df-card-title {
	flex-basis: 100%;
}

.df-card.df-card-profils [class^="df-card--"] {
	background: var(--ee-df-bg);
	border-radius: 10px;
	padding: 1.375rem;
	flex: 1;
}


.df-card details {
	margin: 0 0 1rem;
	padding: 0;
	border-radius: 10px;
	opacity: 0.7;
	background: var(--ee-df-bg);
	border-bottom: 0 none;

}


.df-step summary {
    list-style: none;
    display: flex;
    align-items: center;
	justify-content: space-between;
    cursor: pointer;
    font-weight: bold;
    padding: 1.25rem;
    border-radius: 5px;
	color: var(--ee-df-rouge1);
}

.df-step summary::-webkit-details-marker {
    display: none;
}

.df-step summary::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' fill='none'%3E%3Cpath fill='%236d1415' stroke='%236d1415' stroke-width='.14' d='M7.57 8.642c-.32 0-.64-.12-.883-.36L.437 2.162a1.205 1.205 0 0 1 0-1.731 1.266 1.266 0 0 1 1.767 0L7.57 5.686 12.936.43c.49-.48 1.28-.48 1.768 0 .489.479.489 1.252 0 1.73l-6.25 6.123a1.26 1.26 0 0 1-.884.359Z'/%3E%3C/svg%3E");
    margin-right: .625rem;
    transition: transform 0.3s ease;
}

.df-step[open] summary::after {
    transform: rotate(-180deg);
}

.df-single-content-inner .df-step summary + ul {
	padding-inline: 1.25rem;
	margin-top: 0;
	padding-bottom: 1.25rem;
}

.df-single-content-inner .df-card--pedagogical-team {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='339' height='314' fill='none'%3E%3Cpath fill='%23efe2cf' d='M338.443 173.494c.708-6.874.764-13.702.036-20.385-4.094-37.613-23.577-72.946-45.91-102.758-12.839-17.138-28.264-33.236-48.006-41.487C225.549.918 204.311.935 183.711.48c-31.78-.706-62.809-2.15-93.212 8.853-16.934 6.128-32.86 15.082-46.854 26.434C8.72 64.102-3.8 113.386.976 156.841c2.742 24.94 10.418 49.083 19.464 72.48 6.44 16.658 13.72 33.249 24.788 47.253 16.333 20.666 38.994 29.482 64.484 32.878 18.841 2.51 37.731 1.363 56.632 2.542 19.665 1.226 39.559 3.747 59.13.146 30.924-5.691 57.636-26.385 76.089-51.883 17.352-23.978 33.7-55.842 36.884-86.763z' opacity='.6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: min( 95%, 20rem);
	background-position: -50% 35%;
}

.df-single-content-inner .df-card__instructor-image img {
	
	--masque: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='119' height='110' fill='none'%3E%3Cpath fill='%23fff' d='M118.804 60.778c.249-2.408.269-4.8.013-7.141-1.437-13.177-8.276-25.554-16.116-35.998C98.195 11.635 92.78 5.996 85.85 3.105 79.175.322 71.72.328 64.488.168 53.333-.08 42.441-.585 31.768 3.269a56.9 56.9 0 0 0-16.447 9.26C3.06 22.457-1.334 39.722.343 54.945 1.305 63.681 4 72.14 7.175 80.335c2.26 5.836 4.816 11.648 8.702 16.554 5.733 7.24 13.688 10.328 22.636 11.518 6.613.879 13.244.477 19.88.89 6.902.43 13.886 1.313 20.756.051 10.855-1.993 20.232-9.243 26.709-18.175 6.091-8.4 11.83-19.563 12.948-30.395z'/%3E%3C/svg%3E");
	-webkit-mask: var( --masque );
	mask: var( --masque );

   mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;

  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  max-width: 7.5rem;
  margin-bottom: -1rem;
}

.df-card--pedagogical-team .df-card-title {
	margin-bottom: 0;
}

.df-card__instructor-name {
	color: var(--ee-df-rouge1);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.8125;
	margin-bottom: 0;
}

.df-card__instructor-profession {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.8125;
}

.df-single-content-inner .df-card--assessments ul {
	list-style: disc;
    padding-left: 1rem;
}

.df-single-content-inner .df-card--assessments li {
	margin-bottom: .5rem;
}

.df-single-content-inner .df-card--assessments li::marker {
	color: #000;
}


.df-single-content-inner .df-card--reviews .df-card-content {
	display: flex;
	gap: 1.5rem;
}

.df-single-content-inner .df-card--reviews .df-card-content > * {
	flex: 1;
}

.df-card--reviews .df-review-score-container {
	flex: 0;
}

.df-card--reviews .df-review-score {
	flex: 0.5!important;
}

.df-card--reviews .df-review-score {
	flex-direction: column;
	align-items: flex-start;
}

.df-card--reviews .df-review-score-container {
	width: 100%;
}


.df-card--reviews .df-review-score-container progress[value]::-webkit-progress-bar {
  background: rgba(0, 203, 135, 0.20);
}


.df-card--reviews .df-review-title {
color: #A96106;
color: var(--ee-df-brown1);
font-size: .75rem;
font-weight: 700;
line-height: 1.68333;
margin-bottom: 0;
}

.df-single-content-inner .df-card--reviews {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='250' fill='none'%3E%3Cpath fill='%23efe2cf' d='M.52 124.708c-.66-6.13-.713-12.218-.034-18.178C4.302 72.99 22.463 41.483 43.28 14.899 55.248-.383 69.627-14.738 88.03-22.095c17.724-7.086 37.521-7.071 56.723-7.478 29.624-.629 58.547-1.917 86.888 7.894 15.786 5.465 30.631 13.45 43.676 23.572 32.554 25.268 44.226 69.216 39.773 107.965-2.555 22.24-9.711 43.769-18.143 64.632-6.003 14.854-12.789 29.649-23.107 42.136-15.224 18.429-36.348 26.29-60.109 29.318-17.562 2.238-35.171 1.216-52.789 2.267-18.331 1.093-36.875 3.341-55.118.13-28.826-5.075-53.726-23.528-70.927-46.265C18.723 180.695 3.484 152.281.515 124.708z' opacity='.8'/%3E%3C/svg%3E");
	background-position: top right;
	background-repeat: no-repeat;
}

.df-single-content-inner .df-sessions {
	background: var(--ee-df-brown1);
	border-radius: 10px;
	flex: 1;
}

.df-single-content-inner .df-sessions-title {
	color: var(--ee-df-bg);
	font-size: 1.125rem;
	font-weight: 700;
	text-align: left;
}

.df-sessions .df-container {
	padding: 0;
}

.df-sessions .df-program-session-infos-container {
	gap: 2rem;
}

.df-sessions .df-program-sessions-list {
	display: flex;
	flex-direction: column;
}

.df-sessions .df-program-session {
	background: var(--ee-df-brown2);
	border-radius: 7px;
	display: flex;
    align-items: center;
	box-shadow: none;
}

.df-sessions .df-program-session-actions {
	margin-top: 0;
	margin-left: auto;
}

.df-sessions .df-program-session-actions a {
	background: var(--ee-df-brown1);
	border-radius: 7px;
	border: 0 none;
    display: flex;
    align-items: center;
    gap: .5rem;	
}

.df-sessions .df-program-session-actions a:hover {
	background: var(--ee-df-bg);
	color: var(--ee-df-brown2);
}


.df-program-session-infos-list, .df-session-detail {
	color: var(--ee-df-bg);
	line-height: 1;
}

.df-program-session .df-session-date {
	flex-direction: inherit;
	background: unset;
	color: var(--ee-df-bg);
	padding: 0;
}

.df-program-session-date, .df-program-session-infos-list {
	display: flex;
	gap: .75rem;
}

.df-session-label {
	opacity: 0.7;
	line-height: 1;
    margin-bottom: .5rem;
    display: block;	
}