/*HEROBANNER*/

.herobanner{
    background-image: url(https://emkaelectronique.fr/wp-content/uploads/2025/08/herobanner-scaled.webp);
    background-size: cover;
    margin-top: -6rem;
    min-height: calc(100vh - 5rem);
    background-position: center;
    padding-top: 8rem;
}


.herobanner h1{
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.herobanner p{
    color: var(--white);
    line-height: 1.5;
}

.herobanner .uk-button{
    width: max-content;
}

.buttons{
    gap: 1rem;
}

@media screen and (max-width:980px) {
    .buttons{
        margin-bottom:2rem ;
    }
}

.buttons .uk-button-default{
    color: var(--white);
    border-color: var(--white);
}

.buttons .uk-button-default:hover{
    border-color: var(--blue-emka);
}

@media screen and (max-width:960px) {
 .herobanner{
    position: relative;
 }   

 .herobanner h1{
    margin-bottom: 0;
 }

 .herobanner p{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
 }
  .herobanner:after{
    content: '';
    background: #004E89;
    background: -webkit-linear-gradient(180deg,rgba(0, 78, 137, 0) 0%, rgba(0, 78, 137, 1) 100%);
    background: -moz-linear-gradient(180deg,rgba(0, 78, 137, 0) 0%, rgba(0, 78, 137, 1) 100%);
    background: linear-gradient(180deg,rgba(0, 78, 137, 0) 0%, rgba(0, 78, 137, 1) 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 2;
}

.herobanner *{
    z-index: 12;
}
}

@media screen and (max-width:640px) {
 .herobanner{
    background-image: url(https://emkaelectronique.fr/wp-content/uploads/2025/10/fond-herobanner-2.webp);
    padding-bottom: 0.5rem;
    background-position: top;
    min-height: 80vh;
 }   

 .buttons a{
    padding: 1rem 1rem!important;
 }

}


/*SLIDER CLIENT*/

.slider{
    background-color: var(--blue-royal);
    padding: 1rem 0;
}


.slider:before{
    content: '';
    background: #004E89;
    background: -webkit-linear-gradient(90deg,rgba(0, 78, 137, 1) 0%, rgba(0, 78, 137, 0) 100%);
    background: -moz-linear-gradient(90deg,rgba(0, 78, 137, 1) 0%, rgba(0, 78, 137, 0) 100%);
    background: linear-gradient(90deg,rgba(0, 78, 137, 1) 0%, rgba(0, 78, 137, 0) 100%);
    position: absolute;
    height: 100%;
    width: 12rem;
    top: 0;
    left: 0;
    z-index: 2;
}

.slider:after{
    content: '';
    background: #004E89;
    background: -webkit-linear-gradient(90deg,rgba(0, 78, 137, 0) 0%, rgba(0, 78, 137, 1) 100%);
    background: -moz-linear-gradient(90deg,rgba(0, 78, 137, 0) 0%, rgba(0, 78, 137, 1) 100%);
    background: linear-gradient(90deg,rgba(0, 78, 137, 0) 0%, rgba(0, 78, 137, 1) 100%);
    position: absolute;
    height: 100%;
    width: 12rem;
    top: 0;
    right: 0;
    z-index: 2;
}

.slider .uk-flex-none{
    padding: 0 3rem;
}

.slider img.size-1{
    height: 1.5rem;
    width: auto;
}

.slider img.size-2{
    height: 3rem;
    width: auto;
}


.marquee {
  overflow: hidden;
  width: 100%;
}

.marquee-track {
  animation: scroll-left 60s linear infinite;
  display: flex;
  min-width: max-content;
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/*SOLUTIONS EMS*/

.solutions{
    padding-bottom: 0;
}

/*CTA EMS*/

.cta-ems{
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.cta-ems .prototypage-rapide, .cta-ems .cas-clients{
    background-color: var(--blue-royal);
    padding: 4rem;
    background-size: cover;
    text-decoration: none;
    border-radius: 0.5rem;
}

@media screen and (max-width:960px) {
    .cta-ems .prototypage-rapide, .cta-ems .cas-clients{
    padding: 2rem;
}
}


.cta-ems .prototypage-rapide{
    background-image: url(https://emkaelectronique.fr/wp-content/uploads/2025/08/fond-card-proto-rapide.webp);
}

.cta-ems .cas-clients{
    background-image: url(https://emkaelectronique.fr/wp-content/uploads/2025/08/fond-card-cas-client.webp);
}

.cta-ems .prototypage-rapide *, .cta-ems .cas-clients *{
    color: var(--white);
}

.cta-ems p{
    font-size: 0.875rem;
    line-height: 1.5;
}

.cta-ems .more-button{
    padding: 1rem 1.25rem;
    border: solid 1px var(--white);
    border-radius: 0.5rem;
    width: max-content;
    margin: 0;
    transition: all .3s ease-out;
}

.cta-ems .prototypage-rapide:hover .more-button, .cta-ems .cas-clients:hover .more-button{
    background-color: var(--orange);
    border-color: var(--orange);
}

/*SOCIETE*/
.societe{
    background: #004E89;
    background: -webkit-linear-gradient(135deg,rgba(0, 78, 137, 1) 0%, rgba(0, 46, 82, 1) 100%);
    background: -moz-linear-gradient(135deg,rgba(0, 78, 137, 1) 0%, rgba(0, 46, 82, 1) 100%);
    background: linear-gradient(135deg,rgba(0, 78, 137, 1) 0%, rgba(0, 46, 82, 1) 100%);
    position: relative;
}

.societe:before{
    content: '';
    height: 100%;
    width: 100%;
    mix-blend-mode: multiply;
    background-image: url('https://emkaelectronique.fr/wp-content/uploads/2025/08/pattern-emka-blue-multiply-80.webp');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}



.societe .background, .societe .front{
    border-radius: 0.5rem;
}

.societe .background{
    left: 4rem;
}

.societe *{
    z-index: 1;
}

.societe h2, .societe p{
    color: var(--white);
}

.societe .subtitle-h2{
    color: var(--orange);
}

.chiffre-cle hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.number{
    font-size:2rem;
    font-family: var(--font-primary);
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1;
}

.libelle{
    font-size:1.125rem;
    font-weight: 500;
}

.societe .uk-button-default{
    
    border: solid 1px var(--white);
      color: var(--white);
}

@media screen and (max-width:960px) {
    .societe:before{
        background-size: auto;
    }

    .societe .background{
    left: 0;
    position: initial;
    aspect-ratio: 1;
    object-fit: cover;
}
.reverse{
    flex-direction: column-reverse;
}
}

/*Secteurs*/

.secteur{
    padding-top: 4.5rem;
    background: #FF6B35;
    background: -webkit-linear-gradient(180deg,rgba(255, 107, 53, 1) 0%, rgba(255, 107, 53, 1) 50%, rgba(248, 248, 248, 1) 50%);
    background: -moz-linear-gradient(180deg,rgba(255, 107, 53, 1) 0%, rgba(255, 107, 53, 1) 50%, rgba(248, 248, 248, 1) 50%);
    background: linear-gradient(180deg,rgba(255, 107, 53, 1) 0%, rgba(255, 107, 53, 1) 50%, rgba(248, 248, 248, 1) 50%);
}

.overflow-wrapper {
  overflow-x: hidden;
  position: relative;
}


.uk-container-expand-right {
    background-color: var(--white);
    padding-left: 28.5px;
    border-radius: 0.5rem 0 0 0.5rem;
}

@media (max-width: 960px) {
  .uk-container-expand-right {
    margin-right: -1rem;
    padding-right: 0;
  }
}

.container-secteur{
    padding-block: 4.5rem;
    padding-right: 4.5rem;
    padding-left: calc(4.5rem - 28.5px);
    
}


.secteur .uk-tab-left img{
    margin-right: 0.5rem;
}

.secteur .uk-tab-left a{
    color: var(--slate-800);
    font-size: 1rem;
    font-family: var(--font-primary);
    text-transform: initial;
    position: relative;
}

.secteur .uk-tab-left li.uk-active a{
    color: var(--blue-royal-500);
}

.uk-tab>.uk-active>a{
    border-color: var(--blue-royal-500);
}

.secteur .uk-tab-left>*>a{
    padding: 8px 2rem 8px 0;    
}

.secteur .secteur-image-wrapper {
  position: relative;
}

.secteur .secteur-image-wrapper img{
    position: relative;
    z-index: 2;
}

.secteur .carre-decroche {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(100% - 40px); /* largeur */
  aspect-ratio: 1 / 1; /* carré */
  transform: translateX(-50%); /* centrage horizontal */
  z-index: 1;
  background: linear-gradient(135deg, rgba(0, 78, 137, 1) 0%, rgba(0, 46, 82, 1) 100%);
  border-radius: 0.5rem;
  overflow: hidden;
}

@media screen and (max-width:960px) {
    .secteur{
        padding-top: 2rem;
    }

    .uk-container-expand-right{
        margin-left: 2rem;
        margin-right: 0;
    }

    .container-secteur {
    padding-block: 2rem;
    padding-right: 0rem;
    padding-left: 1rem;
    }

    .secteurs-title > *{
        padding-right: 2rem;
    }

    .uk-tab {
    scroll-snap-type: x mandatory;
    position: relative;
    padding-right: 2rem;
    }

    .uk-tab::before{
        content:'';
        background: #004E89;
        background: -webkit-linear-gradient(90deg,rgba(0, 78, 137, 0) 0%, rgba(0, 78, 137, 1) 100%);
        background: -moz-linear-gradient(90deg,rgba(0, 78, 137, 0) 0%, rgba(0, 78, 137, 1) 100%);
        background: linear-gradient(90deg,rgba(0, 78, 137, 0) 0%, rgba(0, 78, 137, 1) 100%);
        position: absolute;
        height: 100%;
        width: 12rem;
        top: 0;
        right: 0;
        z-index: 12;
    }

    .uk-tab > li {
        scroll-snap-align: start;
        width: auto;
    }

    .uk-tab>*>a{
        width: max-content;
        border: solid 1px var(--slate-200);
        border-radius: 0.25rem;
        text-transform: initial;
        font-family: var(--font-primary);
    }

    .uk-tab.uk-overflow-auto {
    -ms-overflow-style: none;  /* IE et Edge */
    scrollbar-width: none;     /* Firefox */
    }
    .uk-tab.uk-overflow-auto::-webkit-scrollbar {
        display: none; /* Chrome, Safari et Opera */
    }

    .uk-tab > li img{
        width: 1rem;
        height: 1rem;
    }

    .uk-tab::before{
        display: none;
    }

    .uk-tab>.uk-active>a{
        background-color: var(--blue-royal-500);
        color: var(--white);
    }

    .uk-tab>.uk-active>a img{
        filter: brightness(0) invert(1);
    }

    .sector-tabs-wrapper{
        position: relative;
    }

    #component-tab-left > *{
        padding-right: 2rem;
    }

    .secteur .carre-decroche{
        width: 100%;
    }

    /* .sector-tabs-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 5rem;              
        height: 100%;
        pointer-events: none;    
        z-index: 12;
        background: -webkit-linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
        background: -moz-linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    }

    .sector-tabs-wrapper::before{
        content: "";
        position: absolute;
        top: 0.25rem;
        right: -0.5rem;
        width: 1.5rem;
        height:1.5rem;  
        background-image: url(https://emkaelectronique.fr/wp-content/uploads/2025/10/scroll-left-right.svg);
        pointer-events: none; 
        z-index: 13;
    } */

    .secteur .uk-tab{
        margin-bottom: 0;
    }

    .secteur .column-content{
        margin-top: 1rem;
    }

}

/* Normes et certifications*/

.normes-certifications img{
    max-width: 10rem;
    width: 100%;
    height: auto;
}