/* ============================================================
   ATELIER DE L'ABAT-JOUR — custom.css v4 — SLIDESHOW
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Josefin+Sans:wght@200;300;400&display=swap');

:root {
  --brun:       #1e1208;
  --brun-mid:   #4a3020;
  --brun-light: #7a5c40;
  --or:         #a0722a;
  --or-clair:   #c89a50;
  --creme:      #f7f3ec;
  --creme-f:    #ede4d0;
  --border:     #c0a878;
}

/* ============================================================
   BASE
   ============================================================ */
body {
  background: var(--creme) !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 300 !important;
  color: var(--brun) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

/* ============================================================
   HEADER & LOGO
   ============================================================ */
#rt-header, .rt-header, header {
  background: var(--brun) !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.5) !important;
}

#rt-logo img, .rt-logo img {
  filter: none !important;
  max-height: 80px !important;
  padding: 0.8rem 0 !important;
}

/* ============================================================
   NAVIGATION
   ============================================================ */
#rt-navigation, .rt-navbar, nav.nav {
  background: var(--brun) !important;
  border-top: 1px solid rgba(160,114,42,0.25) !important;
  border-bottom: none !important;
}

.rt-navbar ul li a,
#rt-navigation ul li a,
nav.nav li a {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #d4c0a0 !important;
  background: transparent !important;
  border-right: 1px solid rgba(160,114,42,0.2) !important;
  border-bottom: none !important;
  padding: 1rem 1.3rem !important;
  transition: all 0.2s !important;
  text-decoration: none !important;
}

.rt-navbar ul li a:hover,
#rt-navigation ul li a:hover,
nav.nav li.active > a,
nav.nav li.current > a {
  background: var(--or) !important;
  color: #fff !important;
}

.rt-navbar ul ul, nav.nav ul ul {
  background: var(--brun) !important;
  border-top: 2px solid var(--or) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important;
}

.rt-navbar ul ul li a, nav.nav ul ul li a {
  border-bottom: 1px solid rgba(160,114,42,0.15) !important;
  border-right: none !important;
  font-size: 9px !important;
  padding: 0.9rem 1.3rem !important;
}

/* ============================================================
   SLIDESHOW — injecté avant le contenu via CSS
   ============================================================ */

/* Cache toutes les images du contenu article */
.item-page img,
.blog img,
article img {
  display: none !important;
}

/* Le slideshow est créé avec un pseudo-élément sur le wrapper */
.item-page::before {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  height: 520px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-bottom: 3rem !important;
  animation: slideshow 32s infinite !important;
  box-shadow: 0 4px 30px rgba(30,18,8,0.2) !important;
}

@keyframes slideshow {
  0%   { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6017.jpg'); }
  10%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6017.jpg'); }
  12%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6041.jpg'); }
  24%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6041.jpg'); }
  26%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6022.jpg'); }
  38%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6022.jpg'); }
  40%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6024.jpg'); }
  52%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6024.jpg'); }
  54%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6020.jpg'); }
  66%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6020.jpg'); }
  68%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6006.jpg'); }
  80%  { background-image: url('https://atelier-abat-jour.com/images/AAJ_2022_DSF6006.jpg'); }
  82%  { background-image: url('https://atelier-abat-jour.com/images/20240723_122625.jpg'); }
  94%  { background-image: url('https://atelier-abat-jour.com/images/20240723_122625.jpg'); }
  96%  { background-image: url('https://atelier-abat-jour.com/images/stories/img_2551.jpg'); }
  100% { background-image: url('https://atelier-abat-jour.com/images/stories/img_2551.jpg'); }
}

/* ============================================================
   CONTENU PRINCIPAL
   ============================================================ */
#rt-content, .rt-content {
  background: var(--creme) !important;
  padding: 0 !important;
}

.item-page, .blog, .blog-featured {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 2rem 3rem !important;
}

/* Masque titre "Accueil" et icônes */
.page-header,
.icons,
.article-info,
a[href*="print=1"],
a[href*="tmpl=component"] {
  display: none !important;
}

/* ============================================================
   BLOC ANNONCE CHANGEMENT D'ADRESSE
   ============================================================ */
.item-page p:first-of-type {
  background: var(--brun) !important;
  color: #e8d8b8 !important;
  padding: 1.8rem 2.5rem !important;
  margin: 0 0 2.5rem 0 !important;
  text-align: center !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  font-style: italic !important;
  letter-spacing: 0.03em !important;
  border-left: none !important;
  line-height: 1.7 !important;
}

/* Le strong dans le premier paragraphe = étiquette dorée */
.item-page p:first-of-type strong {
  display: block !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-style: normal !important;
  font-size: 10px !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase !important;
  color: var(--or-clair) !important;
  margin-bottom: 0.8rem !important;
  font-weight: 400 !important;
}

/* ============================================================
   TITRES
   ============================================================ */
h1, h2, h3 {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--brun) !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
}

h1 { font-size: 42px !important; }
h2 { font-size: 28px !important; margin-top: 2.5rem !important; }
h3 { font-size: 20px !important; }

h2::after {
  content: '' !important;
  display: block !important;
  width: 50px !important;
  height: 1px !important;
  background: var(--or) !important;
  margin-top: 0.5rem !important;
  margin-bottom: 1rem !important;
}

/* ============================================================
   TEXTE
   ============================================================ */
p {
  font-size: 15px !important;
  line-height: 1.9 !important;
  color: var(--brun-mid) !important;
  font-weight: 300 !important;
  margin-bottom: 1rem !important;
  letter-spacing: 0.02em !important;
}

strong, b {
  font-weight: 400 !important;
  color: var(--brun) !important;
  font-size: inherit !important;
  display: inline !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  letter-spacing: 0.05em !important;
}

em, i {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  color: var(--brun-mid) !important;
  font-size: 108% !important;
}

/* ============================================================
   BLOC COORDONNÉES — mise en forme sobre
   ============================================================ */
.item-page p:last-of-type,
.item-page p:nth-last-of-type(2),
.item-page p:nth-last-of-type(3) {
  font-size: 13px !important;
  color: var(--brun-light) !important;
  letter-spacing: 0.04em !important;
}

/* ============================================================
   LIENS
   ============================================================ */
a {
  color: var(--or) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

a:hover {
  color: var(--brun) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* ============================================================
   SEPARATEUR
   ============================================================ */
hr {
  border: none !important;
  border-top: 1px solid var(--border) !important;
  margin: 2.5rem 0 !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
#rt-footer, .rt-footer, footer {
  background: var(--brun) !important;
  color: #a09070 !important;
  padding: 3rem !important;
  border-top: 2px solid var(--or) !important;
}

#rt-footer p, footer p {
  color: #a09070 !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  font-weight: 200 !important;
  line-height: 2 !important;
}

#rt-footer a, footer a { color: var(--or-clair) !important; }
#rt-footer a:hover, footer a:hover { color: #fff !important; }

#rt-footer img, footer img {
  filter: none !important;
  opacity: 0.75 !important;
  transition: opacity 0.2s !important;
  max-height: 40px !important;
}

#rt-footer img:hover { opacity: 1 !important; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
  .item-page::before {
    height: 260px !important;
  }
  .item-page { padding: 0 1rem 2rem !important; }
  h1 { font-size: 28px !important; }
  h2 { font-size: 22px !important; }
}