.home .partners-list ul li:nth-of-type(n+9) {
display: none;
}

.partners-list {
    max-width: 98.125rem;
    padding-left: 2.188rem;
    padding-right: 2.188rem;
    margin-left: auto;
    margin-right: auto;
}

.partners-list ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.partners-list ul li {
    width: 48.5%;
    margin-bottom: 3.125rem;

}
.partners-list ul li:nth-of-type(2n+2) {
    margin-left: 3%;
}


@media screen and (min-width: 768px) {
    .partners-list ul li {
        width: 32%;
    }
    .partners-list ul li:nth-of-type(2n+2) {
        margin-left: 0;
    }
    .partners-list ul li:nth-of-type(3n+2),
    .partners-list ul li:nth-of-type(3n+3) {
        margin-left: 2%;
    }
}

@media screen and (min-width: 1280px) {
    .partners-list ul li {
        width: 23%;
    }
    .partners-list ul li:nth-of-type(2n+2) {
        margin-left: 0;
    }
    .partners-list ul li:nth-of-type(3n+2),
    .partners-list ul li:nth-of-type(3n+3) {
        margin-left: 0;
    }

    .partners-list ul li:nth-of-type(4n+2),
    .partners-list ul li:nth-of-type(4n+3),
    .partners-list ul li:nth-of-type(4n+4) {
        margin-left: 2.6666666667%;
    }
}


.partners-list ul li img {
    display: block;
    width: 100%;
}

.partners-list ul li h3 {
    margin-bottom: 0.85rem;
}

.partners-list ul li span {
    color: #DE6B0F;
    text-transform: uppercase;
}

.partners-list ul li .description {
   height: 100%;
   position: absolute;
    width: 100%;
    top: 0;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0.7rem;
    line-height: 1.1rem;
    padding: 0.75rem;
    color: white;
    font-weight: 500;
    opacity: 0;
    transition: ease-in-out 0.5s opacity;
}
@media screen and (min-width: 768px) {
    .partners-list ul li .description {
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding: 1.5rem;
     }
}

.partners-list ul li:hover .description {
    opacity: 1;
 }

.partners-list ul li .desc-img {
    position: relative;
    width: 100%;
}

.partners-list .wp-block-button {
    margin-bottom: 6rem;
    margin-top: 4rem;
}

/* OLD IMG BG 

.partners-list ul li:nth-of-type(8n+1) .description {
    background-image: url('../../../svg/1.svg');
}

.partners-list ul li:nth-of-type(8n+2) .description {
    background-image: url('../../../svg/2.svg');
}

.partners-list ul li:nth-of-type(8n+3) .description {
    background-image: url('../../../svg/3.svg');
}

.partners-list ul li:nth-of-type(8n+4) .description {
    background-image: url('../../../svg/4.svg');
}

.partners-list ul li:nth-of-type(8n+5) .description {
    background-image: url('../../../svg/5.svg');
}

.partners-list ul li:nth-of-type(8n+6) .description {
    background-image: url('../../../svg/6.svg');
}

.partners-list ul li:nth-of-type(8n+7) .description {
    background-image: url('../../../svg/7.svg');
}

.partners-list ul li:nth-of-type(8n+8) .description {
    background-image: url('../../../svg/8.svg');
}

.partners-list .wp-block-button {
    margin-bottom: 6rem;
    margin-top: 4rem;
} 

*/


.partners-list ul li .description {
    background-color: #004a98bf !important;
}

.partners-list ul li.active-pop-up {
    cursor:pointer !important;
}

.partners-list ul li.active-pop-up .description svg {
    display:block;
	margin-left:auto;
	width:2.2rem;
	height:auto;
}


/* --- Modal global --- */
:root {
  --modal-bg: #004a98cc;
  --panel-bg: #004A98; /* bleu principal */
  --panel-text: #fff;
  --radius: 0;
  --elev: 40px;
}

#modal-root {
  position: fixed;
  inset: 0;
  display: none;
	z-index:99999;
}
#modal-root.is-open { display: block; }

#modal-root .modal__overlay {
  position: absolute;
  inset: 0;
  background: var(--modal-bg);
  opacity: 0;
  transition: opacity .25s ease;
}

