/* BREAKPOINT */
/* bloc-remontee-articles */
.highlighted-actualities {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media screen and (min-width: 1025px) {
    .highlighted-actualities {
        flex-direction: row;
        align-items: flex-end;
        gap: 60px;
    }
}

.highlighted-actualities--title {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.highlighted-actualities--highlighted,
.highlighted-actualities--others,
.highlighted-actualities--others-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.highlighted-actualities--others{
    margin: 20px 0 48px !important;
}

@media screen and (min-width: 1025px) {
    .highlighted-actualities--highlighted {
        flex: 0 1 696px;
    }
    
    .highlighted-actualities--others{
        margin: 0 !important;
    }
}

.highlighted-actualities--highlighted .card-actu.container.vertical a.highlight {
    gap: 0;
}

@media screen and (min-width: 1025px) {
    .highlighted-actualities--highlighted .card-actu.container.vertical a.highlight {
        flex-direction: column-reverse;
    }
}

.highlighted-actualities--highlighted .card-actu.container a .img-container {
    max-height: unset;
    flex-basis: auto;
    height: 300px;
}

@media screen and (min-width: 768px) {
    .highlighted-actualities--highlighted .card-actu.container a .img-container {
        height: 360px;
    }
}

@media screen and (min-width: 1025px) {
    .highlighted-actualities--highlighted .card-actu.container a .img-container {
        height: 584px;
    }
}

.highlighted-actualities--highlighted .card-actu.container a .txt-container {
    background: var(--white);
    padding: 24px 24px 0 0;
    max-width: 85%;
    margin-top: -68px;
}

.highlighted-actualities--highlighted .card-actu.container a .card-text {
    align-self: flex-start;
}

@media screen and (min-width: 1025px) {
    .highlighted-actualities--highlighted .card-actu.container a .txt-container {
        max-width: 70%;
        gap: 32px;
    }
}

.highlighted-actualities--highlighted .card-actu.container.vertical a .txt-container .title-container h4 {
    font-style: normal;
}

@media screen and (min-width: 1025px) {
    .highlighted-actualities--highlighted .card-actu.container.vertical a .txt-container .title-container h4 {
        font-size: 2rem;
    }
}

.highlighted-actualities--others {
    flex: 1;
}

.highlighted-actualities--others .card-actu {
    display: none;
}

.highlighted-actualities--others .card-actu:nth-child(-n+2) {
    display: flex;
}

@media screen and (min-width: 1025px) {
    .highlighted-actualities--others .card-actu:nth-child(-n+4) {
        display: flex;
    }
}

.highlighted-actualities--others-bottom {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

@media screen and (min-width: 1025px) {
    .highlighted-actualities--others-bottom {
        display: flex;
        flex-direction: row-reverse;
        gap: 40px;
    }
}


.highlighted-actualities .nav {
    display: flex;
    justify-content: center;
    gap: 48px;
}

.highlighted-actualities .uptitle {
    max-width: 120px;
}

.highlighted-actualities button {
    position: relative;
    height: 40px;
    width: 40px;
}

.highlighted-actualities button::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid red;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-mask: url("../images/icon/chevronleft.svg");
    mask: url("../images/icon/chevronleft.svg");
    background: var(--black);
    transition: background .6s;
}

.highlighted-actualities button.next::before {
    -webkit-mask: url("../images/icon/chevronright.svg");
    mask: url("../images/icon/chevronright.svg");
    background: var(--black);
}

.highlighted-actualities button.previous::after {
    content: '';
    height: 6px;
    width: 6px;
    background: var(--orange);
    border-radius: 50%;
    position: absolute;
    right: -24px;
    top: calc(50% - 3px);
}

.highlighted-actualities button:hover::before {
    background: var(--orange);
    transition: background .3s;
}

.highlighted-actualities button.disabled {
    pointer-events: none;
}

.highlighted-actualities button.disabled::before {
    opacity: 0.2;
}

/* // bloc-remontee-articles */