/* =============================================================================
   Badge Layout: Epson ColorWorks C3500/C4000 / ExpoBadge 4" × 5" Fanfold (Duplex)
   layout code:  badge_4x5_fanfold
   Badge stock:  4in wide × 5in per side, double-sided, continuous fanfold
   Used for:     ISHLT, general conference use, preferred demo layout

   Print behavior:
     Front (5") and back (5") render stacked on screen. When printed, the browser
     sends a 4" × 10" strip to the Epson ColorWorks driver. @page size is injected
     dynamically by print/+page.svelte <svelte:head> based on the layout field.

   CSS scope:
     All rules scoped under [data-layout="badge_4x5_fanfold"] to avoid conflicts
     with other layouts rendered on the same page. These override the Tailwind
     utility classes (w-[4in], min-h-[6.0in], etc.) that are hardcoded on the
     badge sections — attribute + class selectors win over single class selectors.
   ============================================================================= */

/* --- Badge front --- */

[data-layout='badge_4x5_fanfold'] .badge_front {
    width: 4in;
    min-height: 5in;
    max-height: 5in;

    /* debug */
    /* outline: thick solid orange; */
}

/* Body area: 5in total − ~1in header − ~0.5in footer = ~3.5in for content */
[data-layout='badge_4x5_fanfold'] .badge_body {
    max-height: 3.5in;
}

/* --- Badge back --- */

[data-layout='badge_4x5_fanfold'] .badge_back {
    width: 4in;
    min-height: 5in;
    max-height: 5in;
}

[data-layout='badge_4x5_fanfold'] .badge_back_content {
    max-height: 4.5in;
}
