/* ============================================================
   BLACK DUNES PRESS - Journal (blog) house skin
   Scoped strictly to blog pages via body[class*="o_website_blog"]
   so it never leaks onto the ported static pages (plain #wrap).
   Tokens + type mirror site.css: ink / bone / ember,
   Newsreader (display) / Hanken Grotesk (UI) / IBM Plex Mono (labels).
   ============================================================ */
body[class*="o_website_blog"]{
  --ink:#14110D; --ink-2:#1A1611; --ink-3:#211C16;
  --bone:#F1EADC; --sand:#C6B9A2; --stone:#8C806C;
  --line:rgba(241,234,220,.11); --line-2:rgba(241,234,220,.06);
  --ember:#C6853F; --ember-hi:#DDA05B;
  --r:3px;
  background:var(--ink)!important;
  color:var(--bone);
  font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body[class*="o_website_blog"] #wrapwrap{background:var(--ink)}
body[class*="o_website_blog"] ::selection{background:var(--ember);color:var(--ink)}
body[class*="o_website_blog"] a{color:inherit}

/* Display serif for all headings */
body[class*="o_website_blog"] h1,
body[class*="o_website_blog"] h2,
body[class*="o_website_blog"] h3,
body[class*="o_website_blog"] h4{
  font-family:"Newsreader",Georgia,serif;font-weight:400;letter-spacing:-.015em;
  color:var(--bone);text-wrap:balance;
}

/* ---------- Odoo header (default theme) themed dark ---------- */
body[class*="o_website_blog"] #top,
body[class*="o_website_blog"] header#top .navbar{
  background:rgba(20,17,13,.94)!important;
  backdrop-filter:blur(12px) saturate(120%);
  -webkit-backdrop-filter:blur(12px) saturate(120%);
  border-bottom:1px solid var(--line);
}
body[class*="o_website_blog"] #top .nav-link,
body[class*="o_website_blog"] #top .nav-link span{
  color:var(--sand)!important;font-size:14px;letter-spacing:.02em;
  font-family:"Hanken Grotesk",sans-serif;
}
body[class*="o_website_blog"] #top .nav-link:hover,
body[class*="o_website_blog"] #top .nav-link:hover span,
body[class*="o_website_blog"] #top .nav-link.active span{color:var(--bone)!important}
body[class*="o_website_blog"] #top .navbar-brand.logo img{filter:none;opacity:.96}
/* hide unconfigured default-theme chrome on the Journal */
body[class*="o_website_blog"] #top a[href="/web/login"],
body[class*="o_website_blog"] #top a[href^="tel:+1 555"],
body[class*="o_website_blog"] #bottom a[href^="tel:+1 555"]{display:none!important}

/* ---------- Blog post cover banner ---------- */
body[class*="o_website_blog"] #o_wblog_post_top .o_record_cover_container{
  border-bottom:1px solid var(--line);
}
body[class*="o_website_blog"] .o_wblog_post_name,
body[class*="o_website_blog"] .o_wblog_post_name *{
  font-family:"Newsreader",Georgia,serif;font-weight:400;
  letter-spacing:-.02em;line-height:1.04;color:#fff;
  font-size:clamp(34px,5.4vw,68px);
  text-shadow:0 2px 30px rgba(0,0,0,.55);
}
body[class*="o_website_blog"] .o_wblog_post_subtitle{
  font-family:"Hanken Grotesk",sans-serif;color:var(--bone);
  font-size:clamp(16px,1.6vw,21px);margin-top:.6em;text-shadow:0 1px 14px rgba(0,0,0,.5);
}
body[class*="o_website_blog"] #o_wblog_post_content_jump{border:1px solid rgba(255,255,255,.35)}

