/*
 * DungarpurCity Trains v1.0.8 mobile overrides.
 * This uniquely named file also prevents Android WebView from reusing an old
 * cached copy of frontend.css.
 */

.dct-station-options {
	color: #111827 !important;
	background: #fff !important;
}

.dct-station-option,
.dct-station-option:visited {
	min-height: 48px;
	padding: 10px 6px !important;
	color: #111827 !important;
	-webkit-text-fill-color: #111827;
	background: #fff !important;
}

.dct-station-option:hover,
.dct-station-option:focus,
.dct-station-option:active {
	color: #111827 !important;
	-webkit-text-fill-color: #111827;
	background: #f2f7ff !important;
}

.dct-station-option strong {
	color: #111827 !important;
	-webkit-text-fill-color: #111827;
}

.dct-station-option small {
	color: #667085 !important;
	-webkit-text-fill-color: #667085;
}

.dct-station-option > span:last-child {
	color: #1267e9 !important;
	-webkit-text-fill-color: #1267e9;
}

.dct-sheet-search input {
	color: #111827 !important;
	-webkit-text-fill-color: #111827;
}

@media (max-width: 620px) {
	.dct-ui {
		padding: 8px 6px 118px;
	}

	.dct-ui .section {
		margin: 15px 0;
	}

	.dct-ui .train-search-panel {
		padding: 9px;
		border-radius: 16px;
	}

	.dct-ui .train-search-fields {
		gap: 7px;
	}

	.dct-ui .station-field {
		min-height: 58px;
		padding: 7px 8px;
		gap: 7px;
		border-radius: 14px;
	}

	.dct-ui .field-icon {
		width: 36px;
		height: 36px;
	}

	.dct-ui .search-btn {
		min-height: 48px;
		margin-top: 8px;
		padding: 8px 14px;
		border-radius: 14px;
		font-size: 17px;
	}

	.dct-ui .route-grid {
		gap: 7px;
	}

	.dct-ui .route-grid .route-card {
		min-height: 70px;
		padding: 7px;
		border-radius: 14px;
	}

	.dct-ui .route-grid .route-icon {
		width: 34px;
		height: 34px;
	}

	.dct-ui .route-copy b {
		font-size: 11px;
		line-height: 1.2;
	}

	.dct-ui .route-copy small {
		font-size: 11px;
	}

	.dct-ui .station-card {
		grid-template-columns: 90px 1fr;
		gap: 8px;
		padding: 9px;
		margin: 16px 0;
		border-radius: 16px;
	}

	.dct-ui .station-img {
		height: 100px;
		border-radius: 12px;
	}

	.dct-ui .station-btn {
		min-height: 44px;
	}

	.dct-ui .category-grid {
		gap: 8px;
	}

	.dct-ui .category-card {
		flex-basis: 126px;
		min-height: 110px;
		padding: 10px 7px;
		border-radius: 15px;
	}

	.dct-ui .category-card img {
		width: 38px;
		height: 38px;
		margin-bottom: 7px;
		padding: 7px;
	}

	.dct-ui .category-card h3 {
		font-size: 14px;
		line-height: 1.2;
	}

	.dct-ui .category-card p {
		margin-top: 4px;
		font-size: 12px;
	}

	.dct-ui .updated-card {
		min-height: 72px;
		padding: 8px;
	}

	.dct-ui .summary-card,
	.dct-ui .stats-card {
		padding-block: 7px;
		border-radius: 16px;
	}

	.dct-ui .route-heading-block {
		margin: 20px 0 14px;
	}

	.dct-ui .route-heading-block h1 {
		font-size: clamp(26px, 7.3vw, 30px);
		line-height: 1.15;
	}

	.dct-ui .route-heading-block p {
		font-size: 14px;
	}

	.dct-ui .filter-pill {
		min-width: 112px;
		min-height: 44px;
		padding: 7px 14px;
		font-size: 14px;
	}

	.dct-ui .train-table {
		gap: 10px;
	}

	.dct-ui.route-page .train-card {
		padding: 11px;
		border-radius: 16px;
	}

	.dct-ui .train-card-top {
		padding-bottom: 10px;
	}

	.dct-ui .train-card-details {
		padding: 10px 0;
	}

	.dct-ui .train-card-days {
		padding-top: 9px;
	}
}

@media (max-width: 420px) {
	.dct-ui .station-field {
		min-height: 56px;
	}

	.dct-ui .route-grid .route-card {
		min-height: 68px;
	}

	.dct-ui .station-card {
		grid-template-columns: 86px 1fr;
	}

	.dct-ui .station-img {
		height: 94px;
	}

	.dct-ui .category-card {
		min-height: 108px;
	}
}