/* ============================================================
   imagesdazur.com — Blog Single Post v4.1
   Header : full-width hero — position:absolute fix
   ============================================================ */

/* ══════════════════════════════════════════════════════════
   1. FOND DARK PAGE
   ══════════════════════════════════════════════════════════ */
body.single-post,
body.single-post #page-container,
body.single-post #et-boc { background-color: #0a0a0a !important; }

body.single-post .et_pb_section_0_tb_body.et_pb_section,
body.single-post .et_pb_section_1_tb_body.et_pb_section {
  background-color: #0a0a0a !important; background-image: none !important;
}

/* ══════════════════════════════════════════════════════════
   2. HERO HEADER — full-width hero image + overlay
   ══════════════════════════════════════════════════════════ */

/* Section 0 : conteneur hero */
body.single-post .et_pb_section_0_tb_body.et_pb_section {
  position: relative !important;
  min-height: 560px !important;
  padding: 0 !important;
  overflow: hidden !important;
  margin-top: 0 !important;
}

/* Row : pleine largeur, contexte de positionnement */
body.single-post .et_pb_section_0_tb_body .et_pb_row {
  position: relative !important;
  width: 100% !important; max-width: 100% !important;
  min-height: 560px !important;
  padding: 0 !important; margin: 0 !important;
}

/* Colonne IMAGE (droite) → fond absolu full-cover */
body.single-post .et_pb_column_1_tb_body {
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100% !important; z-index: 0 !important;
  overflow: hidden !important; padding: 0 !important;
}
body.single-post .et_pb_column_1_tb_body .et_pb_module,
body.single-post .et_pb_column_1_tb_body .et_pb_image_wrap,
body.single-post .et_pb_column_1_tb_body span.et_pb_image_wrap {
  display: block !important; width: 100% !important; margin: 0 !important;
}
body.single-post .et_pb_column_1_tb_body img {
  width: 100% !important; height: 560px !important;
  object-fit: cover !important; object-position: center top !important;
  filter: brightness(0.45) !important;
  border-radius: 0 !important; display: block !important;
}

/* Gradient overlay */
body.single-post .et_pb_section_0_tb_body .et_pb_row::after {
  content: '' !important; position: absolute !important;
  inset: 0 !important; z-index: 1 !important; pointer-events: none !important;
  background: linear-gradient(
    to top,
    #0a0a0a 0%,
    rgba(10,10,10,0.75) 35%,
    rgba(10,10,10,0.2) 70%,
    transparent 100%
  ) !important;
}

/* Colonne TEXTE (gauche) → ancrée en bas, par-dessus l'image */
body.single-post .et_pb_column_0_tb_body {
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 2 !important;
  width: 100% !important; max-width: 100% !important;
  padding: 0 5% 52px !important;
  background: transparent !important;
}

/* Masquer le module texte vide intermédiaire */
body.single-post .et_pb_text_1_tb_body { display: none !important; }

/* H1 hero */
body.single-post .et_pb_text_0_tb_body h1,
body.single-post h1.entry-title {
  color: #ffffff !important;
  font-size: 52px !important; font-weight: 900 !important;
  line-height: 1.1 !important; letter-spacing: -1px !important;
  max-width: 720px !important; margin: 0 0 16px !important;
  text-shadow: 0 2px 24px rgba(0,0,0,0.6) !important;
}

/* Date */
body.single-post .et_pb_text_2_tb_body,
body.single-post .et_pb_text_2_tb_body .et_pb_text_inner,
body.single-post .et_pb_text_2_tb_body p {
  color: rgba(255,255,255,0.5) !important;
  font-size: 12px !important; letter-spacing: 2px !important;
  text-transform: uppercase !important; margin: 0 !important;
  font-weight: 600 !important;
}

/* ── Responsive hero ───────────────────────────────────── */
@media (max-width: 980px) {
  body.single-post .et_pb_section_0_tb_body.et_pb_section,
  body.single-post .et_pb_section_0_tb_body .et_pb_row { min-height: 420px !important; }
  body.single-post .et_pb_column_1_tb_body img { height: 420px !important; }
  body.single-post .et_pb_text_0_tb_body h1,
  body.single-post h1.entry-title { font-size: 36px !important; max-width: 100% !important; }
}
@media (max-width: 640px) {
  body.single-post .et_pb_section_0_tb_body.et_pb_section,
  body.single-post .et_pb_section_0_tb_body .et_pb_row { min-height: 340px !important; }
  body.single-post .et_pb_column_1_tb_body img { height: 340px !important; }
  body.single-post .et_pb_text_0_tb_body h1,
  body.single-post h1.entry-title { font-size: 26px !important; }
  body.single-post .et_pb_column_0_tb_body { padding: 0 6% 36px !important; }
}

