/* ===================================
   JC le S MusicVote
   PAGES LEGALES STYLE
=================================== */

body{
background:#050505;
color:white;
font-family:Arial, sans-serif;
}

/* CONTENEUR DES PAGES */

.legal-container{
max-width:900px;
margin:40px auto;
padding:30px;
background:

linear-gradient(
135deg,
rgba(255,215,0,.12),
rgba(15,201,218,.12)
);

border:
1px solid rgba(255,215,0,.35);
border-radius:25px;
box-shadow:
0 0 30px rgba(255,215,0,.15);
}

/* TITRES */

.legal-container h1{
color:#FFD700;
text-align:center;
font-size:32px;
text-shadow:
0 0 15px #FFD700;
}

.legal-container h2{
color:#0FC9DA;
margin-top:30px;
}

.legal-container p,
.legal-container li{

line-height:1.7;
color:#eee;
}

/* FOOTER */

.legal-footer{
margin-top:60px;
padding:30px 20px;
text-align:center;

background:
linear-gradient(
180deg,
#111,
#050505
);

border-top:
1px solid rgba(255,215,0,.4);

box-shadow:
0 -10px 30px rgba(15,201,218,.15);
}

/* LOGO */

.footer-logo{
font-size:18px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:10px;
}

.footer-logo span{
text-shadow:
0 0 15px #1DB954;
}

/* LIENS */

.footer-links{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:15px;
}

.footer-links a{
color:white;
text-decoration:none;
padding:8px 15px;
border-radius:20px;

background:
rgba(255,255,255,.05);

border:
1px solid rgba(15,201,218,.3);
transition:.3s;
}

.footer-links a:hover{
color:#FFD700;
border-color:#FFD700;
box-shadow:
0 0 15px #FFD700;
transform:translateY(-3px);
}

/* SEPARATION */

.footer-line{
height:10px;

background:
linear-gradient(
90deg,
transparent,
#FFD700,
#0FC9DA,
transparent
);

margin:25px 0;
}

/* COPYRIGHT */

.footer-copy{
font-size:14px;
color:#aaa;
}

.footer-copy strong{
color:#0FC9DA;
}

.legal-container a{
color:#0FC9DA;
text-decoration:none;
}

.legal-container a:hover{
color:#FFD700;
text-shadow:0 0 10px #FFD700;
}

/* =================================
   COOKIE BANNER
================================= */

.cookie-banner{
position:fixed;
bottom:20px;
left:50%;
transform:translateX(-50%);
width:90%;
max-width:700px;

background:
linear-gradient(
135deg,
rgba(10,10,10,.95),
rgba(20,20,20,.95)
);

border:
1px solid #FFD700;
border-radius:20px;
padding:20px;
z-index:99999;
box-shadow:
0 0 30px rgba(255,215,0,.35);
}

.cookie-title{
color:#FFFFFF;
font-size:22px;
font-weight:bold;
margin-bottom:10px;
text-align:center;
}

.cookie-banner p{
color:white;
font-size:14px;
line-height:1.5;
}

.cookie-banner a{
color:#0FC9DA;
text-decoration:none;
}

.cookie-buttons{
display:flex;
justify-content:center;
gap:15px;
margin-top:15px;
}

.cookie-btn{
padding:12px 25px;
border-radius:30px;
border:none;
cursor:pointer;
font-weight:bold;
transition:.3s;
}

.cookie-btn:hover{
transform:scale(1.05);
}

.accept{
background:#1DB954;
color:black;
}

.refuse{
background:#FFFFFF;
color:black;
}

@media(max-width:600px){

.cookie-buttons{
flex-direction:column;
}

.cookie-btn{
width:100%;
}

}

/* MOBILE */

@media(max-width:600px){

.legal-container{
margin:20px;
padding:20px;
}

.legal-container h1{
font-size:25px;
}

.footer-links{
flex-direction:column;

}

}