/* ============ BD Blog Theme 1.0.0 — dark premium styling for blog + single posts ============ */

/* ---- 0. hide the default white header on blog areas ---- */
body.blog .pagelayer-header, body.single .pagelayer-header, body.archive .pagelayer-header,
body.search .pagelayer-header,
body.blog header.site-header, body.single header.site-header,
body.blog #site-header, body.single #site-header { display:none !important; }

/* ---- 1. conventional black top navbar (pinned) ---- */
body.blog .bd-topbar, body.single .bd-topbar, body.archive .bd-topbar, body.search .bd-topbar{
  position:fixed; top:0; left:0; right:0; z-index:90;
  background:rgba(11,11,12,.94); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.08);
  font-family:'Inter Tight','Inter',Arial,sans-serif; -webkit-font-smoothing:antialiased; }
body.blog .bd-tb-inner, body.single .bd-tb-inner, body.archive .bd-tb-inner{
  max-width:1440px; margin:0 auto; padding:0 5vw; height:72px;
  display:flex; align-items:center; gap:2.2rem; }
body.blog .bd-tb-brand, body.single .bd-tb-brand{
  font-weight:700; font-size:18px; letter-spacing:-.01em; color:#fff !important;
  text-decoration:none !important; margin-right:auto; white-space:nowrap; }
body.blog .bd-tb-nav, body.single .bd-tb-nav{ display:flex; align-items:center; gap:2rem; }
body.blog .bd-tb-nav a, body.single .bd-tb-nav a{
  color:rgba(255,255,255,.7) !important; text-decoration:none !important;
  font-size:13px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  transition:color .3s; white-space:nowrap; }