/* ---------- Post body ---------- */
body[class*="o_website_blog"] #o_wblog_post_main{background:var(--ink)}
body[class*="o_website_blog"] #o_wblog_post_content,
body[class*="o_website_blog"] #o_wblog_post_content p,
body[class*="o_website_blog"] .o_wblog_post_content_field{color:var(--bone)}
body[class*="o_website_blog"] .bdp-blog-body{
  font-size:clamp(16px,1.15vw,18.5px);line-height:1.72;max-width:70ch;margin-inline:auto;
}
body[class*="o_website_blog"] .bdp-blog-body p{margin:0 0 1.15em}
body[class*="o_website_blog"] .bdp-blog-body p:first-child{
  font-size:1.14em;line-height:1.66;color:var(--bone);
}
body[class*="o_website_blog"] .bdp-blog-body strong{color:var(--ember-hi);font-weight:600}
body[class*="o_website_blog"] .bdp-blog-body em{color:var(--sand);font-style:italic}
body[class*="o_website_blog"] .bdp-blog-body h3{
  font-size:clamp(21px,2.4vw,28px);margin:1.9em 0 .7em;color:var(--bone);
  padding-top:.5em;border-top:1px solid var(--line-2);
}
body[class*="o_website_blog"] .bdp-blog-body a{color:var(--ember);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(198,133,63,.5)}
body[class*="o_website_blog"] .bdp-blog-body a:hover{color:var(--ember-hi)}
body[class*="o_website_blog"] .bdp-blog-body .bdp-sign{
  font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.02em;
  color:var(--ember);margin-top:2.2em;padding-top:1.2em;border-top:1px solid var(--line);
}

/* author / date meta line inside a post */
body[class*="o_website_blog"] .o_wblog_post_content_meta,
body[class*="o_website_blog"] .o_wblog_normal_container .text-muted,
body[class*="o_website_blog"] #o_wblog_post_content .text-muted{
  font-family:"IBM Plex Mono",monospace!important;font-size:12.5px;letter-spacing:.05em;
  color:var(--stone)!important;
}
body[class*="o_website_blog"] .o_wblog_post_content_meta a{color:var(--sand)!important}

/* ---------- Blog index (listing) ---------- */
body[class*="o_website_blog"] #o_wblog_index_content,
body[class*="o_website_blog"] #o_wblog_blog_top{background:var(--ink)}
/* blogs bar */
body[class*="o_website_blog"] .navbar .nav-link{color:var(--sand)}
body[class*="o_website_blog"] .navbar .nav-link.active,
body[class*="o_website_blog"] .navbar .nav-link.fw-bold{color:var(--bone)}
body[class*="o_website_blog"] .navbar .nav-link.active b,
body[class*="o_website_blog"] .navbar .nav-link b{color:inherit}
/* hide the empty legacy 'Our blog' tab; the Journal is the house blog */
body[class*="o_website_blog"] .navbar-nav a[href="/blog/our-blog-1"]{display:none!important}
body[class*="o_website_blog"] #o_wblog_blog_top hr,
body[class*="o_website_blog"] hr{border-color:var(--line)}

/* post cards */
body[class*="o_website_blog"] .o_wblog_post,
body[class*="o_website_blog"] .o_wblog_post .card,
body[class*="o_website_blog"] article.o_wblog_post{
  background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s;
}
body[class*="o_website_blog"] .o_wblog_post:hover{transform:translateY(-3px);border-color:rgba(198,133,63,.5)}
body[class*="o_website_blog"] .o_wblog_post .card-body,
body[class*="o_website_blog"] .o_wblog_post .card{background:transparent;color:var(--bone)}
body[class*="o_website_blog"] .o_wblog_post h1,
body[class*="o_website_blog"] .o_wblog_post h2,
body[class*="o_website_blog"] .o_wblog_post h3,
body[class*="o_website_blog"] .o_wblog_post .h3,
body[class*="o_website_blog"] .o_wblog_post_name{color:var(--bone)}
body[class*="o_website_blog"] .o_wblog_post a{color:var(--bone)}
body[class*="o_website_blog"] .o_wblog_post a:hover{color:var(--ember)}
body[class*="o_website_blog"] .o_wblog_post .text-muted,
body[class*="o_website_blog"] .o_wblog_post_list_author,
body[class*="o_website_blog"] .o_wblog_post_list_author *{
  color:var(--stone)!important;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em;
}
body[class*="o_website_blog"] .o_wblog_post .badge,
body[class*="o_website_blog"] .o_wblog_post .btn-link{color:var(--ember)!important}
/* generic readmore / links */
body[class*="o_website_blog"] a.post_link,
body[class*="o_website_blog"] .o_wblog_read_more,
body[class*="o_website_blog"] a.btn-link{color:var(--ember)}

