/**
 * =======================================================================
 * 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)
	========================================= */
 .pr-repo .pr-feed .pr-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) {
	 .pr-repo .pr-feed .pr-record-row {
		
		 justify-content: space-between;
	 }
 }
 
 .pr-repo .pr-feed .pr-record-row:hover {
	 background-color: #fdfaf9;
	 border-color: #ccc;
 }
 
 .pr-repo .pr-record-main {
	 flex: 1;
	 padding-right: 20px;
 }
 
 .pr-repo .pr-record-title {
	 margin: 0 0 4px 0;
	 font-size: 1.15rem;
	 font-weight: bold;
	 line-height: 1.3;
 }
 
 .pr-repo h1 {margin-top: 40px;}
 
 .pr-repo .pr-record-title a {
	 color: #333;
	 text-decoration: none;
	 transition: color 0.15s ease;
 }
 
 .pr-repo .pr-record-title a:hover {
	 color: #842c21;
 }
 
 .pr-repo .pr-record-date {
	 display: inline-block;
	 font-size: 0.75rem;
	 color: #777;
	 font-weight: bold;
	 text-transform: uppercase;
	 letter-spacing: 0.5px;
	 margin-bottom: 6px;
 }
 
 .pr-repo .pr-record-excerpt {
	 margin: 0;
	 font-size: 0.9rem;
	 color: #555;
	 line-height: 1.4;
 }
 
 /* Button Container */
 .pr-repo .pr-record-actions {
	 margin-top: 12px;
	 text-align: left;
 }
 
 @media (min-width: 768px) {
	 .pr-repo .pr-record-actions {
		 margin-top: 0;
		 text-align: right;
		 min-width: 120px; /* Prevents button from jumping when titles wrap */
	 }
 }
 
 .pr-repo .pr-record-actions .btn-sm {
	 padding: 6px 14px;
	 font-size: 0.85rem;
	 border-radius: 3px;
 }
/* =========================================
   2. DIRECTORY VIEW & DOCUMENT LISTS
   ========================================= */
.pr-repo .pr-documents {
	background: #fdfdfd;
	border: 1px solid #eaeaea;
	padding: 30px;
	border-radius: 6px;
}

.pr-repo .pr-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;
}

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

.pr-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;
}

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

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

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

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

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

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

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

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

.pr-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; }


/* =========================================
   5. STATUS BADGES & META TAGS
   ========================================= */
.pr-repo .pr-meta-tags {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.pr-repo .pr-record-date {
	margin-bottom: 0 !important; /* overrides previous spacing */
}

.pr-repo .pr-doc-count {
	font-size: 0.8rem;
	color: #666;
	font-weight: 500;
}

.pr-repo .pr-badge {
	display: inline-block;
	padding: 0 8px;
	border-radius: 3px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Specific Status Colors: The Good, The Waiting, and The Wall of Shame */

/* The Good (Green) */
.pr-repo .status-completed,
.pr-repo .status-complete { 
	background: #d4edda; 
	color: #155724; 
	border: 1px solid #c3e6cb; 
}

/* The Waiting (Gray) */
.pr-repo .status-pending { 
	background: #e2e3e5; 
	color: #383d41; 
	border: 1px solid #d6d8db; 
}

/* The Wall of Shame: Everything Else (Red) */
.pr-repo .status-incomplete,
.pr-repo .status-delinquent,
.pr-repo .status-constructive-denial,
.pr-repo .status-denial,
.pr-repo .status-non-compliant { 
	background: #f8d7da; 
	color: #721c24; 
	border: 1px solid #f5c6cb; 
}