/* News block styles adapted from bloc-actualities-feed */
.news-block-container{
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    min-height: 100vh;
}

.news-block-inner{
    display: flex;
    width: 100%;
    max-width: 1440px;
    position: relative;
}
.news-block-left{
    display: flex;
    flex-direction: column;
    width: 40%;
    justify-content: flex-start;
    position: sticky;
    top: 0;
    left: 0;
    height: fit-content;
    padding-right: 2rem;
}
.news-block-title{ font-weight:700; margin-bottom:1rem; }
.news-text{ color: var(--wp--preset--color--blanc); }
.news-text p span{ color: var(--wp--preset--color--blanc); }
.btn-cta{ 
  margin-top: 1rem;
  color: var(--wp--preset--color--blanc);
}
.btn-cta::before{ background-color: var(--wp--preset--color--blanc); }

.news-block-right{
    width: 60%;
}
.news-columns{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.news-column{
    display: flex;
    flex-direction: column;
    width: 48%;
    gap: 1rem;
}


/* background fixed layer like actualities feed */
.news-block-bkg{ position: fixed; top:0; left:0; width:100%; height:100vh; z-index:-1; pointer-events:none; overflow:hidden;}
.news-block-bkg-layer{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0; transition: opacity 700ms ease; will-change:opacity,background-image; }
.news-block-bkg-layer.layer-1{ z-index:0; }
.news-block-bkg-layer.layer-2{ z-index:1; }
.news-block-bkg::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45); /* subtle overlay */
    z-index:2;
}

/* responsive adjustments */
@media (max-width: 1600px){
    .news-block-container{ padding: 0 var(--container-space); }
}
@media (max-width: 768px){
    .news-block-inner{ max-width:100%; padding-top:50px; flex-direction:column; }
    .news-block-left{ width:100%; position:unset; padding-right:0; margin-bottom:1rem; }
    .news-block-right{ width:100%; }
    .news-columns{ flex-direction:column; }
    .news-column{ width:100%; }
}

/* apply inline CSS vars from PHP for margins */
.news-block-container{ margin-top: var(--nb-mt-desktop, 0); margin-bottom: var(--nb-mb-desktop, 0); }
@media (max-width: 767px) {
  .news-block-container{ margin-top: var(--nb-mt-mobile, 0); margin-bottom: var(--nb-mb-mobile, 0); }
}