/* pager */
body[class*="o_website_blog"] .pagination .page-link{
  background:var(--ink-2);border-color:var(--line);color:var(--sand);
}
body[class*="o_website_blog"] .pagination .active .page-link{background:var(--ember);border-color:var(--ember);color:var(--ink)}

/* search box (blog listing) */
body[class*="o_website_blog"] input.form-control,
body[class*="o_website_blog"] input[name="search"],
body[class*="o_website_blog"] .input-group input,
body[class*="o_website_blog"] input[type="text"],
body[class*="o_website_blog"] input[type="search"]{
  background:var(--ink-3)!important;border:1px solid var(--line)!important;color:var(--bone)!important;
}
body[class*="o_website_blog"] input::placeholder{color:var(--stone)!important}
body[class*="o_website_blog"] .input-group .btn,
body[class*="o_website_blog"] .oe_search_button,
body[class*="o_website_blog"] button[type="submit"].btn-secondary{
  background:var(--ink-3)!important;border:1px solid var(--line)!important;color:var(--sand)!important;
}
body[class*="o_website_blog"] .input-group .btn:hover{color:var(--ember)!important;border-color:var(--ember)!important}

/* ---------- Odoo footer themed dark ---------- */
body[class*="o_website_blog"] #bottom,
body[class*="o_website_blog"] #bottom .o_footer,
body[class*="o_website_blog"] footer#bottom{
  background:var(--ink-2)!important;color:var(--stone);border-top:1px solid var(--line);
}
/* neutralise light Odoo colour-combos (the white "Call us" card is o_cc1) */
body[class*="o_website_blog"] #bottom [class*="o_cc"]{
  background-color:transparent!important;color:var(--bone)!important;
}
body[class*="o_website_blog"] #bottom .card,
body[class*="o_website_blog"] #bottom .o_cc1,
body[class*="o_website_blog"] #bottom .o_cc2{
  background-color:var(--ink-3)!important;border-color:var(--line)!important;color:var(--bone)!important;
}
body[class*="o_website_blog"] #bottom [style*="background"]{background-image:none!important}
body[class*="o_website_blog"] #bottom p,
body[class*="o_website_blog"] #bottom span,
body[class*="o_website_blog"] #bottom .small{color:var(--stone)!important}
body[class*="o_website_blog"] #bottom a{color:var(--sand)!important}
body[class*="o_website_blog"] #bottom a:hover{color:var(--ember)!important}
body[class*="o_website_blog"] #bottom h1,
body[class*="o_website_blog"] #bottom h2,
body[class*="o_website_blog"] #bottom h3,
body[class*="o_website_blog"] #bottom h4,
body[class*="o_website_blog"] #bottom h5{color:var(--bone)!important}
body[class*="o_website_blog"] #bottom .s_social_media a,
body[class*="o_website_blog"] #bottom .social a{color:var(--sand)!important}
body[class*="o_website_blog"] #bottom .o_footer_copyright{
  background:var(--ink)!important;color:var(--stone);border-top:1px solid var(--line-2);
}
body[class*="o_website_blog"] #bottom .o_footer_copyright *{color:var(--stone)!important}

@media (prefers-reduced-motion:reduce){
  body[class*="o_website_blog"] .o_wblog_post{transition:none}
}