/**
 * Prislistesidan ([kamera_prislista]). Neutral grundstil - sidan kan
 * ligga i vilket tema som helst, och temat kameradok lägger sin egen
 * färgsättning ovanpå i design.css.
 */

.rit-price-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.rit-price-search {
	flex: 1 1 240px;
	min-width: 200px;
	padding: 7px 10px;
	font-size: 14px;
}

.rit-price-toolbar select {
	padding: 7px 10px;
	font-size: 14px;
}

.rit-price-only-own {
	font-size: 14px;
	white-space: nowrap;
}

.rit-price-count {
	font-size: 13px;
	color: #5B6B7A;
	margin-left: auto;
}

.rit-price-hint {
	font-size: 13px;
	color: #5B6B7A;
	margin: 0 0 14px;
}

.rit-price-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

/* Telefon: tabellen rullas i sig själv i stället för att hela sidan
 * blir vågrätt rullbar. */
@media screen and ( max-width: 700px ) {
	.rit-price-table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

.rit-price-table th {
	text-align: left;
	padding: 8px 10px;
	border-bottom: 2px solid rgba(18, 24, 31, 0.15);
	font-size: 13px;
	white-space: nowrap;
}

.rit-price-table td {
	padding: 6px 10px;
	border-bottom: 1px solid rgba(18, 24, 31, 0.08);
	vertical-align: middle;
}

.rit-price-table tr[hidden] {
	display: none;
}

.rit-price-brand {
	color: #5B6B7A;
	white-space: nowrap;
}

.rit-price-model {
	font-weight: 600;
}

.rit-price-fav {
	color: #e6a700;
	margin-left: 4px;
}

.rit-price-list-value {
	color: #5B6B7A;
	white-space: nowrap;
	text-align: right;
}

.rit-price-input {
	width: 110px;
	padding: 4px 8px;
	font-size: 14px;
	text-align: right;
}

.rit-price-diff {
	white-space: nowrap;
	font-size: 13px;
	text-align: right;
	color: #5B6B7A;
}

/* Rabatt är det normala; ett pris över listpriset är ovanligt nog att
 * märkas ut, eftersom det oftast är en felskrivning. */
.rit-price-diff.is-discount { color: #1a7f37; }
.rit-price-diff.is-markup { color: #b3261e; font-weight: 600; }

/* Sparknappen följer med vid rullning - i en lista på hundratals rader
 * ska man aldrig behöva scrolla till botten för att spara. */
.rit-price-actions {
	position: sticky;
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 0;
	margin-top: 8px;
	background: #fff;
	border-top: 1px solid rgba(18, 24, 31, 0.12);
}

.rit-price-status { font-size: 13px; }
.rit-price-status.is-ok { color: #1a7f37; }
.rit-price-status.is-error { color: #b3261e; }

@media (max-width: 640px) {
	.rit-price-brand { display: none; }
	.rit-price-count { margin-left: 0; }
}

/* Favoritsektionen: egen hopfällbar grupp överst, med guldkant så den
 * skiljer sig från huvudlistan. Modellerna finns kvar i huvudtabellen
 * också – ett pris som ändras på ett ställe speglas till det andra. */
.rit-price-favourites {
	border: 1px solid #e6a700;
	border-radius: 6px;
	margin-bottom: 18px;
	background: #fffdf7;
}

.rit-price-favourites > summary {
	padding: 10px 14px;
	font-weight: 700;
	color: #8a6d00;
	cursor: pointer;
	list-style: none;
}

.rit-price-favourites > summary::-webkit-details-marker {
	display: none;
}

.rit-price-favourites > summary::before {
	content: "\25B6";
	font-size: 10px;
	margin-right: 8px;
}

.rit-price-favourites[open] > summary::before {
	content: "\25BC";
}

.rit-price-favourites .rit-price-table {
	padding: 0 14px 12px;
	width: calc(100% - 28px);
}

/* Listhantering och klickbar favoritstjärna i prislistan. */
.rit-price-list-pick { display: inline-flex; align-items: center; gap: 6px; }
.rit-price-list-pick select { max-width: 220px; }
.rit-price-list-all { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; }
.rit-price-fav {
	background: none;
	border: 0;
	padding: 0 4px;
	font-size: 15px;
	line-height: 1;
	color: #c3c4c7;
	cursor: pointer;
}
.rit-price-fav.is-favourite { color: #e6a700; }
.rit-price-fav:hover { color: #e6a700; }
.rit-price-listbox { margin-right: 4px; transform: scale( 1.15 ); }

/* 3.093: utan listpriser i katalogen döljs Listpris- och Skillnad-kolumnerna. */
.rit-price-utan-listpris .rit-price-table th:nth-child(3),
.rit-price-utan-listpris .rit-price-table th:nth-child(5),
.rit-price-utan-listpris .rit-price-table td:nth-child(3),
.rit-price-utan-listpris .rit-price-table td:nth-child(5) { display: none; }