/* BOEInfo Printable Version Styles */
/* Placeholder styles - will be populated in Phase 8 */

.boeinfo-printable-container {
    /* Print container styles will be added */
}

.boeinfo-county-list {
    /* County list styles will be added */
}

/* Print-specific media queries will be added in Phase 8 */
@media print {
    /* Print styles will be added */
}

/* BOEInfo PrintableVersion Page Styles - Matching Legacy Infragistics igGrid */

.ibox {
    clear: both;
    margin: 0; /* remove extra outer margins */
    padding: 0;
}

.ibox.float-e-margins {
    margin: 20px;
}

.ibox-title {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-style: solid solid none;
    border-width: 3px 0 0;
    margin: 0; /* remove bottom spacing */
    padding: 8px 10px 4px 10px; /* tighter like legacy */
    min-height: 32px; /* reduced height */
}

.ibox-title h5 {
    font-size: 13px;
    margin: 0;
    font-weight: 600;
}

.ibox-content {
    background-color: #ffffff;
    padding: 5px 5px 5px 5px !important; /* tighter padding */
    border-color: #e7eaec;
    border-style: solid solid none;
    border-width: 1px 0;
    margin: 0;
    box-sizing: border-box !important; /* include borders in box size */
    overflow-x: hidden !important;     /* strict containment */
}

/* Ensure a single source of spacing: 20px external margin around the grid */
#gridBOEInfo {
    margin: 15px !important;
    box-sizing: border-box !important;
    width: calc(100% - 30px) !important; /* subtract left+right margins */
    max-width: calc(100% - 30px) !important;
}

/* Inner table(s): fixed layout, full width within grid */
#gridBOEInfo .k-grid table,
#gridBOEInfo .k-table { 
    table-layout: fixed !important; 
    width: 100% !important; 
}

/* Header & cells: allow wrapping and remove hard minimums to avoid overflow */
#gridBOEInfo th,
#gridBOEInfo td {
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    min-width: 0 !important;
}


/* Remove Kendo default scrollbar */
#gridBOEInfo .k-grid-header,
#gridBOEInfo .k-grid-content {
    overflow: visible !important;
}

/* Match legacy blue header background and center text */
#gridBOEInfo .k-grid-header th.k-header,
#gridBOEInfo .k-grid-header th.k-table-th,
#gridBOEInfo .k-table-thead th {
    background-color: #c4e2f7; /* Legacy Infragistics blue header */
    border-color: #e7eaec;
    color: black !important;
    font-weight: 600;
    font-size: 13px !important;
    padding: 2px 6px;
    vertical-align: middle;
    text-align: center !important;
    justify-content: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    line-height: 1.25 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

#gridBOEInfo .k-grid-header {
    padding-right: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

#gridBOEInfo .k-table-thead {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

#gridBOEInfo .k-grid-header tr,
#gridBOEInfo .k-table-thead tr {
    height: auto !important;
    min-height: 0 !important;
}

/* Header link/title styling */
#gridBOEInfo .k-grid-header th.k-header .k-link,
#gridBOEInfo .k-grid-header th.k-table-th .k-link,
#gridBOEInfo .k-table-thead th .k-link,
#gridBOEInfo .k-grid-header th.k-header .k-column-title,
#gridBOEInfo .k-grid-header th.k-table-th .k-column-title,
#gridBOEInfo .k-table-thead th .k-column-title {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
    text-align: center !important;
    color: black !important;
    text-decoration: none !important;
    cursor: default;
    pointer-events: none;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

#gridBOEInfo .k-grid-header th.k-header a {
    color: black !important;
    text-decoration: none !important;
    cursor: default;
    pointer-events: none;
}

/* Match legacy alternating row colors */
#gridBOEInfo tbody tr:nth-child(even) {
    background-color: #f3fafe; /* Legacy light blue alt row */
}

#gridBOEInfo tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Grid content cells */
#gridBOEInfo .k-grid-content {
    overflow-y: visible !important; /* No scrolling - show all rows */
}

#gridBOEInfo td {
    padding: 2px 6px; /* match legacy */
    border-color: #e7eaec;
    vertical-align: middle;
    color: black;
    text-align: center; /* force center to match legacy columnCssClass */
    font-size: 13px !important; /* match legacy data cell font size */
}

#gridBOEInfo .k-grid-content td { 
    font-size: 13px !important; 
}

#gridBOEInfo .text-center {
    text-align: center;
}