body.blog .bd-tb-nav a:hover, body.single .bd-tb-nav a:hover,
body.blog .bd-tb-nav a.current, body.single .bd-tb-nav a.current{ color:#ff6542 !important; }
body.blog .bd-tb-right, body.single .bd-tb-right{ display:flex; align-items:center; gap:1.4rem; margin-left:auto; }
body.blog .bd-tb-hours, body.single .bd-tb-hours{
  font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase;
  color:rgba(255,255,255,.55); white-space:nowrap; }
body.blog .bd-tb-call, body.single .bd-tb-call{
  display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border-radius:999px;
  background:#ff6542; color:#0b0b0c !important; font-size:12px; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; text-decoration:none !important;
  transition:background .3s, transform .3s; white-space:nowrap; }
body.blog .bd-tb-call .dot, body.single .bd-tb-call .dot{ width:8px; height:8px; border-radius:50%; background:#0b0b0c; }
body.blog .bd-tb-call:hover, body.single .bd-tb-call:hover{ background:#fff; transform:translateY(-1px); }
body.blog .bd-tb-burger, body.single .bd-tb-burger{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  background:none; border:none; cursor:pointer; padding:10px; margin-left:auto; }
body.blog .bd-tb-burger span, body.single .bd-tb-burger span{
  display:block; width:26px; height:2px; background:#fff; border-radius:2px; }
/* fullscreen menu (mobile) */
body.blog .bd-menu, body.single .bd-menu, body.archive .bd-menu{
  position:fixed; inset:0; z-index:120; background:#0c0c0d; display:flex; flex-direction:column;
  justify-content:center; padding:0 5vw; clip-path:inset(0 0 100% 0); transition:clip-path .7s cubic-bezier(.76,0,.24,1);
  font-family:'Inter Tight','Inter',Arial,sans-serif; }
body.blog .bd-menu.open, body.single .bd-menu.open{ clip-path:inset(0 0 0% 0); }
body.blog .bd-menu a.mlink, body.single .bd-menu a.mlink{
  font-size:clamp(2.2rem,7vw,5rem); font-weight:500; letter-spacing:-.03em; line-height:1.08;
  color:#fff !important; text-decoration:none !important; display:flex; align-items:baseline; gap:2rem; padding:.4rem 0;
  border-bottom:1px solid rgba(255,255,255,.16); }
body.blog .bd-menu a.mlink:hover, body.single .bd-menu a.mlink:hover{ color:#ff6542 !important; }
body.blog .bd-menu a.mlink .idx, body.single .bd-menu a.mlink .idx{
  font-size:13px; letter-spacing:.14em; color:rgba(255,255,255,.62); font-weight:500; }
body.blog .bd-menu .m-foot, body.single .bd-menu .m-foot{ margin-top:5vh; display:flex; gap:3rem; flex-wrap:wrap; align-items:center; }
body.blog .bd-pill, body.single .bd-pill{
  display:inline-flex; align-items:center; gap:12px; padding:14px 22px;
  border:1px solid rgba(255,255,255,.4); border-radius:999px; background:rgba(255,255,255,.06);
  font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#fff !important;
  text-decoration:none !important; cursor:pointer; transition:background .3s, color .3s;
  font-family:'Inter Tight','Inter',Arial,sans-serif; }
body.blog .bd-pill .dot, body.single .bd-pill .dot{ width:8px; height:8px; border-radius:50%; background:#ff6542; }
body.blog .bd-pill.solid, body.single .bd-pill.solid{ background:#fff; color:#000 !important; border-color:#fff; }
body.blog .bd-pill.solid:hover, body.single .bd-pill.solid:hover{ background:#ff6542; border-color:#ff6542; color:#000 !important; }
body.blog .bd-menu-close, body.single .bd-menu-close{ position:absolute; top:28px; right:5vw; }
body.blog .bd-micro, body.single .bd-micro{ font-size:12px; font-weight:500; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(255,255,255,.62); }
/* offset for the fixed bar */
body.blog, body.single, body.archive{ padding-top:72px !important; }

/* ---- 2. dark base ---- */
body.blog, body.single, body.archive, body.search{ background:#0b0b0c !important; }
body.blog .site-main, body.single .site-main, body.archive .site-main, body.search .site-main{
  background:#0b0b0c !important; }
body.blog, body.single, body.archive{
  color:#fff; font-family:'Inter',Arial,sans-serif; -webkit-font-smoothing:antialiased; }
/* breathing room under the fixed navbar */
body.blog .pagelayer-archive_posts{ padding-top:44px !important; }
body.single .site-main > article, body.single .post{ padding-top:44px; }

/* ---- 3. blog index: cards ---- */
body.blog .pagelayer-posts-container{ padding:0 5vw 80px !important; }
body.blog .pagelayer-wposts-col{
  background:#131316 !important; border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important; overflow:hidden; box-shadow:none !important;
  transition:transform .35s ease, border-color .35s ease !important; }
body.blog .pagelayer-wposts-col:hover{ transform:translateY(-6px); border-color:rgba(255,101,66,.55) !important; }
body.blog .pagelayer-wposts-thumb{ border-radius:0 !important; }
body.blog .pagelayer-wposts-content{ padding:24px 24px 28px !important; color:rgba(255,255,255,.72) !important; text-align:left !important; }
body.blog .pagelayer-wposts-title, body.blog .pagelayer-wposts-title a{
  color:#fff !important; font-family:'Inter Tight','Inter',sans-serif !important;
  font-weight:600 !important; font-size:1.3rem !important; line-height:1.3 !important;
  letter-spacing:-.01em !important; text-decoration:none !important; }
body.blog .pagelayer-wposts-title a:hover{ color:#ff6542 !important; }
body.blog .pagelayer-wposts-meta{ color:rgba(255,255,255,.45) !important; font-size:12px !important;
  letter-spacing:.1em !important; text-transform:uppercase !important; margin:12px 0 !important; }
body.blog .pagelayer-wposts-excerpt{ color:rgba(255,255,255,.62) !important; font-size:.98rem !important; line-height:1.65 !important; }
body.blog .pagelayer-wposts-more, body.blog a.pagelayer-wposts-more{
  display:inline-flex !important; align-items:center; gap:10px; margin-top:18px !important;
  padding:12px 24px !important; border-radius:999px !important; background:#ff6542 !important;
  color:#0b0b0c !important; font-size:12px !important; font-weight:700 !important;
  letter-spacing:.12em !important; text-transform:uppercase !important; text-decoration:none !important;
  border:none !important; transition:transform .3s, background .3s !important; }
body.blog .pagelayer-wposts-more:hover{ background:#fff !important; transform:translateY(-2px); }
body.blog .pagelayer-wposts-more .pagelayer-btn-icon{ display:none !important; }
/* date badge on the thumb */
body.blog .pagelayer-wposts-date .date-d, body.blog .pagelayer-wposts-date .date-my{ color:#fff !important; }

/* ---- 4. sidebars, dark (blog index + single post) ---- */
body.blog .widget, body.single .widget, body.archive .widget,
body.blog .sidebar .widget, body.single .sidebar .widget{
  background:#131316 !important; border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important; padding:26px !important; margin-bottom:24px !important; }
body.blog .widget-title, body.single .widget-title, body.blog .widget h2, body.single .widget h2,
body.blog .widget h3, body.single .widget h3{
  color:#fff !important; font-family:'Inter Tight',sans-serif !important; font-weight:600 !important;
  font-size:1.15rem !important; margin-bottom:16px !important; }
body.blog .widget a, body.single .widget a{ color:rgba(255,255,255,.72) !important; text-decoration:none !important; }
body.blog .widget a:hover, body.single .widget a:hover{ color:#ff6542 !important; }
body.blog .widget ul, body.single .widget ul{ list-style:none !important; margin:0 !important; padding:0 !important; }
body.blog .widget li, body.single .widget li{ padding:8px 0 !important; border-bottom:1px solid rgba(255,255,255,.07) !important;
  color:rgba(255,255,255,.6) !important; }
body.blog .widget_search input[type="search"], body.single .widget_search input[type="search"],
body.blog .widget_search input[type="text"], body.single .widget_search input[type="text"]{
  background:#0b0b0c !important; border:1px solid rgba(255,255,255,.14) !important; color:#fff !important;
  border-radius:999px !important; padding:12px 18px !important; width:100% !important; }
body.blog .widget_search input[type="submit"], body.single .widget_search input[type="submit"],
body.blog .widget_search button, body.single .widget_search button{
  background:#ff6542 !important; color:#0b0b0c !important; border:none !important; border-radius:999px !important;
  padding:12px 22px !important; font-weight:700 !important; cursor:pointer; }

/* ---- 5. single post interior ---- */
body.single .pagelayer-post_title, body.single .pagelayer-post-title{
  display:block !important; visibility:visible !important; opacity:1 !important; }
body.single .pagelayer-post-title, body.single .pagelayer-post-title *{
  color:#fff !important; font-family:'Inter Tight','Inter',sans-serif !important;
  font-weight:600 !important; font-size:clamp(2rem,4.5vw,3.4rem) !important;
  letter-spacing:-.02em !important; line-height:1.12 !important; }
body.single .entry-content{
  max-width:820px !important; margin:0 auto !important; padding:0 5vw 90px !important;
  color:rgba(255,255,255,.84) !important; font-family:'Inter',Arial,sans-serif !important;
  font-size:17px !important; line-height:1.78 !important; font-weight:400 !important; }
body.single .entry-content p{ color:rgba(255,255,255,.84) !important; margin:0 0 1.5em !important; }
body.single .entry-content strong, body.single .entry-content b{ color:#fff !important; }
body.single .entry-content a{ color:#ff6542 !important; text-decoration:underline !important;
  text-decoration-color:rgba(255,101,66,.4) !important; text-underline-offset:3px; }
body.single .entry-content a:hover{ text-decoration-color:#ff6542 !important; }
body.single .entry-content ul{ margin:0 0 1.8em !important; padding-left:1.4em !important; }
body.single .entry-content li{ margin-bottom:.7em !important; color:rgba(255,255,255,.84) !important; }
body.single .entry-content li::marker{ color:#ff6542 !important; }
body.single .entry-content figure{ margin:2.2em 0 !important; }
body.single .entry-content figure img{ border-radius:14px !important; display:block; width:100%; }
body.single .entry-content figcaption{
  color:rgba(255,255,255,.55) !important; font-size:14px !important; line-height:1.6 !important;
  margin-top:12px !important; text-align:left !important; }
body.single .entry-content iframe[src*="youtube.com/embed"],
body.single .entry-content iframe[src*="youtu.be"]{
  width:100% !important; max-width:100% !important; aspect-ratio:16/9 !important; height:auto !important;
  border:none !important; border-radius:14px !important; margin:1.6em 0 !important; display:block; }
/* featured image on single */
body.single .post-thumbnail img, body.single .pagelayer-post_image img{
  border-radius:18px !important; }
/* post meta under title */
body.single .entry-meta, body.single .pagelayer-post_info{ color:rgba(255,255,255,.5) !important;
  font-size:13px !important; letter-spacing:.1em !important; text-transform:uppercase !important; }
body.single .entry-meta a{ color:rgba(255,255,255,.7) !important; }
/* share row at the bottom */
body.single .pagelayer-share{ filter:invert(1); }

/* ---- 6. responsive ---- */
@media (max-width:1020px){
  body.blog .bd-tb-nav, body.single .bd-tb-nav{ gap:1.2rem; }
  body.blog .bd-tb-hours, body.single .bd-tb-hours{ display:none; }
}
@media (max-width:900px){
  body.blog .bd-tb-nav, body.single .bd-tb-nav{ display:none; }
  body.blog .bd-tb-burger, body.single .bd-tb-burger{ display:flex; }
  body.blog .bd-tb-right, body.single .bd-tb-right{ margin-left:0; }
  body.blog .bd-tb-call, body.single .bd-tb-call{ padding:10px 18px; }
  body.single .entry-content{ font-size:16px !important; }
  body.blog .pagelayer-posts-container{ padding:0 5vw 60px !important; }
}