/* ============================================================
   ADR Fixes — readability patches for legacy content
   Loaded after the theme stylesheet so it always wins.
   ============================================================ */

/* ------------------------------------------------------------------
   1. Colours baked into old content

   Your business and blog copy was written under a LIGHT theme, so a
   lot of it carries inline styles like style="color:#000" or
   style="background:#fff". On a dark background that is black text on
   near-black, which is exactly the unreadable FAQ you are seeing.

   An !important declaration in a stylesheet beats an inline style,
   so these rules neutralise the baked-in colours and let the text
   inherit the theme's own palette.
   ------------------------------------------------------------------ */
.entry [style*="color"],
.entry [style*="colour"],
.entry font[color],
.entry span[style],
.entry p[style],
.entry div[style],
.entry td[style],
.entry th[style],
.entry li[style] {
  color: inherit !important;
}

.entry [style*="background"] {
  background-color: transparent !important;
}

/* Headings keep the display font and full-contrast colour */
.entry h1[style], .entry h2[style], .entry h3[style],
.entry h4[style], .entry h5[style], .entry h6[style],
.entry h1 span[style], .entry h2 span[style], .entry h3 span[style],
.entry h4 span[style], .entry h5 span[style], .entry h6 span[style],
.entry h2 strong, .entry h3 strong, .entry h4 strong {
  color: var(--bone) !important;
  background: none !important;
}

/* Links inside old content stay visible */
.entry a[style],
.entry a[style] span {
  color: var(--signal) !important;
}

/* ------------------------------------------------------------------
   2. Body copy contrast

   The muted grey is fine for captions but too low-contrast for long
   reading. Article text now sits at a comfortable ratio on the plum
   background.
   ------------------------------------------------------------------ */
.entry,
.entry p,
.entry li,
.entry td,
.entry dd {
  color: #E4DCE9;
}

.entry strong,
.entry b {
  color: var(--bone);
  font-weight: 600;
}

.entry h2 {
  color: var(--bone);
  padding-bottom: .35em;
  border-bottom: 1px solid var(--line);
}

.entry h3,
.entry h4 {
  color: var(--bone);
}

/* ------------------------------------------------------------------
   3. FAQ section

   Questions are h3 headings followed by a paragraph. This turns each
   pair into a readable card with an amber accent, so the question is
   obviously a question and the answer is obviously its answer.
   ------------------------------------------------------------------ */
.entry h3 {
  position: relative;
  padding-left: 16px;
  font-size: 20px;
  line-height: 1.3;
  margin-top: 2em;
}

.entry h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: .15em;
  bottom: .15em;
  width: 3px;
  border-radius: 3px;
  background: var(--signal);
}

.entry h3 + p {
  margin-top: .7em;
  padding: 16px 18px;
  background: rgba(243, 238, 245, .04);
  border: 1px solid var(--line);
  border-radius: 12px;
  color: #DCD3E2;
}

/* ------------------------------------------------------------------
   4. Old-theme leftovers
   ------------------------------------------------------------------ */
.entry table,
.entry table[style] {
  background: transparent !important;
  border-collapse: collapse;
  width: 100%;
}
.entry table td,
.entry table th {
  border: 1px solid var(--line) !important;
  padding: 10px 12px;
}
.entry table th {
  background: rgba(243, 238, 245, .05) !important;
  color: var(--bone) !important;
}

.entry img[style],
.entry figure[style] {
  background: none !important;
  border-radius: 14px;
}

.entry hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 2.2em 0;
}

.entry blockquote,
.entry blockquote p {
  color: #D6CADD !important;
}

/* Empty paragraphs left behind by the old editor */
.entry p:empty { display: none; }

/* ------------------------------------------------------------------
   5. Jetpack sharing buttons
   ------------------------------------------------------------------ */
.sharedaddy,
.sharedaddy .sd-content,
div.sharedaddy h3.sd-title {
  color: var(--muted) !important;
  background: none !important;
}
div.sharedaddy h3.sd-title {
  font-family: var(--display);
  font-size: 14px !important;
  padding-left: 0 !important;
  margin-top: 30px !important;
}
div.sharedaddy h3.sd-title::before { display: none !important; }
.sharedaddy ul { padding-left: 0 !important; }
.sharedaddy .sd-content ul li a.sd-button {
  background: var(--ink-2) !important;
  border: 1px solid var(--line) !important;
  color: var(--bone) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transition: transform .2s, border-color .2s;
}
.sharedaddy .sd-content ul li a.sd-button:hover {
  transform: translateY(-2px);
  border-color: var(--signal) !important;
}

/* ------------------------------------------------------------------
   6. Comments
   ------------------------------------------------------------------ */
#comments input[type=text],
#comments input[type=email],
#comments input[type=url],
#comments textarea {
  background: var(--ink) !important;
  border: 1px solid var(--line) !important;
  color: var(--bone) !important;
  border-radius: 11px !important;
  padding: 12px 15px !important;
}
#comments label,
#comments .comment-notes,
#comments .comment-form-cookies-consent label {
  color: var(--muted) !important;
}
#comments .comment-author,
#comments .comment-meta,
#comments .comment-meta a {
  color: var(--muted) !important;
}
#comments .comment-body { color: #E4DCE9 !important; }

/* ------------------------------------------------------------------
   7. Cookie notice
   ------------------------------------------------------------------ */
#cookie-notice,
.cookie-notice-container {
  background: var(--ink-2) !important;
  color: var(--bone) !important;
  border-top: 1px solid var(--line);
}
#cookie-notice .cn-button,
#cookie-notice .cn-set-cookie {
  background: var(--signal) !important;
  color: #241708 !important;
  border-radius: 100px !important;
  font-weight: 600;
}

/* ------------------------------------------------------------------
   8. Trust badges — make sure they are never invisible
   ------------------------------------------------------------------ */
.ftr .trust { display: flex !important; }
.ftr .trust a { text-decoration: none; }
.ftr .trust a span:hover { border-color: var(--signal); }

@media (max-width: 600px) {
  .entry h3 { font-size: 18px; }
  .entry h3 + p { padding: 14px; }
}