/* QALIBRE — legal.css
   Extra styles for the 8 legal pages only (privacy, cookies, terms, accessibility; RO + EN).
   Loaded after site.css, which already holds the shared .legal-* rules.
   1. Reading width
   2. Identification block and multi-line paragraphs
   3. Print
*/

/* 1. Reading width: 36rem = about 70-75 characters per line in Inter 16px
   (the header and footer keep the site's full width) */
.legal-body{max-width:36rem}
.legal-body h1{overflow-wrap:break-word}
.legal-body a{overflow-wrap:anywhere}

/* 2. Company identification block at the end of each page */
.legal-lines{line-height:1.75}
.legal-company{margin-top:48px;padding:20px 22px;border-left:4px solid var(--q-copper);background:rgba(255,253,248,.72);font-size:.92rem;color:var(--q-text-muted)}
.legal-company p{margin:0 0 .6em}
.legal-company p:last-child{margin-bottom:0}
.legal-company a{color:var(--q-copper-deep)}

/* 3. Print: text only, black on white, no navigation */
@media print{
  @page{margin:18mm 16mm}
  .skip-link,.site-header,.menu-toggle,.legal-nav,.toast,footer{display:none!important}
  html,body{background:#fff!important;color:#000!important}
  body{font-size:11pt;line-height:1.5}
  .legal{padding:0!important;background:#fff!important}
  .legal-body{width:auto!important;max-width:none!important;margin:0!important}
  .legal-body h1,.legal-body h2,.legal-body h3,.legal-body p,.legal-body li,.legal-updated,.eyebrow{color:#000!important}
  .legal-body h2,.legal-body h3{break-after:avoid;page-break-after:avoid}
  .legal-body p,.legal-body li{orphans:3;widows:3}
  .legal-body a{color:#000!important;text-decoration:underline}
  .legal-body a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em;overflow-wrap:anywhere}
  .legal-company{background:none!important;border-left:2px solid #000;color:#000!important;break-inside:avoid}
}