/*
Theme Name: Les Motards - WIDE v4
Description: Dépoussiérage v4 - passe de 988px à 1280px max, garde le coeur rose + bandeau, mais lecture 2x plus large. Pour écrans 1920/2560.
Version: 4.0 WIDE
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --rose:#e2007a;
  --gris:#333;
  --gris-clair:#f6f6f6;
  --max:1280px; /* au lieu de 988px */
  --sidebar:300px; /* 210 -> 300 */
}

body{
  background:#ddd url(images/body_bg.gif) repeat; /* on garde ton tissu mais plus clair */
  font-family: Georgia, "Times New Roman", serif;
  font-size:16px; /* 12px -> 16px */
  line-height:1.75; /* 18px -> 1.75 */
  color:var(--gris);
}

a{color:var(--rose);text-decoration:none;font-weight:bold}
a:hover{text-decoration:underline}

/* CONTAINER : 988px -> 1280px, centré, avec ombre CSS au lieu de container_bg.png */
#container{
  max-width:var(--max);
  width:92%;
  margin:24px auto;
  background:#fff;
  box-shadow:0 10px 40px rgba(0,0,0,.15);
  display:grid;
  grid-template-columns: var(--sidebar) 1fr;
  border-radius:4px;
  overflow:hidden;
}

header{
  grid-column:1 / -1;
  background:#fff;
  border-bottom:1px solid #e5e5e5;
}
header img{
  width:100%;
  height:auto;
  display:block;
  max-height:220px;
  object-fit:cover;
}

/* SIDEBAR : plus large, plus d'air */
#sidebar{
  background:#efefef;
  padding:28px 20px;
  border-right:1px solid #e5e5e5;
  font-size:14.5px;
  line-height:1.5;
}
#sidebar .widget{margin-bottom:28px}
nav ul#main{list-style:none}
nav ul#main li{margin-bottom:4px}
nav ul#main li a{
  color:#333;
  font-size:16px;
  font-weight:normal;
  text-shadow:none;
  display:block;
  padding:4px 0;
}
nav ul#main li ul{margin:4px 0 12px 16px;list-style:none}
nav ul#main li ul li a{font-size:13.5px;color:#555}

/* CONTENT : 700px -> ~900px, avec max-width lecture 75ch */
#content{
  padding:40px 48px;
  width:100%;
}
#content .entry,
#content p{
  max-width:75ch; /* limite confortable lecture, mais 2x plus large qu'avant */
  margin-bottom:1.2em;
}
#content h1, #content h2{
  text-transform:uppercase;
  letter-spacing:.03em;
  margin-bottom:.6em;
  line-height:1.2;
}
#content h2{font-size:28px}

/* Archives : rose trop flashy -> gris + rose au survol */
#sidebar .archives a{
  color:#555;
  font-weight:normal;
}
#sidebar .archives a:hover{color:var(--rose)}

/* Footer */
footer{
  grid-column:1 / -1;
  background:#222;
  color:#aaa;
  text-align:center;
  padding:20px;
  font-size:13px;
}

/* RESPONSIVE */
@media (max-width:1280px){
  #container{width:96%}
}
@media (max-width:960px){
  #container{grid-template-columns:1fr; width:100%; margin:0; border-radius:0}
  #sidebar{border-right:0; border-bottom:1px solid #e5e5e5; order:2}
  #content{order:1; padding:28px 24px}
}
@media (max-width:600px){
  body{font-size:15px}
  #content{padding:20px 16px}
}