/**
 * Préréglage BD : trame, aplats et filets francs.
 *
 * Noir, blanc, rouge de la marque et jaune du design system (`yellow`),
 * toujours avec du texte noir sur le jaune. Le caractère vient de la trame,
 * des capitales en Archivo Black et des filets noirs ; pas d'ombres
 * décalées ni de cadres autour de tout : les couvertures font le spectacle.
 */
[data-univers-preset="bd"] {
  --u-surface: #fff;
  --u-surface-alt: #f4f1e8;
  --u-ink: #000;
  --u-ink-muted: #3a4246;
  --u-rule: #000;
  --u-book-title: #000;

  --u-band-bg: var(--am-yellow);
  --u-band-ink: #000;
  --u-band-title: #000;

  --u-font-title: "Archivo Black", "Arial Black", Arial, sans-serif;
  --u-title-transform: uppercase;

  --u-button-radius: 0;
  --u-chip-radius: 0;
  --u-radius-card: 0;
  --u-cover-radius: 0;
  --u-focus: #000;
}

[data-univers-preset="bd"] h1,
[data-univers-preset="bd"] h2,
[data-univers-preset="bd"] h3 {
  letter-spacing: -0.01em;
  font-weight: 400;
}

/* Barre d'univers : jaune tramé, filet noir dessous */
[data-univers-preset="bd"] .UniversBar {
  background-color: var(--u-band-bg);
  background-image: radial-gradient(rgba(0, 0, 0, 0.16) 1.5px, transparent 1.6px);
  background-size: 10px 10px;
  border-bottom: 3px solid #000;
}
[data-univers-preset="bd"] .UniversBar-house {
  display: inline-block;
  align-self: flex-start;
  padding: 2px 8px;
  background: var(--am-red);
  color: #fff;
}
[data-univers-preset="bd"] .UniversBar-name {
  margin-top: 8px;
}
[data-univers-preset="bd"] .UniversBar--root .UniversBar-name {
  font-size: clamp(48px, 7vw, 96px);
}
[data-univers-preset="bd"] .UniversBar-tagline {
  font-weight: 700;
}

/* Rubriques : capitales, aplat noir pour la rubrique courante */
[data-univers-preset="bd"] .UniversBar-link {
  border: 2px solid #000;
  background: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.04em;
}
[data-univers-preset="bd"] .UniversBar-link:hover,
[data-univers-preset="bd"] .UniversBar-link[aria-current] {
  background: #000;
  color: var(--am-yellow);
}

/* Sections : filet noir épais */
[data-univers-preset="bd"] .Categories-sub--title,
[data-univers-preset="bd"] .Categories-sub--title.Categories-sub--hasIcon {
  border: 0;
  border-image: none;
  border-bottom: 3px solid #000;
}
[data-univers-preset="bd"] .Categories h2 {
  font-size: 32px;
}

/* Livres */
[data-univers-preset="bd"] .BookTeaser .BookTeaser-title {
  font-family: var(--u-font-title);
  text-transform: uppercase;
  font-size: 17px;
}
[data-univers-preset="bd"] .BookTeaser .BookTeaser-tobereleased {
  border-radius: 0;
}

/* Page d'accueil de l'univers */
[data-univers-preset="bd"] .UniversHome-kicker {
  display: inline-block;
  padding: 2px 8px;
  background: var(--am-red);
  color: #fff;
}
[data-univers-preset="bd"] .UniversHero {
  background-color: #fff;
  background-image: radial-gradient(rgba(0, 0, 0, 0.09) 1.5px, transparent 1.6px);
  background-size: 10px 10px;
  border-bottom: 3px solid #000;
}
[data-univers-preset="bd"] .UniversHero-title {
  text-transform: uppercase;
}
[data-univers-preset="bd"] .UniversHero-dot[aria-current]::after {
  background: #000;
}
/* Mosaïque : une tuile sur trois en jaune tramé, les autres en aplat clair */
[data-univers-preset="bd"] :not(.UniversTiles--list) > .UniversTile:nth-child(3n + 1) .UniversTile-link {
  background-color: var(--am-yellow);
  background-image: radial-gradient(rgba(0, 0, 0, 0.12) 1.5px, transparent 1.6px);
  background-size: 10px 10px;
}
[data-univers-preset="bd"] .UniversCard-title {
  text-transform: uppercase;
  font-size: 15px;
}
[data-univers-preset="bd"] .UniversHome-band {
  background: #000;
  color: #fff;
}
[data-univers-preset="bd"] .UniversHome-band .UniversHome-kicker {
  color: #fff;
}
[data-univers-preset="bd"] .UniversHome-band .UniversCard-link,
[data-univers-preset="bd"] .UniversHome-band .UniversRound {
  color: #fff;
}
[data-univers-preset="bd"] .UniversHome-band .UniversCard-author {
  color: #d6d6d6;
}
[data-univers-preset="bd"] .UniversHome-band .UniversCard-date {
  border-bottom: 3px solid var(--am-yellow);
}
[data-univers-preset="bd"] .UniversHero-slide::before {
  background-color: var(--am-yellow);
  background-image: radial-gradient(rgba(0, 0, 0, 0.12) 1.5px, transparent 1.6px);
  background-size: 10px 10px;
}
