.slider-commerciaux {
position: relative;
width: 100%;
margin: var(--wp--preset--spacing--3) 0;
}
.slider-commerciaux-container {
position: relative;
}
.slider-commerciaux .swiper {
width: 100%;
overflow: hidden;
}
.slider-commerciaux .swiper-wrapper {
display: flex;
}
.slider-commerciaux .swiper-slide {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
} .slider-commerciaux .slide-content {
width: 100%;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--1);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4) var(--wp--preset--spacing--1) var(--wp--preset--spacing--4);
background: var(--wp--preset--color--custom-blanc);
border: 1px solid var(--wp--preset--color--custom-beige-1);
border-radius: 50px;
} .slider-commerciaux .commercial-photo {
width: 100%;
max-width: 140px;
margin: 0 auto;
}
.slider-commerciaux .commercial-photo img {
width: 100%;
height: auto;
border-radius: var(--wp--preset--spacing--2);
object-fit: cover;
aspect-ratio: 1 / 1;
} .slider-commerciaux .commercial-info {
text-align: center;
}
.slider-commerciaux .commercial-nom {
display: flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
flex-flow: wrap;
font-size: var(--wp--preset--font-size--4);
font-weight: 800;
color: var(--wp--preset--color--custom-vert);
margin: 0;
}
.slider-commerciaux .commercial-nom .nom-majuscule {
display: block;
}
.slider-commerciaux .commercial-poste {
font-size: var(--wp--preset--font-size--1);
margin: 0;
margin-bottom: 0.5rem;
} .slider-commerciaux .commercial-linkedin {
display: block;
margin: 0 auto;
} .slider-commerciaux .commercial-formulaire {
}
.slider-commerciaux .commercial-formulaire .contactForm__line {
margin-bottom: 0.5rem;
}
.slider-commerciaux .commercial-formulaire .contactForm__line .contactForm__item.contactForm__item__w50:first-child {
margin-right: 0.25rem;
width: calc(50% - 0.25rem);
}
.slider-commerciaux .commercial-formulaire .contactForm__line .contactForm__item.contactForm__item__w50:last-child {
margin-left: 0.25rem;
width: calc(50% - 0.25rem);
}
.slider-commerciaux .commercial-formulaire input[type="text"], 
.slider-commerciaux .commercial-formulaire input[type="textarea"], 
.slider-commerciaux .commercial-formulaire input[type="email"], 
.slider-commerciaux .commercial-formulaire input[type="tel"], 
.slider-commerciaux .commercial-formulaire textarea, 
.slider-commerciaux .commercial-formulaire select {
padding: 0.5rem 1rem;
border: 1px solid var(--wp--preset--color--custom-noir);
}
@media (max-width: 768px) {
.slider-commerciaux .commercial-formulaire .contactForm__line .contactForm__item.contactForm__item__w50:first-child {
margin-right: 0;
margin-bottom: 0.5rem;
width: 100%;
}
.slider-commerciaux .commercial-formulaire .contactForm__line .contactForm__item.contactForm__item__w50:last-child {
width: 100%;
margin-left: 0;
}
}
.slider-commerciaux .contactForm p {
line-height: 1.2!important;
margin: 0;
}
.slider-commerciaux .commercial-formulaire .contactForm .wpcf7-acceptance {
margin: 0;
margin-bottom: 1rem;
}
.slider-commerciaux .commercial-formulaire .contactForm__line-last {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
} .slider-commerciaux-nav {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 41px;
height: 41px;
background: var(--wp--preset--color--custom-blanc);
border-radius: 50%;
cursor: pointer;
z-index: 10;
transition: background-color 0.3s ease;
}
.slider-commerciaux-prev {
left: 0;
transform: translateX(-50%) translateY(-50%);
}
.slider-commerciaux-next {
right: 0;
transform: translateX(50%) translateY(-50%);
}
.slider-commerciaux-nav:hover {
background: var(--wp--preset--color--custom-beige-1);
}
.slider-commerciaux-nav.swiper-button-disabled {
opacity: 0.3;
cursor: not-allowed;
}
.slider-commerciaux-nav .nav-arrow {
width: 100%;
height: 100%;
}
.slider-commerciaux-prev .nav-arrow {
transform: rotate(180deg);
} .slider-commerciaux-placeholder {
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--3);
text-align: center;
background: var(--wp--preset--color--custom-beige-2);
border: 2px dashed var(--wp--preset--color--custom-beige-1);
border-radius: 50px;
color: var(--wp--preset--color--custom-noir);
}
.slider-commerciaux-placeholder p {
margin: 0;
font-style: italic;
} @media (max-width: 768px) {
.slider-commerciaux {
max-width: 400px;
margin: 0 auto;
}
.slider-commerciaux .slide-content {
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
border-radius: var(--wp--preset--spacing--2);
}
.slider-commerciaux-nav {
width: 32px;
height: 32px;
}
}