/* ==========================================================================
   Firm Article — brand overrides
   Colorado Springs Criminal Defense, LLC

   Loaded automatically by Shortcode.php, declared dependent on the
   'firm-article' handle so WordPress always emits it second.

   This file exists so article.css never has to be edited. Upgrading the
   plugin overwrites article.css; it does not overwrite this.

   To revert to the plugin's own palette, delete this file. Nothing breaks.
   ========================================================================== */

.firm-article {
  /* Headings and rules. The plugin ships a family-law blue and a black
     divider; this site runs near-black headings on a light grey rule. */
  --firm-blue: #20325a;
  --firm-rule: #dfe3e8;

  /* Consultation buttons. Gold, matching the site CTAs. */
  --firm-cta-bg: #ef4b4c;
  --firm-cta-bg-hover: #cb3738;
  --firm-cta-ink: #ffffff;

  --firm-border: #dfe3e8;
}

/* --------------------------------------------------------------------------
   Body links

   --firm-blue drives headings AND links in the base stylesheet. Now that
   headings are near-black, links need their own colour or they stop reading
   as links.
   -------------------------------------------------------------------------- */
.firm-article a:not(.firm-cta-button):not(.firm-toc a) {
  color: #4779c4;
}

.firm-article a:not(.firm-cta-button):hover,
.firm-article a:not(.firm-cta-button):focus-visible {
  color: #3a67ab;
}

/* --------------------------------------------------------------------------
   Anchor offset

   The base stylesheet uses a fixed 6rem, which assumes a 96px header. This
   site's header height is set once in the theme's --header-h and reused here,
   so a header change does not silently break every Contents link.
   -------------------------------------------------------------------------- */
.firm-article :is(h1, h2, h3) {
  scroll-margin-top: calc(var(--header-h, 110px) + 16px);
}

/* --------------------------------------------------------------------------
   Measure

   Inside the service-page layout the article sits in a column beside the
   sidebar. Cap the line length so it stays readable on wide screens.
   -------------------------------------------------------------------------- */
.svc__body .firm-article > :is(p, ul, ol) {
  max-width: 76ch;
}

/* --------------------------------------------------------------------------
   Typography carried over from the base stylesheet, restated here so the
   values are visible in one place rather than buried:

     h2   30px, uppercase, 1px rule above
     h3   25px, title case from the writing
     drop cap  50px, --firm-blue

   These are inherited, not overridden. Uncomment a block below to change one.
   -------------------------------------------------------------------------- */

/* Smaller H2, if 30px reads too large against this site's headings:
.firm-article h2 { font-size: 26px; }
*/

/* Remove drop caps entirely, if the client does not want them:
.firm-article p.firm-dropcap::first-letter {
  font-size: inherit;
  float: none;
  color: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
}
*/