/* ===========================================================================
   aaria-extra.css — teeman lisätyylit, jotka EIVÄT kulje Sage/webpack-buildin
   kautta: dist/ käännettiin viimeksi 2024-10-01, Tailwind on purgattu eikä
   palvelimilla ole node/yarn-ympäristöä. Ladataan app/setup.php:stä
   sage/main.css:n jälkeen. Älä käytä tässä Tailwind-luokkia — kirjoita CSS:ää.
   Värit: khaki #bab974, lavender #d0c0fa, night-blue #170490.
   =========================================================================== */

/* --- Header: erotin liity-palkin ja ilmoitusbannerin väliin (molemmat night-blue, alle 1280 px) --- */
#nav-top .notification-banner { border-top: 1px solid rgba(255, 255, 255, .35); }

/* --- Haitarit (resources/views/partials/haitarit.blade.php) --------------- */
/* Teema asettaa #article-content:lle white-space: pre-line ja kappaleille margin 0 — sivun
   kappalevälit syntyvät rivinvaihdoista. Haitarin rakenteessa (details/summary) Bladen
   sisennykset tekisivät siksi tyhjiä rivejä → normal. Sisältöosa pidetään pre-line:nä,
   jotta kappalevälit ovat samat kuin muulla sivulla. */
#article-content .haitarit { margin: 2.5rem 0 1rem; border-top: 1px solid #bab974; white-space: normal; }
#article-content .haitari__content { white-space: pre-line; }
#article-content .haitari {
  border-bottom: 1px solid #bab974;
  border-left: 4px solid transparent;
  padding-left: 1rem;
  scroll-margin-top: 8rem;
}
#article-content .haitari[open] { border-left-color: #d0c0fa; }
#article-content .haitari__summary { display: block; list-style: none; cursor: pointer; }
#article-content .haitari__summary::-webkit-details-marker { display: none; }
#article-content .haitari__summary::marker { content: ""; }
#article-content .haitari__summary:focus-visible { outline: 3px solid #170490; outline-offset: 4px; }
#article-content .haitari__row {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.25rem 0;
  font-family: "Faktum-Medium", sans-serif; font-size: 1.25rem; line-height: 1.4; color: #000;
}
#article-content .haitari__summary:hover .haitari__title { text-decoration: underline; }
#article-content .haitari__icon { position: relative; flex: 0 0 1.5rem; width: 1.5rem; height: 1.5rem; color: #170490; }
#article-content .haitari__icon::before,
#article-content .haitari__icon::after {
  content: ""; position: absolute; top: 50%; left: 50%;
  width: 1rem; height: 2px; background: currentColor;
  transform: translate(-50%, -50%);
}
#article-content .haitari__icon::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .2s ease; }
#article-content .haitari[open] .haitari__icon::after { transform: translate(-50%, -50%) rotate(0deg); }
#article-content .haitari__content { padding: 0 0 1.5rem; }
#article-content .haitari__content::after { content: ""; display: table; clear: both; }
#article-content .haitari__content img { max-width: 100%; height: auto; }
#article-content .haitari__content .alignleft { float: left; margin: .25rem 1.5rem 1rem 0; }
#article-content .haitari__content .alignright { float: right; margin: .25rem 0 1rem 1.5rem; }
#article-content .haitari__content .aligncenter { display: block; margin: 1rem auto; }
#article-content .haitari__content .wp-caption { max-width: 100%; }
#article-content .haitari__content .wp-caption-text { font-size: .875rem; margin-top: .25rem; }
@media (max-width: 640px) {
  #article-content .haitari__content .alignleft,
  #article-content .haitari__content .alignright { float: none; display: block; margin: 1rem 0; }
}
@media print {
  #article-content .haitari__icon { display: none; }
  #article-content .haitari { break-inside: avoid-page; }
}