/* Container */
.wf-container{max-width:1200px;margin:0 auto;padding:40px 20px;}

/* Filter menu */
.wf-filter-wrap{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;}
.formation-filter-btn{cursor:pointer;padding:10px 14px;border-radius:6px;border:0;background:#fff;color:#000;font-weight:800;}
.formation-filter-btn:hover,.formation-filter-btn.active{background:#333;color:#FFB600;}

/* Grid */
.formations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media (max-width:900px){ .formations-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .formations-grid{grid-template-columns:1fr;} }

/* Card */
.formation-card{border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;background:#fff;transition:transform .15s ease,box-shadow .15s ease;}
.formation-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(0,0,0,.08);}
.card-link{display:block;color:inherit;text-decoration:none;}
.card-thumb img{width:100%;height:auto;display:block;}
.card-body{padding:16px;}
.card-title{margin:0 0 8px;font-size:18px;}
.card-excerpt{margin:0 0 12px;color:#666;}
.card-meta{list-style:none;padding:0;margin:0;display:flex;gap:10px;font-size:14px;color:#444;}
.card-meta li{margin:0;}

/* Pagination basic */
.wf-pagination{margin-top:20px;text-align:center;}
.wf-pager .wf-page-btn{margin:0 4px;padding:8px 12px;border-radius:4px;border:0;background:#f0f0f0;cursor:pointer;}
.wf-pager .wf-page-btn.active{background:#333;color:#fff;}

/* Single styles (basic) */
.wf-single{max-width:1240px;margin:0 auto;padding:40px 20px;}
.wf-single .wf-cta{display:inline-block;padding:12px 20px;background:#0051ff;color:#fff;border-radius:6px;text-decoration:none;}
.wf-programme details{margin-bottom:12px;border:1px solid #eee;padding:8px;border-radius:6px;}
.wf-programme summary{cursor:pointer;font-weight:600;padding:8px;}
.wf-module-body{padding:8px 12px;background:#fff;}

/* CSS grid single pour site */
@media all and (min-width: 1024px){
	#elearning{
		display:grid;
		grid-template-columns: repeat(4, 1fr);
		/*grid-template-rows: repeat(4, 1fr) 0.2FR;*/
		grid-template-rows: repeat(2, auto);
		grid-column-gap: 15px;
		grid-row-gap: 15px;
	}
	.wf-intro{
		grid-area: 1 / 1 / 5 / 3;
	}
	.wf-objectifs{
		grid-area: 1 / 3 / 2 / 4;
	}
	.wf-specs{
		grid-area: 1 / 4 / 2 / 5;
	}
	.wf-programme{
		grid-area: 2 / 3 / 5 / 5;
	}
	.wf-bottom-cta{
		grid-area: 5 / 1 / 6 / 5;
	}
}
@media all and (max-width: 1024px){
	#elearning > div,#elearning > section{
		margin: 20px 0;
	}
}
@media all and (orientation: portrait){
	#elearning > div,#elearning > section{
		margin: 20px 0;
	}
}
.wf-intro { 
	background-color:#fff;
	padding: 5px 10px;
	border-radius: 20px;
}
.wf-objectifs {
	padding: 5px 10px;
	border: 3px dotted #fff;
	border-radius: 20px;
}
.wf-specs {
	padding: 5px 10px;
	border: 3px dotted #fff;
	border-radius: 20px;
}
.wf-programme {
	background-color:#fff;
	padding: 5px 10px;
	border-radius: 20px;
}
.wf-bottom-cta {
	
}
.wf-specs .wf-cta,.wf-bottom-cta .wf-cta{
	background-color:#fff;
	color:#FFB600;
	font-weight:bold;
}
.wf-specs .wf-cta:hover,.wf-bottom-cta .wf-cta:hover{
	background-color:var(--ast-global-color-3);
	color:#fff;
}
.wf-bottom-cta{
	padding-top:25px;
}


/*FAQ */
#mafaq details,.wp-block-ticoet-faqgeo details{
    margin-bottom:15px;
    /*box-shadow: 10px 10px rgba(120, 120, 120, .1);
    border-radius:10px;*/
}
#mafaq details summary,.wp-block-ticoet-faqgeo details summary{
    font-size:1.1em;
    font-weight:bold;
    background-color:#FFB600;
    color:var(--ast-global-color-3);
    padding:5px;
    border-radius:10px;
}
#mafaq details[open] summary,.wp-block-ticoet-faqgeo details[open] summary{
    border-radius:10px 10px 0 0;
}
#mafaq details p,
#mafaq details figure,
#mafaq details ul,
.wp-block-ticoet-faqgeo details p,
.wp-block-ticoet-faqgeo details figure,
.wp-block-ticoet-faqgeo details figuredetails ul{
    font-size:1.1em;
    font-size:1.1em;
    padding:10px;
    border:3px solid #FFB600;
    border-bottom: none;
}
#mafaq details p,.wp-block-ticoet-faqgeo details p{
    border-top: none;
    margin-bottom: 0;
    padding-bottom: 25px;
}
#mafaq details p:last-child,.wp-block-ticoet-faqgeo details p:last-child{
    border-radius:0 0 10px 10px;
    border-bottom: 3px solid #FFB600;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
#mafaq details figure,#mafaq details ul,.wp-block-ticoet-faqgeo details figure,.wp-block-ticoet-faqgeo details ul{
    margin-bottom: 0;
}
#mafaq details ul,.wp-block-ticoet-faqgeo details ul{
    border-top: none;
    padding-left: 30px;
}

.geo-modal img {
	max-height:90vh;
}
.geo-close{
	color:#000;
	font-size:30px;
	padding-top:5px;
	padding-left:9px;
}
