/* ============================================================
   BlackDoctor — Sidebar Module Styling
   Targets two Breakdance sidebar widgets:
     • .pdf-blackdoctor   → the "booklet" PDF download card
     • .polls-blackdoctor → the embedded poll
   Matches the site design system: Erode (serif) headings,
   Inter body, black 0-radius buttons, sage poll, gold accent.
   Placement: Breakdance → Settings → Custom CSS (or enqueue).
   ============================================================ */

:root{
  --bd-gold:#e9a83a;
  --bd-ink:#101010;
  --bd-line:#e3ddd2;
  --bd-muted:#5a5a5a;
  --bd-sage:#cfe0d3;
}

/* =========================================================
   1) PDF DOWNLOAD CARD — .pdf-blackdoctor
   ========================================================= */
.pdf-blackdoctor{
  background:#fff;
  border:1px solid var(--bd-line);
  margin:0 0 24px;
  overflow:hidden;
}
.pdf-blackdoctor .ee-post,
.pdf-blackdoctor .bde-loop-item{ margin:0 !important; }

/* stack image over text (Breakdance defaults to a 2-col grid) */
.pdf-blackdoctor article > .bde-div{
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
  padding:0 !important;
}

/* cover image as a full-width banner */
.pdf-blackdoctor article > .bde-div > img{
  width:100% !important;
  max-width:none !important;
  height:165px !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
  border-radius:0 !important;
}

/* inner text block padding */
.pdf-blackdoctor article > .bde-div > .bde-div{
  padding:16px 18px 18px !important;
  display:block !important;
}

/* title */
.pdf-blackdoctor .booklet-card-title{
  font-family:"Erode Variable","Erode",serif;
  font-size:21px !important;
  line-height:1.18 !important;
  margin:0 0 4px !important;
  color:var(--bd-ink);
}

/* small eyebrow under the title via the shortcode wrapper spacing */
.pdf-blackdoctor .bde-shortcode{ margin-top:14px !important; }

/* the download link → a real button */
.pdf-blackdoctor a[data-pdf-id]{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  box-sizing:border-box;
  background:var(--bd-ink);
  color:#fff !important;
  text-decoration:none !important;
  font-family:"Inter",sans-serif;
  font-weight:600;
  font-size:13.5px;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:13px 16px;
  border:0;
  transition:background .15s ease,color .15s ease;
}
.pdf-blackdoctor a[data-pdf-id]::before{
  content:"";
  width:13px;height:13px;flex:0 0 auto;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3v10m0 0l-4-4m4 4l4-4M5 21h14'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3v10m0 0l-4-4m4 4l4-4M5 21h14'/></svg>") center/contain no-repeat;
}
.pdf-blackdoctor a[data-pdf-id]:hover{
  background:var(--bd-gold);
  color:var(--bd-ink) !important;
}

/* Shortcode-rendered section PDF card ([es_section_pdf]).
   Card frame, title, and button styling are inherited from .pdf-blackdoctor above;
   these rules supply the image banner + body padding (no Breakdance loop structure here). */
.es-section-pdf{ overflow:hidden; }
.es-section-pdf .es-section-pdf__img{
  width:100%; height:165px; object-fit:cover; display:block; margin:0;
}
.es-section-pdf .es-section-pdf__body{ padding:16px 18px 18px; }

/* Supporting post module rendered by [es_supporting_post_content].
   The selected post layout itself is owned by the Breakdance global block. */
.es-supporting-post-content{
  margin:0 0 24px;
}
.es-supporting-post-content__title{
  font-family:"Erode Variable","Erode",serif;
  font-size:21px !important;
  line-height:1.18 !important;
  margin:0 0 12px !important;
  color:var(--bd-ink);
}
.es-supporting-post-content__image{
  display:block;
  width:100%;
  height:auto;
}

/* =========================================================
   2) SIDEBAR POLL — .polls-blackdoctor / .blackdoctor-poll
   ========================================================= */

/* tighten the option list */
.polls-blackdoctor .blackdoctor-poll__options{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:6px;
}

/* each answer becomes a framed, clickable row */
.polls-blackdoctor .blackdoctor-poll__option{
  background:#fff !important;
  border:1px solid #c9d6cd !important;
  padding:11px 13px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center;
  gap:10px;
  cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.polls-blackdoctor .blackdoctor-poll__option:hover{
  border-color:var(--bd-ink) !important;
}
/* selected state */
.polls-blackdoctor .blackdoctor-poll__option:has(input:checked){
  border-color:var(--bd-ink) !important;
  box-shadow:inset 3px 0 0 0 var(--bd-gold);
  background:#fffdf8 !important;
}

/* native radio accent */
.polls-blackdoctor .blackdoctor-poll__option input[type="radio"]{
  accent-color:var(--bd-ink);
  width:17px;height:17px;flex:0 0 auto;margin:0;
}

.polls-blackdoctor .blackdoctor-poll__option-text{
  font-family:"Inter",sans-serif;
  font-size:14px;
  line-height:1.35;
  color:#1a1a1a;
}

/* title + progress polish */
.polls-blackdoctor .blackdoctor-poll__title{
  font-family:"Erode Variable","Erode",serif;
  font-size:21px !important;
  line-height:1.2;
  margin-bottom:2px;
}
.polls-blackdoctor .blackdoctor-poll__progress-text{
  font-family:"Inter",sans-serif;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--bd-muted);
}
.polls-blackdoctor .blackdoctor-poll__question-text{
  font-family:"Inter",sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:1.3;
}

/* NEXT / submit buttons — keep black, add gold hover */
.polls-blackdoctor .blackdoctor-poll__submit,
.polls-blackdoctor .blackdoctor-poll__next,
.polls-blackdoctor .blackdoctor-poll__prev{
  transition:background .15s ease,color .15s ease;
}
.polls-blackdoctor .blackdoctor-poll__submit:hover,
.polls-blackdoctor .blackdoctor-poll__next:hover{
  background:var(--bd-gold) !important;
  color:var(--bd-ink) !important;
}

/* =========================================================
   3) PER-SECTION HIDE — body class set by Editorial Spotlight
      based on the post's PRIMARY category (or the queried term
      on a category archive). Styling above still applies when
      the module IS shown.
   ========================================================= */
/* PDF "booklet" card. Primary hook: the Breakdance post-loop that contains the PDF download
   link (data-pdf-id) — environment-stable. `.pdf-blackdoctor` kept for sites that added it. */
body.es-hide-promo .pdf-blackdoctor,
body.es-hide-promo .bde-post-loop:has(a[data-pdf-id]){ display:none !important; }
/* Poll module. Primary hook: the Breakdance global block that contains the poll widget. */
body.es-hide-poll .polls-blackdoctor,
body.es-hide-poll .bde-globalblock:has(.blackdoctor-poll){ display:none !important; }
body.es-hide-related   .bdo-related-block{ display:none !important; }