/* =========================================
   NEWS SORTIES
========================================= */

.news-release{

margin:15px 0;

padding:18px;

border-radius:18px;



border:1px solid rgba(255,255,255,0.10);

box-shadow:
0 6px 20px rgba(0,0,0,0.35);

text-align:left;

position:relative;

overflow:hidden;
}

.news-item{
    padding:20px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,0.08);
    background:#1a102d;
}



/* halo décoratif */

.news-release::before{

content:"";

position:absolute;

top:-60px;
right:-60px;

width:140px;
height:140px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(180,120,255,0.20),
transparent 70%
);

pointer-events:none;
}



/* ===== TOP ===== */

.news-top{

display:flex;
align-items:center;
gap:10px;

margin-bottom:14px;

position:relative;
z-index:2;
}



/* point lumineux */

.news-live{

width:10px;
height:10px;

border-radius:50%;

background:#ff4d6d;

flex-shrink:0;

animation:pulseNews 2s infinite;
}



/* animation */

@keyframes pulseNews{

0%{
box-shadow:0 0 0 0 rgba(255,77,109,0.7);
}

70%{
box-shadow:0 0 0 10px rgba(255,77,109,0);
}

100%{
box-shadow:0 0 0 0 rgba(255,77,109,0);
}
}



/* label */

.news-label{

font-size:18px;
font-weight:700;

letter-spacing:.5px;

text-transform:uppercase;

opacity:.85;
}



/* ===== TITRE ===== */

.news-title{

margin:0 0 14px;
text-align:center;
font-size:20px;
line-height:1.2;

font-weight:800;

position:relative;
z-index:2;
}



/* ===== ARTICLE ===== */

.news-article{

position:relative;
z-index:2;
}



/* image flottante */

.news-cover-float{

float:left;

width:95px;
height:95px;

object-fit:cover;

margin:
4px 16px 10px 0;

border-radius:14px;

border:1px solid rgba(255,255,255,0.08);

box-shadow:
0 6px 18px rgba(0,0,0,0.25);
}



/* description */

.news-description{

margin:0;

font-size:14px;
line-height:1.7;

opacity:.90;
}



/* meta */

.news-meta{

clear:both;

margin-top:14px;

font-size:18px;

opacity:.65;

position:relative;
z-index:2;
}



/* bouton */

.news-button{

display:inline-flex;

align-items:center;
justify-content:center;

margin-top:18px;

padding:12px 18px;

border-radius:12px;

background:#ffffff;

color:#111111;

text-decoration:none;

font-weight:700;

transition:.2s ease;

position:relative;
z-index:2;
}


.news-button:hover{

transform:translateY(-2px);

background:#f3f3f3;
}



/* bouton disabled */

.news-button.disabled{

opacity:.6;

pointer-events:none;

cursor:default;
}


/* =========================================
   DESKTOP GRID
========================================= */

@media (min-width:900px){

.news-release{
margin:15px 0;
display:grid;

grid-template-columns:
repeat(2, minmax(0, 1fr));

gap:24px;
}


/* le bandeau du haut prend toute la largeur */

.news-top{

grid-column:1 / -1;
}


/* les séparateurs deviennent inutiles */

.news-separator{

display:none;
}


/* cartes individuelles */

.news-item{
    box-shadow:
    0 4px 14px rgba(0,0,0,0.28);

    transition:.2s ease;
}


/* hover */

.news-item:hover{

transform:translateY(-3px);

box-shadow:
0 10px 28px rgba(0,0,0,0.42);
}


/* image plus adaptée desktop */

.news-cover-float{

   float:none;

   display:block;

   width:100%;
   max-width:220px;
   height:auto;

   margin:0 auto 18px;
}
}


/* ===== MOBILE ===== */

@media (max-width:480px){
	
.news-item{

   margin-top:15px;	
}
.news-title{

   font-size:20px;
   text-align:left;
}


.news-cover-float{

   width:82px;
   height:82px;
   margin:4px 14px 8px 0;
}
}