/* Match legacy link colors (blue, not green) - only for cell content links */
#gridBOEInfo td a {
    color: #0070C0; /* Legacy blue links */
    text-decoration: underline;
}

#gridBOEInfo td a:hover {
    color: #005a9e; /* Darker blue on hover */
}

/* Remove pager if it appears */
#gridBOEInfo .k-pager-wrap {
    display: none !important;
}

/* Neutralize left-align utility classes */
#gridBOEInfo .k-grid-header .k-text-start,
#gridBOEInfo .k-grid-header .k-align-start { 
    text-align: center !important; 
}

/* Percentage-based column widths for Printable Version grid (sum ≈ 100%) */
#gridBOEInfo .k-grid-header th:nth-child(2),
#gridBOEInfo .k-table-thead th:nth-child(2),
#gridBOEInfo .k-grid-content td:nth-child(2),
#gridBOEInfo .k-table-tbody td:nth-child(2) { width: 16% !important; } /* County unchanged */

#gridBOEInfo .k-grid-header th:nth-child(3),
#gridBOEInfo .k-table-thead th:nth-child(3),
#gridBOEInfo .k-grid-content td:nth-child(3),
#gridBOEInfo .k-table-tbody td:nth-child(3) { width: 15.25% !important; } /* Director +1% of 15.10% */

#gridBOEInfo .k-grid-header th:nth-child(4),
#gridBOEInfo .k-table-thead th:nth-child(4),
#gridBOEInfo .k-grid-content td:nth-child(4),
#gridBOEInfo .k-table-tbody td:nth-child(4) { width: 22.11% !important; } /* Mailing decreased by aggregate increase (~0.39%) */

#gridBOEInfo .k-grid-header th:nth-child(5),
#gridBOEInfo .k-table-thead th:nth-child(5),
#gridBOEInfo .k-grid-content td:nth-child(5),
#gridBOEInfo .k-table-tbody td:nth-child(5) { width: 23.83% !important; } /* Physical +1% of 23.59% */

#gridBOEInfo .k-grid-header th:nth-child(6),
#gridBOEInfo .k-table-thead th:nth-child(6),
#gridBOEInfo .k-grid-content td:nth-child(6),
#gridBOEInfo .k-table-tbody td:nth-child(6) { width: 22.81% !important; } /* Phone/Email increased by aggregate decrease */

/* Focus styling: highlight focused grid cells with a dark black border */
#gridBOEInfo td[tabindex="0"]:focus,
#gridBOEInfo td[tabindex="0"]:focus-visible,
#gridBOEInfo td:focus,
#gridBOEInfo td:focus-visible {
    outline: none; /* remove default outline to avoid double borders */
    border: 2px solid #000000 !important; /* dark black border tight to cell */
    box-shadow: none; /* prevent glow effects from themes */
}

/* Ensure header focus gets a clear outline too if headers are tabbable */
#gridBOEInfo thead th[tabindex="0"]:focus,
#gridBOEInfo thead th[tabindex="0"]:focus-visible {
    outline: none;
    border: 2px solid #000000 !important;
}

/* Print media styles */
@media print {
    .ibox {
        margin: 0;
    }

    .ibox-title,
    .ibox-content {
        border: none;
        padding: 0;
    }

    #gridBOEInfo {
        border: 1px solid #000;
    }

    #gridBOEInfo .k-grid-header th.k-header,
    #gridBOEInfo .k-grid-header th.k-table-th {
        background-color: #c4e2f7 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    #gridBOEInfo td a {
        color: #000;
        text-decoration: underline;
    }

    /* On print remove URLs next to links */
    a[href]:after {
        content: none !important;
    }
}


/* Hover feedback: highlight entire data row and show vertical dividers between cells */
#gridBOEInfo .k-grid tbody tr:hover td,
#gridBOEInfo .k-grid tbody tr:hover th,
#gridBOEInfo .k-table-tbody tr:hover td,
#gridBOEInfo .k-table-tbody tr:hover th {
    background-color: #f2f2f2 !important; /* light grey */
    transition: background-color 120ms ease-in-out;
}

/* Add vertical separators between hovered row cells */
#gridBOEInfo .k-grid tbody tr:hover td + td,
#gridBOEInfo .k-table-tbody tr:hover td + td {
    border-left: 1px solid #6b6b6b !important; /* subtle divider */
}

/* Ensure first cell also gets a clear left border on hover */
#gridBOEInfo .k-grid tbody tr:hover td:first-child,
#gridBOEInfo .k-table-tbody tr:hover td:first-child {
    border-left: 1px solid #6b6b6b !important;
}
