/* ==========================================================
   PIZZAPATRULLEN – BÄSTA BETYG
   ========================================================== */

.pizzapatrullen-basta-betyg {
	width: 100%;
	max-width: 1100px;
	margin: 30px auto 0;
	box-sizing: border-box;
}


/* ----------------------------------------------------------
   TOPP 3 – GEMENSAMT KORT
   ---------------------------------------------------------- */

.pizzapatrullen-basta-card {
	position: relative;
	display: grid;

	grid-template-columns:
		220px
		minmax(220px, 1fr)
		220px
		130px
		40px;

	align-items: center;
	gap: 20px;

	width: 100%;
	min-height: 170px;

	margin: 0 0 14px;
	padding: 10px 18px 10px 12px;

	box-sizing: border-box;

	background: linear-gradient(
		90deg,
		#ffffff 0%,
		#fffdfa 50%,
		#ffffff 100%
	);

	border: 1px solid #e5e5e5;
	border-left: 6px solid #d9d9d9;

	border-radius: 10px;

	box-shadow:
		0 2px 8px rgba(0, 0, 0, 0.04);

	overflow: hidden;
}


/* ----------------------------------------------------------
   PLATS 1 – GULD
   ---------------------------------------------------------- */

.pizzapatrullen-basta-card-1 {
	border-left-color: #e6a400;

	background: linear-gradient(
		90deg,
		#fffdf7 0%,
		#ffffff 55%,
		#fffdf8 100%
	);
}


/* ----------------------------------------------------------
   PLATS 2 – SILVER
   ---------------------------------------------------------- */

.pizzapatrullen-basta-card-2 {
	border-left-color: #9b9da1;
}


/* ----------------------------------------------------------
   PLATS 3 – BRONS
   ---------------------------------------------------------- */

.pizzapatrullen-basta-card-3 {
	border-left-color: #b96822;
}


/* ----------------------------------------------------------
   DIPLOM
   ---------------------------------------------------------- */

.pizzapatrullen-basta-badge {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 155px;

	overflow: hidden;
}

.pizzapatrullen-basta-badge img {
	display: block;

	width: 190px !important;
	height: 190px !important;

	max-width: none !important;
	max-height: none !important;

	object-fit: contain;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	box-shadow: none !important;

	transform: scale(1.18);
}


/* ----------------------------------------------------------
   INFORMATION
   ---------------------------------------------------------- */

.pizzapatrullen-basta-info {
	min-width: 0;
}


/*
 * ENDAST NAMNET ÄR EN LÄNK.
 *
 * Max två rader så att ett långt namn
 * inte gör just det kortet högre.
 */

.pizzapatrullen-basta-info h2 {
	display: -webkit-box;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

	overflow: hidden;

	margin: 0 0 8px;

	font-size: 30px;
	line-height: 1.15;
	font-weight: 700;
}

.pizzapatrullen-basta-info h2 a {
	color: #0757c9;
	text-decoration: none;
}

.pizzapatrullen-basta-info h2 a:hover {
	color: #003f96;
	text-decoration: underline;
}


/* ----------------------------------------------------------
   ORT
   ---------------------------------------------------------- */

.pizzapatrullen-basta-ort {
	font-size: 17px;
	line-height: 1.4;
	color: #222;
}

.pizzapatrullen-basta-ort span {
	font-size: 13px;
}


/* ----------------------------------------------------------
   BETYGSRUTA
   ---------------------------------------------------------- */

.pizzapatrullen-basta-score {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 190px;
	height: 64px;

	border-radius: 9px;

	overflow: hidden;

	color: #ffffff;

	background: linear-gradient(
		90deg,
		#111111 0%,
		#111111 65%,
		#222222 65%,
		#222222 100%
	);

	box-shadow:
		0 2px 5px rgba(0, 0, 0, 0.12);
}


/* GULD */

.pizzapatrullen-basta-card-1 .pizzapatrullen-basta-score {
	background: linear-gradient(
		90deg,
		#e8a400 0%,
		#f0aa00 65%,
		#111111 65%,
		#111111 100%
	);
}


/* SILVER */

.pizzapatrullen-basta-card-2 .pizzapatrullen-basta-score {
	background: linear-gradient(
		90deg,
		#bfc1c4 0%,
		#9c9ea2 65%,
		#111111 65%,
		#111111 100%
	);
}


