/**
 * App Context Detector utilities.
 */

html.ibp-is-app .ibp-download-app,
html.ibp-is-app .ibp-browser-only {
	display: none !important;
}

html:not(.ibp-is-app) .ibp-app-only {
	display: none !important;
}

html.ibp-device-android .ibp-ios-only,
html.ibp-app-android .ibp-ios-only {
	display: none !important;
}

html.ibp-device-ios .ibp-android-only,
html.ibp-app-ios .ibp-android-only {
	display: none !important;
}

.ibp-app-context-debug {
	border: 1px solid #e1e6ee;
	border-radius: 12px;
	padding: 18px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(31, 51, 74, 0.06);
}

.ibp-app-context-debug table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.ibp-app-context-debug th,
.ibp-app-context-debug td {
	padding: 9px 10px;
	border-bottom: 1px solid #edf1f6;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.45;
	word-break: break-word;
}

.ibp-app-context-debug th {
	width: 220px;
	color: #2c3340;
	font-weight: 700;
}

.ibp-app-context-debug tr:last-child th,
.ibp-app-context-debug tr:last-child td {
	border-bottom: 0;
}

@media (max-width: 767px) {
	.ibp-app-context-debug th,
	.ibp-app-context-debug td {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.ibp-app-context-debug th {
		padding-bottom: 2px;
	}
}