/* Device / term shortcode front-end output */

.mr-device-services {
	--mr-services-stripe: #F3F2DF;
	--mr-services-surface: #ffffff;
	--mr-services-badge: var(--wp--preset--color--secondary, #8cc63e);
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--primary-border);
	border-radius: 12px;
	background: var(--mr-services-surface);
}
.mr-device-services {
	border: 1px solid var(--mr-services-stripe);
}

.mr-device-services__item {
	background: var(--mr-services-surface);
}

.mr-device-services__item:nth-child(odd) {
	background: var(--mr-services-stripe);
}

.mr-device-services__summary {
	display: block;
	list-style: none;
	cursor: pointer;
}

.mr-device-services__summary::-webkit-details-marker {
	display: none;
}

.mr-device-services__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.1rem 1.35rem;
}

.mr-device-services__lead {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.55rem 0.75rem;
	min-width: 0;
}

.mr-device-services__title {
	margin: 0;
	font-weight: 700;
	line-height: 1.3;
	font-size: var(--wp--preset--font-size--medium);
}

.mr-device-services__badge {
	display: inline-block;
	padding: 0.2rem 0.55rem;
	border-radius: 4px;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
	color: #fff;
	background: var(--mr-services-badge);
}

.mr-device-services__trail {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	flex-shrink: 0;
}

.mr-device-services__price {
	font-size: 16px;
	margin: 0;
	white-space: nowrap;
}
.mr-device-services__price-amount {
	font-weight: 600;
}

.mr-device-services__chevron {
	display: inline-block;
	width: 0.55rem;
	height: 0.55rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
	opacity: 0.75;
}

.mr-device-services__item[open] > .mr-device-services__summary .mr-device-services__chevron {
	transform: rotate(-135deg);
	margin-top: 0.25rem;
}

.mr-device-services__description {
	padding: 0 1.35rem 1.15rem;
}

.mr-device-services__description > *:first-child {
	margin-top: 0;
}

.mr-device-services__description > *:last-child {
	margin-bottom: 0;
}

.mr-device-faqs__item {
	border: 1px solid var(--wp--preset--color--primary-border);
	border-radius: 8px;
	overflow: hidden;
}

.mr-device-faqs .mr-device-faqs__item + .mr-device-faqs__item {
	margin-top: 0.75rem;
}

.mr-device-faqs__question {
	padding: 15px 50px 15px 20px;
	cursor: pointer;
	list-style: none;
	background-color: var(--wp--preset--color--secondary-background);
	position: relative;
}

.mr-device-faqs__question::after {
	content: '\F64D';
	font-family: 'bootstrap-icons';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	font-weight: 500;
}
.mr-device-faqs__item[open="open"] .mr-device-faqs__question {
	border-bottom: 1px solid var(--wp--preset--color--primary-border);
	font-weight: 600;
}
.mr-device-faqs__item[open="open"] .mr-device-faqs__question::after {
	content: '\F63B';
}

.mr-device-faqs__question::-webkit-details-marker {
	display: none;
}

.mr-device-faqs__answer {
	padding: 15px 20px;
}
