/** Sidebar : widgets et emplacements publicitaires. */

.widget {
  background: var(--jdj-surface);
  border: 1px solid var(--jdj-border);
  border-radius: var(--jdj-radius);
  padding: var(--sp-3);
}
.widget__title {
  font-size: var(--fs-sm); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;
  color: var(--jdj-text-muted); margin-bottom: var(--sp-2);
  display: flex; align-items: center; gap: var(--sp-1);
}
.widget__title::before { content: ""; width: 14px; height: 2px; background: var(--jdj-accent); }
.widget ul { list-style: none; padding: 0; display: grid; gap: var(--sp-1); }
.widget li { font-size: var(--fs-sm); }
.widget a { text-decoration: none; color: var(--jdj-text); }
.widget a:hover { color: var(--jdj-primary); }
.widget ul ul { padding-inline-start: var(--sp-2); margin-top: var(--sp-1); }

/* --- Emplacements publicitaires --- */
.ad-slot {
  display: grid; place-items: center;
  border-radius: var(--jdj-radius); overflow: hidden;
  position: relative;
}
.ad-slot__label {
  position: absolute; top: 6px; right: 8px;
  font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--jdj-text-faint); background: color-mix(in oklab, var(--jdj-surface) 80%, transparent);
  padding: 1px 6px; border-radius: 4px; z-index: 2;
}
.ad-slot img { width: 100%; height: auto; display: block; border-radius: var(--jdj-radius); }
.ad-slot--placeholder {
  min-height: 250px; border: 1px dashed var(--jdj-border); background: var(--jdj-surface-2);
  color: var(--jdj-text-faint); font-size: var(--fs-sm); text-align: center; padding: var(--sp-3);
}
.ad-slot a { display: block; line-height: 0; }

/* Liste compacte d'articles (derniers / populaires). */
.mini-post { display: grid; grid-template-columns: 84px 1fr; gap: var(--sp-2); align-items: center; }
.mini-post + .mini-post { margin-top: var(--sp-2); padding-top: var(--sp-2); border-top: 1px solid var(--jdj-border); }
.mini-post__thumb { display: block; line-height: 0; border-radius: var(--jdj-radius-sm); overflow: hidden; background: var(--jdj-surface-2); aspect-ratio: 98 / 45; }
.mini-post__thumb img { width: 100%; height: 100%; object-fit: cover; }
.mini-post__title { font-size: var(--fs-sm); font-weight: 700; line-height: 1.25; font-family: var(--jdj-font-display); }
.mini-post__title a { color: var(--jdj-text); text-decoration: none; }
.mini-post__title a:hover { color: var(--jdj-primary); }
.mini-post__meta { font-size: var(--fs-xs); color: var(--jdj-text-faint); margin-top: 0.15rem; }

/* Widget newsletter. */
.widget--newsletter { background: linear-gradient(135deg, var(--jdj-primary), var(--jdj-primary-700)); border-color: transparent; color: #fff; }
.widget--newsletter .widget__title { color: #fff; }
.widget--newsletter .widget__title::before { background: var(--jdj-gold); }
.widget--newsletter p { font-size: var(--fs-sm); color: rgba(255,255,255,0.88); margin-bottom: var(--sp-2); }
.widget--newsletter .newsletter-form { display: grid; gap: var(--sp-1); }
.widget--newsletter input[type="email"] { background: #fff; border: 0; }
.widget--newsletter .btn { width: 100%; justify-content: center; }