/*** ============================================ ***/
/*** FACILITIES PAGE (DETENTION CENTER SELECTION) ***/
/*** ============================================ ***/



/*** FACILITIES PAGE OVERALL LAYOUT	***/
.entry-title {
	font-size: 1.75rem !important;
	margin-left: 0.5rem !important;
}

.facilities-page-top-row-layout > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0.15rem !important;
}

/*** MOBILE — STACK COLUMNS ***/
@media (max-width: 767px) {
    .facilities-page-top-row-layout > .kt-row-column-wrap {
        flex-direction: column !important;
        flex-wrap: unset !important;
        width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        overflow: visible !important;
    }
    .facilities-page-filters-col,
    .facilities-page-query-col {
        width: 100% !important;
        flex: unset !important;
        flex-shrink: unset !important;
        height: auto !important;
        min-height: unset !important;
        overflow: visible !important;
    }
}
/*** END: MOBILE — STACK COLUMNS ***/


/*** ========================================== ***/
/*** FACILITIES PAGE LEFT COLUMN 'FILTERS' AREA ***/
/*** ========================================== ***/

/*** FILTERS - LEFT COLUMN ITSELF ***/

.facilities-page-filters-col {
	border-width: 1px; 
	border-color: #2D7979;
	width: 18rem !important;
	flex-shrink: 0 !important;
	flex-grow: 0 !important;
}
.facilities-page-query-col {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

.facilities-page-filters-col-main-row .kt-row-column-wrap {
	padding: 0rem !important;
	width: 18rem !important;
}

.facilities-page-filters-header-spacer {
	min-height: .79rem !important;
}

.opt-wrap .kt-inside-inner-col {
	font-size:0.75rem !important;
	font-weight:600 !important;
	margin-top: 0rem !important;
	margin-bottom: 1rem !important;
}

.opt-min-stories-wrap label,
.opt-min-adp-wrap label {
}

.opt-min-stories-wrap {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	
}

.opt-min-stories-wrap input{
	font-size: 1.25rem;
	max-width: 5rem;
	padding: .1rem .2rem;
}

.opt-min-adp-wrap {
	display: flex;
	gap: 1.75rem;
	align-items: center;
}

.opt-min-adp-wrap input{
	font-size: 1.25rem;
	max-width: 5rem;
	padding: .1rem .2rem;
}

.opt-name-search-wrap {
	display: block !important;
	gap: 0.4rem 1rem !important;
	overflow: hidden !important;
}
.opt-name-search-wrap label {
	white-space: nowrap !important;
}
.opt-name-search-wrap input {
	font-size: 1.00rem !important;
	white-space: nowrap !important;
	font-weight: normal !important;
	max-width: 12rem !important;
}
.opt-sortby-wrap {
	display: block !important;
	gap: 0.4rem 1rem !important;
	overflow: hidden !important;
}
.opt-sortby-wrap label {
	white-space: nowrap !important;
}

.opt-sortby-wrap select {
	font-size: 1.00rem !important;
	white-space: nowrap !important;
	font-weight: normal !important;
	max-width: 12rem !important;
}

/*** CHECKBOX GRID LAYOUTS ***/

.facilities-accordion {
	border-width: 1px !important;
	border-color: #2D7979 !important;
	width: 16rem !important;
}

/* State - 5 columns */
.opt-state {
    display: grid;
 	grid-template-columns: repeat(5, 1fr);
	gap: .5rem 0.5rem;
}

/* Gender - 2 columns */
.opt-gender {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem;
}

/* Facility Type - 1 columns */
.opt-facility-type {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.5rem;
}

/*** THIS PUTS THE SELECT-ALL CHECKBOX ABOVE THE GRID ON ALL ***/
/*** REMOVE THIS WILL PUT THE SELECT-ALL CHECKBOX AT THE TOP, BUT WITHIN THE GRIDS ***/
.filter-select-all-label {
    grid-column: 1 / -1;
}

/*** HOLDS THE COUNT OF FACILITIES ***/
.facilities-page-filters-footer {
	font-size:0.79rem !important;
	font-weight:500 !important;
}



/* =====================================================*/
/*** FACILITIES PAGE RIGHT COLUMN - CARDS AREA ***/
/* =====================================================*/

.facilities-cards-query-loop-wrap {
	width: 100% !important;
}
.facilities-cards-list {
	width: 100% !important;
}
.facilities-cards {
	width: 100% !important;
}

/*** SINGLE CARD — ROWS, NAME AND BADGES	***/

/*** KEEP THIS! IN EDITOR 100% MAX-WIDTH COMES OUT AS 100PX ***/
/*** APPARENT BUG ***/
.facilities-cards	{
	max-width: 100% !important;
}
/*** FLEX SETTINGS FOR CARD ROW ***/
.facilities-card-main-row .kt-row-column-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}
/*** DARKEN ROW BACKGROUND IF ICE NO LONGER SENDING DATA ***/
.facilities-card-main-row.is-dropped { 
	background-color: rgba(0,0,0,.2) !important; 
}
/*** END: DARKEN ROW BACKGROUND ***/
/* Name — grows, wraps when spacer hits zero */
.facilities-card-name-wrap {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
    min-width: 0 !important;
}
/* Spacer — absorbs middle space, compresses to zero */
.facilities-card-spacer {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 1rem !important;
    min-width: 1rem !important;
    overflow: hidden !important;
}
/* Fixed badge cols — match header exactly */
.facilities-card-badge-story-count-wrap {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 4rem !important;
    width: 4rem !important;
}
.facilities-card-badge-adp-wrap {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 4rem !important;
    width: 4rem !important;
}
.facilities-card-badge-gender-wrap {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 6rem !important;
    width: 6rem !important;
}
/*** SINGLE CARD — HIDDEN META BLOCKS ***/
.facility-meta-story-count,
.facility-meta-state,
.facility-meta-adp,
.facility-meta-facility-type,
.facility-meta-gender,
.facility-meta-url,
.facility-meta-dropped {
	display: none;
}
/*** END: FLEX SETTINGS FOR CARD ROW ***/