/* ══════════════════════════════════════════════════════════
   3. CONTENU ARTICLE
   ══════════════════════════════════════════════════════════ */
body.single-post .et_pb_post_content_0_tb_body.et_pb_module,
body.single-post .et_pb_post_content_0_tb_body,
body.single-post .et_pb_post_content {
  background: transparent !important;
  max-width: 100% !important; width: 100% !important;
}

/* Paragraphes */
body.single-post .et_pb_post_content p {
  color: #c8c8c8 !important; font-size: 17px !important;
  line-height: 1.9 !important; margin-bottom: 1.5em !important;
}
body.single-post .et_pb_post_content strong,
body.single-post .et_pb_post_content b { color: #ffffff !important; font-weight: 700 !important; }
body.single-post .et_pb_post_content em { color: #b0b0b0 !important; }
body.single-post .et_pb_post_content a {
  color: #00b974 !important; text-decoration: underline !important;
  text-decoration-color: rgba(0,185,116,0.35) !important;
}
body.single-post .et_pb_post_content a:hover { text-decoration-color: #00b974 !important; }

/* H2 */
body.single-post .et_pb_post_content h2 {
  color: #ffffff !important; font-size: 26px !important;
  font-weight: 800 !important; line-height: 1.3 !important;
  margin: 2.8em 0 0.8em !important;
  padding-left: 16px !important; border-left: 4px solid #f4b400 !important;
}

/* H3 */
body.single-post .et_pb_post_content h3 {
  color: #f4b400 !important; font-size: 19px !important;
  font-weight: 700 !important; margin: 2.2em 0 0.6em !important;
}

/* H4 */
body.single-post .et_pb_post_content h4 {
  color: #ffffff !important; font-size: 16px !important;
  font-weight: 600 !important; text-transform: uppercase !important;
  letter-spacing: 0.8px !important; margin: 1.8em 0 0.5em !important;
}

@media (max-width: 768px) {
  body.single-post .et_pb_post_content h2 { font-size: 21px !important; }
  body.single-post .et_pb_post_content h3 { font-size: 17px !important; }
}

/* Listes */
body.single-post .et_pb_post_content ul,
body.single-post .et_pb_post_content ol {
  color: #c8c8c8 !important; font-size: 17px !important;
  line-height: 1.9 !important; margin-bottom: 1.5em !important;
  padding-left: 0 !important; list-style: none !important;
}
body.single-post .et_pb_post_content ul li {
  position: relative !important; padding-left: 24px !important; margin-bottom: 0.55em !important;
}
body.single-post .et_pb_post_content ul li::before {
  content: '\2192'; position: absolute; left: 0; color: #f4b400; font-weight: 700;
}
body.single-post .et_pb_post_content ul ul li::before { content: '\2013'; color: #666; }
body.single-post .et_pb_post_content ol { counter-reset: idz-ol; }
body.single-post .et_pb_post_content ol li {
  position: relative !important; padding-left: 36px !important;
  margin-bottom: 0.6em !important; counter-increment: idz-ol;
}
body.single-post .et_pb_post_content ol li::before {
  content: counter(idz-ol); position: absolute; left: 0; top: 2px;
  width: 22px; height: 22px; background: #f4b400; color: #000;
  font-size: 11px; font-weight: 800; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}

/* Blockquotes */
body.single-post .et_pb_post_content blockquote {
  background: #131313 !important; border: none !important;
  border-left: 4px solid #f4b400 !important;
  padding: 24px 28px !important; margin: 2.5em 0 !important;
  border-radius: 0 8px 8px 0 !important;
}
body.single-post .et_pb_post_content blockquote p {
  color: #ffffff !important; font-size: 19px !important;
  font-style: italic !important; font-weight: 500 !important;
  line-height: 1.7 !important; margin: 0 !important;
}

/* HR */
body.single-post .et_pb_post_content hr {
  border: none !important; height: 1px !important;
  background: linear-gradient(to right, #f4b400, transparent) !important;
  margin: 3.5em 0 !important; opacity: 0.3;
}

/* Images */
body.single-post .et_pb_post_content img { border-radius: 8px !important; max-width: 100% !important; }
body.single-post .et_pb_post_content figcaption {
  color: #555 !important; font-size: 13px !important;
  text-align: center !important; margin-top: 10px !important; font-style: italic !important;
}

/* Tableaux */
body.single-post .et_pb_post_content table {
  width: 100% !important; border-collapse: collapse !important;
  margin: 2.5em 0 !important; font-size: 15px !important;
}
body.single-post .et_pb_post_content table th {
  background: #1a1a1a !important; color: #f4b400 !important;
  font-size: 12px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 0.6px !important;
  padding: 14px 16px !important; text-align: left !important;
  border-bottom: 1px solid #2a2a2a !important;
}
body.single-post .et_pb_post_content table td {
  color: #c8c8c8 !important; padding: 12px 16px !important;
  border-bottom: 1px solid #181818 !important;
}
body.single-post .et_pb_post_content table tr:last-child td { border-bottom: none !important; }
body.single-post .et_pb_post_content table tr:hover td { background: rgba(244,180,0,.04) !important; }

/* Code */
body.single-post .et_pb_post_content code {
  background: #1a1a1a !important; color: #f4b400 !important;
  padding: 2px 8px !important; border-radius: 4px !important; font-size: 14px !important;
}
body.single-post .et_pb_post_content pre {
  color: #c8c8c8 !important;
  background: #111 !important; border: 1px solid #222 !important;
  border-radius: 8px !important; padding: 24px !important; overflow-x: auto !important;
}
body.single-post .et_pb_post_content pre code { background: none !important; padding: 0 !important; color: #c8c8c8 !important; }

/* ══════════════════════════════════════════════════════════
   4. RELATED POSTS — dark cards
   ══════════════════════════════════════════════════════════ */
body.single-post .et_pb_blog_0_tb_body { background: transparent !important; }

body.single-post .et_pb_blog_0_tb_body h2,
body.single-post .et_pb_blog_0_tb_body h3 {
  color: #ffffff !important; border-left: none !important;
  padding-left: 0 !important; font-size: 22px !important; margin: 0 0 24px !important;
}
body.single-post .et_pb_blog_0_tb_body .et_pb_post {
  background: #141414 !important; border: 1px solid #1e1e1e !important;
  border-radius: 10px !important; overflow: hidden !important; transition: border-color .2s !important;
}
body.single-post .et_pb_blog_0_tb_body .et_pb_post:hover { border-color: #f4b400 !important; }
body.single-post .et_pb_blog_0_tb_body .et_pb_image_container img,
body.single-post .et_pb_blog_0_tb_body .entry-featured-image-url img {
  border-radius: 0 !important; filter: brightness(0.85) !important;
}
body.single-post .et_pb_blog_0_tb_body .et_pb_post .entry-title,
body.single-post .et_pb_blog_0_tb_body .et_pb_post .entry-title a {
  color: #ffffff !important; font-size: 17px !important; font-weight: 700 !important;
  border-left: none !important; padding-left: 0 !important; margin: 0 0 8px !important;
}
body.single-post .et_pb_blog_0_tb_body .et_pb_post .entry-title a:hover { color: #f4b400 !important; text-decoration: none !important; }
body.single-post .et_pb_blog_0_tb_body .et_pb_post .post-content p { color: #888 !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important; }
body.single-post .et_pb_blog_0_tb_body .et_pb_post .post-meta,
body.single-post .et_pb_blog_0_tb_body .et_pb_post .post-meta a { color: #555 !important; font-size: 12px !important; }
body.single-post .et_pb_blog_0_tb_body .et_pb_post .post-meta a:hover { color: #f4b400 !important; }

/* ══════════════════════════════════════════════════════════
   5. COMMENTS + SCROLLBAR
   ══════════════════════════════════════════════════════════ */
body.single-post #comments,
body.single-post #respond {
  background: #0a0a0a !important; color: #c8c8c8 !important; padding: 20px 24px !important;
}
body.single-post #comments h3, body.single-post #respond h3,
body.single-post .comments-title, body.single-post #reply-title { color: #fff !important; }
body.single-post ::-webkit-scrollbar { width: 5px; }
body.single-post ::-webkit-scrollbar-track { background: #111; }
body.single-post ::-webkit-scrollbar-thumb { background: #f4b400; border-radius: 3px; }