#modal-root .modal__dialog {
  position: absolute;
  inset: 0;
  margin: auto;
  width: min(1400px, 92vw);
  height: auto;
  max-height: min(86vh, 900px);
  background: var(--panel-bg);
  color: var(--panel-text);
  border-radius: var(--radius);
  box-shadow: 0 20px var(--elev) rgba(0,0,0,.3);
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px) scale(.98);
  transition: opacity .25s ease, transform .25s ease;
  display: grid;
}

#modal-root.is-open .modal__overlay { opacity: 1; }
#modal-root.is-open .modal__dialog { opacity: 1; transform: translateY(0) scale(1); }

#modal-root .modal__close {
  position: absolute;
  top: calc(clamp(18px, 3.2vw, 36px) * 2);
  right: calc(clamp(18px, 3.2vw, 36px) * 2);
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  line-height: 0;
	z-index:2;
}

@media screen and (max-width: 600px) {
	#modal-root .modal__close {
	  top: 14px;
  	  right: 14px;
	}
}

#modal-root .modal__close svg {
  width:2.6rem;
	height:auto;
	display:block;
	transform:rotate(45deg);
}

@media screen and (max-width: 600px) {

#modal-root .modal__close svg {
  width:2rem;

	}
}

#modal-root .modal__close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

#modal-root .modal__content {
  padding-left: calc(clamp(10px, 3.2vw, 36px) * 4);
  padding-right: calc(clamp(10px, 3.2vw, 36px) * 4);
  padding-top: calc(clamp(18px, 3.2vw, 36px) * 2);
  padding-bottom: calc(clamp(18px, 3.2vw, 36px) * 2);
  overflow: auto;
}

@media screen and (max-width: 781px) {
	#modal-root .modal__content {
	  padding-left: 30px;
	  padding-right: 30px;
	  padding-top: 30px;
	  padding-bottom: 30px;
	}
}

#modal-root .modal__body {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:8%;
}

#modal-root .modal__body .left-modal {
	width:calc(35% - 8% / 2);
}

#modal-root .modal__body .right-modal {
	width:calc(65% - 8% / 2)
}

@media screen and (max-width: 600px) {
	#modal-root .modal__body .left-modal {
		width:100%;
	}

	#modal-root .modal__body .right-modal {
		width:100%;
	}
}

#modal-root .modal__title {
	font-size: calc(clamp(18px, 3.2vw, 36px) / 1.2);
	margin-top:0;
  font-weight: 500;
	margin-bottom:0;
	line-height:1.3 !important;
}

@media screen and (max-width: 781px) {
	#modal-root .modal__title {
		font-size: 24px;
		padding-top:2rem;
	}
}

@media screen and (max-width: 600px) {
	#modal-root .modal__title {
		padding-top:2rem;
	}
}

#modal-root .modal__subtitle {
  margin: 0 0 18px 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #DE6B0F;
	font-size: clamp(18px, 3.2vw, 36px);
	line-height:1.3 !important;
	margin-bottom: calc(clamp(18px, 3.2vw, 36px) * 1.4);
}


@media screen and (max-width: 781px) {
	#modal-root .modal__subtitle {
		font-size: 28px;
	}
}

/* Mise en page interne libre */
#modal-root .modal-hero {
  display: block;
	margin-bottom:2rem;
}
#modal-root .modal-hero img {
  width: 100%;
  height: auto;
  display: block;
}

#modal-root .modal-text p {
	margin: 0 0 12px;
	line-height: 1.3;
	font-size: calc(clamp(18px, 3.2vw, 36px) / 2) !important;
	color: white;
	text-transform:uppercase;
	font-weight:500 !important;
	margin-bottom: calc(clamp(18px, 3.2vw, 36px) / 1.5); 
}

@media screen and (max-width: 781px) {
	#modal-root .modal-text p {
		font-size: 18px !important;
	}
}

#modal-root .modal-big-text p {
	color:white;
	font-size: calc(clamp(18px, 3.2vw, 36px) / 2.1) !important;
	line-height: 1.5;
	margin-top:0;
}


@media screen and (max-width: 781px) {
	#modal-root .modal-big-text p {
		font-size: 16px !important;
	}
}

/* Scroll du body verrouillé quand modal ouvert */
body.modal-open, html.modal-open {
  overflow: hidden;
}