/* BRONS */

.pizzapatrullen-basta-card-3 .pizzapatrullen-basta-score {
	background: linear-gradient(
		90deg,
		#c56b27 0%,
		#d8752a 65%,
		#111111 65%,
		#111111 100%
	);
}


.pizzapatrullen-basta-score span {
	display: block;

	font-size: 42px;
	line-height: 1;
	font-weight: 700;

	margin-left: 12px;
}

.pizzapatrullen-basta-score small {
	display: block;

	font-size: 18px;
	font-weight: 700;

	margin-left: 14px;
	margin-right: 12px;

	white-space: nowrap;
}


/* ----------------------------------------------------------
   ANTAL RECENSIONER
   ---------------------------------------------------------- */

.pizzapatrullen-basta-count {
	align-self: center;

	font-size: 16px;
	line-height: 1.3;

	text-align: center;

	white-space: nowrap;
}


/* ----------------------------------------------------------
   PIL
   ---------------------------------------------------------- */

.pizzapatrullen-basta-arrow {
	font-size: 40px;
	line-height: 1;

	text-align: center;

	color: #111111;

	user-select: none;
}


/* ----------------------------------------------------------
   SENAST UPPDATERAD
   ---------------------------------------------------------- */

.pizzapatrullen-basta-uppdaterad {
	margin-top: 12px !important;
	margin-bottom: 18px !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	font-weight: 400 !important;
	color: #888 !important;
}


/* ==========================================================
   PLATS 4–10
   ========================================================== */

.pizzapatrullen-basta-row {
	display: grid;

	grid-template-columns:
		80px
		minmax(180px, 1fr)
		minmax(120px, 180px)
		130px
		150px
		35px;

	align-items: center;

	min-height: 48px;

	padding: 4px 12px;

	margin: 0;

	box-sizing: border-box;

	border: 1px solid #e3e3e3;
	border-bottom: 0;

	background: #ffffff;
}


/*
 * Sista raden får nederkant.
 */

.pizzapatrullen-basta-row:last-child {
	border-bottom: 1px solid #e3e3e3;

	border-radius: 0 0 8px 8px;
}


/* ----------------------------------------------------------
   PLACERING
   ---------------------------------------------------------- */

.pizzapatrullen-basta-row-rank {
	font-size: 18px;
	font-weight: 700;

	color: #111111;

	text-align: left;
}


/* ----------------------------------------------------------
   NAMN
   ---------------------------------------------------------- */

.pizzapatrullen-basta-row-name {
	font-size: 16px;
	font-weight: 700;

	min-width: 0;
}

.pizzapatrullen-basta-row-name a {
	color: #064fc1;
	text-decoration: none;
}

.pizzapatrullen-basta-row-name a:hover {
	color: #003f96;
	text-decoration: underline;
}


/* ----------------------------------------------------------
   ORT
   ---------------------------------------------------------- */

