/* ============================================================
   WBC PRINT STYLESHEET
   Clean A4 layout for Team Sheets & Availability Summaries
   ============================================================ */

/* ------------------------------------------------------------
   1. GLOBAL RESET FOR PRINT
   ------------------------------------------------------------ */
@media print {

    /* Remove browser default margins */
    @page {
        size: A4 portrait;
        margin: 10mm;
    }

    /* Reset everything */
    * {
        background: none !important;
        box-shadow: none !important;
    }

    body {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11pt;
        line-height: 1.3;
        color: #000;
    }

    /* --------------------------------------------------------
       2. REMOVE SITE CHROME (header, footer, menus, logos)
       -------------------------------------------------------- */
    header,
    footer,
    .site-header,
    .site-footer,
    .elementor-location-header,
    .elementor-location-footer,
    nav,
    .main-navigation,
    .menu,
    .logo,
    .custom-logo,
    .site-branding {
        display: none !important;
        visibility: hidden !important;
    }

    /* Elementor containers that force spacing */
    .elementor-section,
    .elementor-container,
    .elementor-column,
    .elementor-widget-wrap {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* --------------------------------------------------------
       3. PAGE CONTAINER FOR PRINT CONTENT
       -------------------------------------------------------- */
    .wbc-print-area {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* --------------------------------------------------------
       4. HEADINGS
       -------------------------------------------------------- */
    h1, h2, h3 {
        margin: 0 0 6px 0;
        padding: 0;
        font-weight: 700;
        color: #000;
    }

    h1 { font-size: 18pt; }
    h2 { font-size: 14pt; }
    h3 { font-size: 12pt; }

    /* --------------------------------------------------------
       5. TABLES (Team Sheet / Availability Summary)
       -------------------------------------------------------- */
    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10mm;
        font-size: 10pt;
    }

    th, td {
        border: 1px solid #000;
        padding: 4px 6px;
        text-align: left;
    }

    th {
        background: #eee !important;
        font-weight: 700;
    }

    /* Prevent row splitting across pages */
    tr {
        page-break-inside: avoid;
    }

    /* --------------------------------------------------------
       6. OPTIONAL: RESERVES BLOCK
       -------------------------------------------------------- */
    .wbc-reserves {
        margin-top: 8mm;
        font-size: 10pt;
    }

    .wbc-reserves h3 {
        margin-bottom: 3mm;
    }

    /* --------------------------------------------------------
       7. HIDE BUTTONS, LINKS, UI ELEMENTS
       -------------------------------------------------------- */
    a,
    button,
    .button,
    .elementor-button,
    .wbc-action-buttons,
    .no-print {
        display: none !important;
    }

    /* --------------------------------------------------------
       8. FORCE BLACK TEXT FOR RELIABILITY
       -------------------------------------------------------- */
    .text-green,
    .text-red,
    .text-blue,
    .available,
    .not-available,
    .maybe {
        color: #000 !important;
    }
}