/* @fix 2026-02-21: L-2026-0221-05 - CSS in @layer gewrappt */
@layer mandant {
/* ==========================================================================
 * PRINT.CSS — Gemeinde Lotte
 * Print-optimized styles for municipal website.
 * Citizens frequently print: opening hours, contacts, service details.
 * ========================================================================== */

@media print {

  /* Hide non-essential UI */
  .lotte-header,
  .lotte-hamburger,
  .mm-menu,
  .mm-wrapper__blocker,
  #mm-meta-bar,
  .lotte-footer__social,
  

  /* Show full page */
  body {
    color: #000;
    background: #fff;
    font-size: 11pt;
    line-height: 1.5;
  }

  /* Remove background colors */
  .lotte-section,
  .lotte-section--gradient-soft,
  .lotte-section--white,
  .lotte-section--alt {
    background: #fff !important;
    color: #000 !important;
    padding: 0.5cm 0 !important;
  }

  /* Show URLs after links */
  a[href]:not([href^="#"]):not([href^="tel:"]):not([href^="mailto:"])::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #666;
    word-break: break-all;
  }

  /* Force accordions open */
  details[open],
  details {
    display: block !important;
  }
  details > summary {
    list-style: none;
  }
  .lotte-accordion__content {
    display: block !important;
    max-height: none !important;
  }

  /* Image constraints */
  img {
    max-width: 50% !important;
    height: auto !important;
  }

  /* Page break control */
  h1, h2, h3 {
    page-break-after: avoid;
  }
  table, figure, .lotte-info-box {
    page-break-inside: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }

  /* Footer: show contact info, hide decorative elements */
  .lotte-footer {
    background: #fff !important;
    color: #000 !important;
    border-top: 1px solid #ccc;
    padding: 0.5cm 0 !important;
  }
  .lotte-footer a {
    color: #000 !important;
    text-decoration: none !important;
  }

  /* Container: use full width */
  .container {
    max-width: 100% !important;
    padding: 0 !important;
  }
}

}
