/* Hand-written overrides for this migration — client-thefencingmarketers (CLASSIC Duda).
 *
 * Kept OUTSIDE site/public/styles/ (gotcha 49): tools/port-css.mjs owns that directory and
 * clears it on every run, so a hand-written sheet there is deleted by the next port.
 *
 * Re-derived 2026-10-26 from the model's copy (kept verbatim, as evidence, in
 * generated/logs/bands.model-original.css). The model is Duda FLEX; this site is CLASSIC
 * (DESIGN-SPEC §2). Kept: the four rules below, each platform-neutral and each with a subject
 * on this site. DROPPED: the FLEX runtime-popup host rules (#flex-popup-overlay,
 * #flex-runtime-popup-container) — this site has 0 popups of either platform's kind (Phase 1:
 * no window.popups, no link_type="popup", no #dmPopup content) — and the .gy-legal-row rules,
 * which style legal pages the model generated and this site does not have.
 * Every rule changes NO pixel of the original; each exists only to make our single
 * three-band document behave like Duda's three device documents.
 */

/* Our honeypot field (Phase 8, process/HONEYPOT.md): hidden from people, present for bots. */
.mg-hp {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Blog cards the original withholds behind "Show More". The home page's blog widget shows
 * 6 of its 9 posts until clicked (generated/blog-expanded.json: 6 -> 9 on d/t/m). */
#dm .mg-blog-hidden.mg-blog-hidden.mg-blog-hidden {
  display: none !important;
}


#dm .postArticle:not(.mg-blog-hidden):has(+ .postArticle.mg-blog-hidden) {
  padding-bottom: 0 !important;
}

/* One document, three device bands. Breakpoints are this site's own, measured
 * (DESIGN-SPEC §1): mobile <=767, tablet 768-1024, desktop >=1025. */
@media (max-width: 767px) {
  #dm .mg-only-d.mg-only-d.mg-only-d,
  #dm .mg-only-t.mg-only-t.mg-only-t {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #dm .mg-only-d.mg-only-d.mg-only-d,
  #dm .mg-only-m.mg-only-m.mg-only-m {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  #dm .mg-only-t.mg-only-t.mg-only-t,
  #dm .mg-only-m.mg-only-m.mg-only-m {
    display: none !important;
  }
}

/* Accordion open state. One accordion on this site:
 * /learn/mastering-seo-for-fencing-companies (FAQ). To be verified there in Phase 6. */
#dm .mg-acc-open.mg-acc-open.mg-acc-open {
  max-height: 2000px;
}