/*** FLEX SETTINGS FOR CARDS HEADER ROW ***/
.card-list-header-container {
	max-width: 100% !important;
}
@media (max-width: 767px) {
	.card-list-header-container {
		flex: 0 1 1rem !important;
	}
}

.card-list-header-wrap	{
	max-width: 100% !important;
}
.card-list-header .kt-row-column-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

/* Name — grows, wraps when spacer hits zero */
.card-list-header-name-wrap {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
    min-width: 0 !important;
}
/* Spacer — absorbs middle space, compresses to zero */
.card-list-header-spacer-wrap {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 1rem !important;
    min-width: 1rem !important;
    overflow: hidden !important;
}
/* Fixed badge cols — match header exactly */
.card-list-header-stories-wrap {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 4rem !important;
    width: 4rem !important;
    position: relative !important;
}
.card-list-header-adp-wrap {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 4rem !important;
    width: 4rem !important;
    position: relative !important;
}
.card-list-header-gender-wrap {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 6rem !important;
    width: 6rem !important;
}

/*** FOR HOVER TOOLTIP TO SHOW TOTAL ***/
.card-list-header-stories-wrap::after,
.card-list-header-adp-wrap::after {
    content: attr(data-total);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
    padding: 0.3rem 0.7rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

.card-list-header-stories-wrap:hover::after,
.card-list-header-adp-wrap:hover::after {
    opacity: 1;
}
.card-list-header-total-adp {
	display: inline-flex !important;
	font-size: .69rem !important;
	font-weight: 400 !important;
	white-space: nowrap !important;
	color: #000000 !important;
}

/*** END CARD HEADER ROW CONFIG ***/
/*** END: FLEX SETTINGS FOR CARDS HEADER ROW ***/