/* ==========================================================================
   LILY PAD VACATION RENTALS — PLEXIGLASS STAND PRINTOUTS DESIGN SYSTEM
   Pixel-perfect 8.5in x 11in (US Letter) double-sided print specifications
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Cinzel:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');

:root {
  --font-main: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-script: 'Caveat', cursive;
  --font-luxury: 'Cinzel', serif;
  --font-heading: 'Outfit', sans-serif;

  --color-green-dark: #1E3F20;
  --color-green-primary: #2D5A27;
  --color-green-olive: #4E7C32;
  --color-green-sage: #E8F0E4;
  --color-green-sage-border: #C8DEC1;
  --color-green-soft: #F1F6EE;

  --color-navy-dark: #152C4D;
  --color-teal-accent: #008779;
  --color-lime-accent: #7CB342;

  --color-gold-deep: #997324;
  --color-gold-primary: #C59B27;
  --color-gold-light: #F4E7B8;

  --color-plum-deep: #481E66;
  --color-plum-primary: #69328E;
  --color-plum-soft: #F6EFFB;
  --color-plum-border: #D8C3E8;

  --color-red-warning: #D32F2F;
  --color-red-soft: #FFEBEE;
  --color-amber-warning: #E65100;
  --color-amber-soft: #FFF3E0;

  --color-bg-paper: #FAF8F3;
  --color-bg-card: #FFFFFF;
  --color-text-dark: #1F241E;
  --color-text-muted: #576153;
  --color-border-card: #E5E2D8;
}

/* Base sheet styling */
.print-sheet {
  width: 8.5in;
  height: 11in;
  max-width: 8.5in;
  max-height: 11in;
  margin: 0 auto 30px auto;
  background-color: var(--color-bg-paper);
  background-image: 
    radial-gradient(var(--color-green-sage) 0.5px, transparent 0.5px),
    radial-gradient(var(--color-bg-paper) 0.5px, var(--color-bg-paper) 0.5px);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  position: relative;
  box-sizing: border-box;
  padding: 0.38in 0.42in 0.32in 0.42in;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 4px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
  page-break-after: always;
  page-break-inside: avoid;
  overflow: hidden;
  font-family: var(--font-main);
  color: var(--color-text-dark);
}

/* Subtle decorative border inside the sheet */
.sheet-inner-border {
  position: absolute;
  top: 0.18in;
  left: 0.18in;
  right: 0.18in;
  bottom: 0.18in;
  border: 1px solid rgba(45, 90, 39, 0.15);
  border-radius: 6px;
  pointer-events: none;
}

/* Corner ornaments */
.corner-ornament {
  position: absolute;
  width: 14px;
  height: 14px;
  border-color: rgba(45, 90, 39, 0.35);
  pointer-events: none;
}
.corner-tl { top: 0.22in; left: 0.22in; border-top: 2px solid; border-left: 2px solid; }
.corner-tr { top: 0.22in; right: 0.22in; border-top: 2px solid; border-right: 2px solid; }
.corner-bl { bottom: 0.22in; left: 0.22in; border-bottom: 2px solid; border-left: 2px solid; }
.corner-br { bottom: 0.22in; right: 0.22in; border-bottom: 2px solid; border-right: 2px solid; }

/* Print media query - forces exact 8.5 x 11 and cleans up UI */
@page {
  size: letter portrait;
  margin: 0;
}

@media print {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .no-print, .print-ui-bar, .screen-controls {
    display: none !important;
  }

  .print-sheet {
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    page-break-after: always !important;
    page-break-inside: avoid !important;
    break-after: page !important;
  }
}