@import './fonts.scss';
@import './header-vars.scss';
@import './footer-vars.scss';

h1, h2, h3, h4, h5 { prince-bookmark-level: none };

@prince-pdf {
  prince-pdf-paper-tray: pick-tray-by-pdf-size;
  prince-pdf-duplex: duplex-flip-short-edge;
  prince-pdf-page-mode: show-bookmarks;
}

@page {
    background-color: white;
    size: letter landscape;
    prince-shrink-to-fit: auto;
  }
  
  $section-ids: 'cover' 'statement-summary' 'title-summary' 'advance-summary' 'unearned-balance-summary' 'subrights-summary' 'royalty-details' 'contract-summary' 'glossary';

  @each $id in $section-ids {
    @page #{$id} {
      @top { content: flow(#{$id}-header) }
      @bottom { content: flow(#{$id}-footer) }
      
      /* The redlines state 31.5px at a 72 dpi resolution, this achieves the closest parity to redlines --
     PrinceXML overrides the property for margin-left, margin-right with margin-inside / margin-outside 
     https://www.princexml.com/doc/css-props/#prop-margin-inside */
  
      margin-inside: $side-margin;
      margin-outside: $side-margin;
  
      @if $id == 'royalty-details' {
        @top {content: flow(#{$id}-subheader)}
        margin-top: 19%;
      } @else {
        margin-top: 17%;
      }
      
    }
  
    section##{$id} {
      page: #{$id};
      page-break-before: always;
      prince-page-group: start;
  
      .header {
        prince-flow: static(#{$id}-header);
      }
  
      .footer {
        prince-flow: static(#{$id}-footer, start);
      }
  
      .subheader {
        prince-flow: static(#{$id}-subheader);
      }
    }
  }