/* ==================================================================
   PCOM 2026 — css/local.css
   ==================================================================
   SITE-SPECIFIC CSS. Upload manually to:

       /templates/pcom2026/css/local.css

   THIS FILE IS NOT PART OF THE INSTALL PACKAGE, AND MUST NEVER BE
   ADDED TO templateDetails.xml OR TO A pcom2026-v*.zip.

   That absence IS the mechanism. A Joomla template install overwrites
   every file the package declares and leaves everything else alone, so
   a file the package does not contain survives every upgrade. Ship it
   even once and the next install wipes the site's overrides. (Core's
   Cassiopeia ships user.css and has exactly this bug.)

   It is pulled in by an unconditional <link> after template.css in all
   four entry points, so anything here wins on equal specificity. The
   template's script.php also creates an empty local.css on install if
   one is not already present — it will not overwrite this file.

   CONTENTS
     1. MISC CONTENT-LEVEL TAG STYLING

   Moved out of template.css (section 8.5) on 2026-08-01. These rules
   target specific Joomla module IDs on the live site, so they are site
   content, not template code, and they do not belong in the package.
   ================================================================== */


/* ==================================================================
   1. MISC CONTENT-LEVEL TAG STYLING
   ================================================================== */

#mod-custom219 {
  margin: 1rem auto;
  padding: 0;
  text-align: center;
}

.t-hero #mod-custom219 p {
  max-width: 100%;
}

/* NOTE: `red` is a bare colour literal, kept exactly as it was in
   template.css so the live appearance does not change. If you want it
   to follow the brand, swap it for var(--color-rust). Unrelated to the
   Joomla system-message .alert-* styles — this is a content class. */
.feature-alert {
  background-color: red;
  color: var(--color-white);
  font-size: var(--fs-500);
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 1em;
  border-radius: 8px;
  font-weight: bold;
}

#mod-custom207 {
  padding: 2rem var(--space-gutter);
}