.pizzapatrullen-basta-row-ort {
	font-size: 15px;
	color: #222222;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* ----------------------------------------------------------
   BETYG – RAD 4–10
   ---------------------------------------------------------- */

.pizzapatrullen-basta-row-score {
	display: flex;
	align-items: center;
	justify-content: center;

	height: 32px;

	border-radius: 6px;

	background: #111111;

	color: #ffffff;

	overflow: hidden;
}

.pizzapatrullen-basta-row-score strong {
	font-size: 18px;
	line-height: 1;
	font-weight: 700;

	padding-left: 12px;
}

.pizzapatrullen-basta-row-score span {
	font-size: 13px;
	font-weight: 700;

	padding: 0 10px;
}


/* ----------------------------------------------------------
   ANTAL RECENSIONER – RAD
   ---------------------------------------------------------- */

.pizzapatrullen-basta-row-count {
	font-size: 14px;

	text-align: center;

	white-space: nowrap;
}


/* ----------------------------------------------------------
   PIL – RAD
   ---------------------------------------------------------- */

.pizzapatrullen-basta-row-arrow {
	font-size: 30px;
	line-height: 1;

	text-align: center;

	color: #111111;

	user-select: none;
}


/* ----------------------------------------------------------
   TOM LISTA
   ---------------------------------------------------------- */

.pizzapatrullen-basta-betyg-empty {
	padding: 20px;

	background: #f7f7f7;

	border-radius: 8px;

	font-size: 16px;
}


/* ==========================================================
   MOBIL
   ========================================================== */

@media (max-width: 767px) {

	.pizzapatrullen-basta-betyg {
		width: 100%;
		margin-top: 20px;
	}


	/* ------------------------------------------------------
	   TOPP 3 MOBIL
	   ------------------------------------------------------ */

	.pizzapatrullen-basta-card {
		display: grid;

		grid-template-columns: 1fr;

		gap: 4px;

		width: 100%;

		min-height: 0;

		margin-bottom: 12px;

		padding: 12px 10px 14px;

		text-align: center;

		border-left-width: 5px;

		border-radius: 9px;
	}


	/* ------------------------------------------------------
	   DIPLOM MOBIL
	   ------------------------------------------------------ */

	.pizzapatrullen-basta-badge {
		width: 100%;
		height: 125px;

		margin: 0 auto;
	}

	.pizzapatrullen-basta-badge img {
		width: 155px !important;
		height: 155px !important;

		transform: scale(1.18);
	}


	/* ------------------------------------------------------
	   INFO MOBIL
	   ------------------------------------------------------ */

	.pizzapatrullen-basta-info {
		width: 100%;
	}

	.pizzapatrullen-basta-info h2 {
		margin: 2px 0 3px;

		font-size: 25px;
		line-height: 1.15;

		-webkit-line-clamp: 2;
	}


	/* ------------------------------------------------------
	   ORT MOBIL
	   ------------------------------------------------------ */

	.pizzapatrullen-basta-ort {
		font-size: 15px;
		line-height: 1.3;
	}


	/* ------------------------------------------------------
	   BETYG MOBIL
	   ------------------------------------------------------ */

	.pizzapatrullen-basta-score {
		width: 165px;
		height: 48px;

		margin: 8px auto 2px;
	}

	.pizzapatrullen-basta-score span {
		font-size: 30px;
		margin-left: 10px;
	}

	.pizzapatrullen-basta-score small {
		font-size: 15px;

		margin-left: 9px;
		margin-right: 10px;
	}


	/* ------------------------------------------------------
	   RECENSIONER MOBIL
	   ------------------------------------------------------ */

	.pizzapatrullen-basta-count {
		font-size: 13px;

		margin-top: 1px;
	}


	/* ------------------------------------------------------
	   PIL MOBIL
	   ------------------------------------------------------ */

	.pizzapatrullen-basta-arrow {
		display: none;
	}


	/* ------------------------------------------------------
	   RAD 4–10 MOBIL
	   ------------------------------------------------------ */

	.pizzapatrullen-basta-row {
		grid-template-columns:
			32px
			minmax(0, 1fr)
			70px
			25px;

		gap: 6px;

		min-height: 48px;

		padding: 5px 7px;
	}


	.pizzapatrullen-basta-row-rank {
		font-size: 16px;
	}


	.pizzapatrullen-basta-row-name {
		font-size: 14px;

		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	.pizzapatrullen-basta-row-ort {
		display: none;
	}


	.pizzapatrullen-basta-row-score {
		height: 30px;
	}


	.pizzapatrullen-basta-row-score strong {
		font-size: 15px;

		padding-left: 7px;
	}


	.pizzapatrullen-basta-row-score span {
		font-size: 11px;

		padding: 0 5px;
	}


	.pizzapatrullen-basta-row-count {
		display: none;
	}


	.pizzapatrullen-basta-row-arrow {
		font-size: 25px;
	}

}


/* ==========================================================
   EXTRA SMÅ MOBILER
   ========================================================== */

@media (max-width: 380px) {

	.pizzapatrullen-basta-card {
		padding-left: 6px;
		padding-right: 6px;
	}


	.pizzapatrullen-basta-badge {
		height: 110px;
	}


	.pizzapatrullen-basta-badge img {
		width: 140px !important;
		height: 140px !important;
	}


	.pizzapatrullen-basta-info h2 {
		font-size: 23px;
	}


	.pizzapatrullen-basta-score {
		width: 155px;
	}

}