/**
 * =======================================================================
 * SILVERFOX ENGINE: FOIA REPOSITORY STYLESHEET
 * Path: /slfx_extensions/foia_respository/css/foia.css
 * Description: Dedicated styling for the Public Records extension.
 * =======================================================================
 */

/* =========================================
	1. LANDING PAGE FEED (DATA-DENSE LIST)
	========================================= */
 .foia-repo .foia-feed .foia-record-row {
	 background: #fff;
	 border: 1px solid #e0e0e0;
	 border-left: 4px solid #842c21; /* Brand Red indicator */
	 padding: 15px 20px;
	 margin-bottom: 12px;
	 display: flex;
	 flex-direction: column;
	 transition: background-color 0.15s ease, border-color 0.15s ease;
 }
 
 /* On Desktop: Align button to the right, text to the left */
 @media (min-width: 768px) {
	 .foia-repo .foia-feed .foia-record-row {
		 flex-direction: row;
		 align-items: center;
		 justify-content: space-between;
	 }
 }
 
 .foia-repo .foia-feed .foia-record-row:hover {
	 background-color: #fdfaf9;
	 border-color: #ccc;
 }
 
 .foia-repo .foia-record-main {
	 flex: 1;
	 padding-right: 20px;
 }
 
 .foia-repo .foia-record-title {
	 margin: 0 0 4px 0;
	 font-size: 1.15rem;
	 font-weight: bold;
	 line-height: 1.3;
 }
 
 .foia-repo .foia-record-title a {
	 color: #333;
	 text-decoration: none;
	 transition: color 0.15s ease;
 }
 
 .foia-repo .foia-record-title a:hover {
	 color: #842c21;
 }
 
 .foia-repo .foia-record-date {
	 display: inline-block;
	 font-size: 0.75rem;
	 color: #777;
	 font-weight: bold;
	 text-transform: uppercase;
	 letter-spacing: 0.5px;
	 margin-bottom: 6px;
 }
 
 .foia-repo .foia-record-excerpt {
	 margin: 0;
	 font-size: 0.9rem;
	 color: #555;
	 line-height: 1.4;
 }
 
 /* Button Container */
 .foia-repo .foia-record-actions {
	 margin-top: 12px;
	 text-align: left;
 }
 
 @media (min-width: 768px) {
	 .foia-repo .foia-record-actions {
		 margin-top: 0;
		 text-align: right;
		 min-width: 120px; /* Prevents button from jumping when titles wrap */
	 }
 }
 
 .foia-repo .foia-record-actions .btn-sm {
	 padding: 6px 14px;
	 font-size: 0.85rem;
	 border-radius: 3px;
 }
/* =========================================
   2. DIRECTORY VIEW & DOCUMENT LISTS
   ========================================= */
.foia-repo .foia-documents {
	background: #fdfdfd;
	border: 1px solid #eaeaea;
	padding: 30px;
	border-radius: 6px;
}

.foia-repo .foia-documents .subhead {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #333 !important; /* Overrides global subhead red for documents */
	font-size: 1.3rem;
}

.foia-repo ul.transport-list {
	margin-bottom: 40px;
}

.foia-repo ul.transport-list li {
	background: #fff;
	border: 1px solid #f0f0f0;
	padding: 12px 15px;
	border-radius: 4px;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	transition: background-color 0.2s ease;
}

.foia-repo ul.transport-list li:hover {
	background: #f9f9f9;
}

.foia-repo ul.transport-list li a {
	color: #2c3e50;
	text-decoration: none;
	font-weight: 500;
	margin-left: 10px;
	word-break: break-all;
}

.foia-repo ul.transport-list li a:hover {
	color: #842c21;
	text-decoration: underline;
}

/* =========================================
   3. SCANNED IMAGES GRID
   ========================================= */
.foia-repo .foia-documents .news-img-border {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 3px;
	background: #fff;
	transition: border-color 0.2s ease;
}

.foia-repo .foia-documents a:hover .news-img-border {
	border-color: #842c21;
}

.foia-repo .foia-documents .news-date-latest.text-center {
	font-size: 0.8rem;
	color: #777;
	margin-top: 8px;
}

/* =========================================
   4. METADATA & BUTTONS
   ========================================= */
.foia-repo .breadcrumbs {
	font-weight: bold;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.foia-repo .form-actions .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.foia-repo .factbox {
	text-align: center;
	padding: 40px 20px;
	background: #fdfaf9;
	border: 2px dashed #e0c8c5;
	border-left: none; /* Override global factbox */
	color: #666;
	font-weight: normal;
}


.padding-20 { padding: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }