/* Voleurdimages.fr — palette automnale vive */
:root {
  --automne-rouille: #b9471e;
  --automne-orange: #ee7b19;
  --automne-or: #f3bd35;
  --automne-prune: #71394b;
  --automne-feuille: #596b36;
  --automne-creme: #fff8e8;
  --automne-texte: #38271f;
  --automne-ombre: rgba(74, 39, 20, .18);
}

html { background: var(--automne-creme); }
body {
  color: var(--automne-texte);
  background: linear-gradient(145deg, #fff9e9 0%, #fff0d5 48%, #f7dfbd 100%);
}
a { color: var(--automne-rouille); }
a:hover, a:focus-visible { color: var(--automne-prune); }

header, .site-header, .header, .topbar {
  color: #fffaf0;
  background: linear-gradient(110deg, #793c2a 0%, #b9471e 52%, #e97919 100%);
  border-bottom: 4px solid var(--automne-or);
}
header a, .site-header a, .header a, .topbar a,
nav a, .navbar a, .main-nav a { color: inherit; }
nav, .navbar, .main-nav {
  background: linear-gradient(90deg, #823e2b, #b94e20 58%, #d96b20);
}
nav a, .navbar a, .main-nav a { text-decoration-color: rgba(255, 220, 132, .65); }
nav a:hover, .navbar a:hover, .main-nav a:hover,
nav a:focus-visible, .navbar a:focus-visible, .main-nav a:focus-visible { color: #ffe08a; }

.hero, .banner, .page-title, .intro {
  color: #fffaf0;
  background: linear-gradient(120deg, #56392f 0%, #8f482e 55%, #c45c22 100%);
  border-bottom: 3px solid var(--automne-or);
}
.intro { box-shadow: 0 12px 34px var(--automne-ombre); }
.eyebrow, .section-index { color: var(--automne-rouille); }
.intro .eyebrow, .intro .hero-caption, .intro .intro-note { color: #fff1cf; }

button, .button, .btn, input[type="submit"], .filter {
  color: #fffaf0;
  background: linear-gradient(135deg, var(--automne-rouille), var(--automne-orange));
  border: 1px solid #a7401d;
  border-radius: 6px;
  box-shadow: 0 3px 9px var(--automne-ombre);
}
button:hover, .button:hover, .btn:hover, input[type="submit"]:hover,
.filter:hover { background: linear-gradient(135deg, #8e3a2c, var(--automne-prune)); }
.filter:not(.active) { color: #713d2d; background: #fff4df; border-color: #ddb986; }

.card, .album-card, .gallery-card, .photo-card, .reportage-card,
.feature-card, .story-card {
  background: rgba(255, 250, 238, .96);
  border: 1px solid #e7c28f;
  box-shadow: 0 5px 18px var(--automne-ombre);
}
.story-image { background: #e8b65b; }
hr { border-color: #d9a45e; }
footer, .site-footer, .footer {
  color: #fff7e8;
  background: linear-gradient(100deg, #4b4a2c, #596b36 55%, #795137);
  border-top: 4px solid var(--automne-or);
}
footer a, .site-footer a, .footer a { color: #ffe08a; }

/* Même identité sur les pages de reportage, sans modifier leur contenu. */
.album-page { color: var(--automne-texte); }
.album-page .album-intro {
  box-sizing: border-box;
  max-width: none;
  width: min(1680px, calc(100% - clamp(36px, 10vw, 192px)));
  min-height: clamp(360px, 38vw, 520px);
  margin: clamp(28px, 5vw, 68px) auto;
  padding: clamp(38px, 6vw, 88px) clamp(28px, 5vw, 76px);
  color: #fff8e8;
  background: linear-gradient(125deg, #67402f 0%, #a64f28 58%, #d96b20 100%);
  border-bottom: 4px solid var(--automne-or);
  border-radius: 4px;
}
.album-page .album-intro a { color: #ffe08a; }
.album-page .chapter-index { background: #fff2dc; border-color: #e7c28f; }
.album-page .chapter-index a, .album-page .autoire-sources a { color: var(--automne-rouille); }
.album-page .reportage-chapter,
.album-page .comments-section { background-color: rgba(255, 250, 238, .75); }
.album-page .photo-item,
.album-page .autoire-history-photos figure {
  background: #fffaf0;
  border-color: #e7c28f;
  box-shadow: 0 4px 16px var(--automne-ombre);
}
.album-page .photo-open { background-color: #ead6b5; }
.album-page .rating, .album-page .reportage-rating-stars button { color: var(--automne-orange); }

@media (prefers-reduced-motion: no-preference) {
  button, .button, .btn, a { transition: color .18s ease, background-color .18s ease, box-shadow .18s ease; }
}

/* Texte blanc dans le bandeau orange des reportages. */
.album-page .album-intro,
.album-page .album-intro * {
  color: #fff !important;
}

@media (max-width: 700px) {
  .album-page .album-intro {
    width: calc(100% - 32px);
    min-height: 0;
    margin: 22px auto;
    padding: 30px 22px;
  }
}

/* Accueil : masquer les nombres de photos sans toucher au contenu de index.php. */
#reportages .feature-copy p.photo-count,
#galeries .story-copy p.photo-count {
  display: none !important;
}

/* Titre À LA UNE : lettres corail en relief et trame de points bleus, inspirées de l’affiche. */
#reportages > .section-heading > div > .eyebrow,
#reportages > .section-heading > div > .featured-label {
  display: inline-block !important;
  position: relative !important;
  isolation: isolate !important;
  margin: 0 0 .45rem !important;
  padding: .12em .55em .18em !important;
  border: 1px solid rgba(93, 121, 177, .22) !important;
  border-radius: 3px !important;
  background: radial-gradient(circle, rgba(77, 105, 169, .42) 1.1px, transparent 1.4px) 0 0 / 7px 7px, rgba(255, 252, 246, .88) !important;
  color: #d8445b !important;
  font-size: clamp(2rem, 3.1vw, 3rem) !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  line-height: 1.05 !important;
  text-shadow: 2px 3px 0 rgba(126, 42, 58, .22) !important;
  text-transform: uppercase !important;
}