/* =============================================================================
   Badge Layout: Zebra ZC10L — PVC Card 3.5" × 5.5"
   layout code:  badge_3.5x5.5_pvc
   Badge stock:  3.5in × 5.5in PVC card (CR80 portrait equivalent)
   Used for:     Axonius NYC (April 2026), single-sided events

   Print behavior:
     Single-sided only. Set duplex=0 on the template — the badge_back section
     will not render at all. @page size (3.5in × 5.5in) is injected dynamically
     by print/+page.svelte <svelte:head> based on the layout field.

   CSS scope:
     All rules scoped under [data-layout="badge_3.5x5.5_pvc"] to avoid conflicts.
     These override the hardcoded Tailwind utility classes on the badge sections.
   ============================================================================= */

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

[data-layout='badge_3.5x5.5_pvc'] .badge_front {
    min-width: 3.5in;
    width: 3.5in;
    min-height: 5.5in;
    max-height: 5.5in;

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

/* Outer wrapper: remove the generic 4×6 fanfold defaults so the blue dashed
   outline hugs the card tightly. The badge_front CSS above supplies the exact
   3.5×5.5in size; wrapper just needs to fit it with no extra space. */
[data-layout='badge_3.5x5.5_pvc'].event_badge_wrapper {
    padding: 0;
    gap: 0;
    min-height: 0;
    min-width: 3.5in;
    width: 3.5in;
    max-width: 3.5in;
}

@media print {
    [data-layout='badge_3.5x5.5_pvc'].event_badge_wrapper {
        width: 3.5in !important;
        height: 5.5in !important;
        max-width: 3.5in !important;
        max-height: 5.5in !important;
        /* Allow visible: the bleed div inside badge_front extends past the card
           boundary intentionally. The Zebra driver clips at the physical card edge. */
        overflow: visible !important;
    }
}
