/*
 * Aftertaste Transport — minivarukorgen (sidopanelen), som steg 1 i kassan.
 */

.atr-mini {
	margin: 0;
	padding: 0 !important;
	list-style: none;
}

.atr-mini .atr-mini__item {
	display: flex !important;
	gap: 12px;
	align-items: flex-start;
	margin: 0 !important;
	padding: 14px 0 !important;
	border-bottom: 1px solid #efe9e2;
	list-style: none;
}

.atr-mini .atr-mini__img {
	flex: 0 0 56px;
	width: 56px;
}

.atr-mini .atr-mini__img img {
	float: none !important;
	width: 56px !important;
	height: 56px !important;
	margin: 0 !important;
	object-fit: contain;
	border-radius: 6px;
}

.atr-mini__main {
	flex: 1 1 auto;
	min-width: 0;
}

.atr-mini__name {
	display: block;
	font-size: 15px;
	line-height: 1.35;
	color: #1f1a17;
	text-decoration: none;
}

.atr-mini__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 8px;
}

.atr-mini__price {
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
	text-align: right;
}

.atr-mini__qty1 {
	font-size: 13px;
	color: #5c534c;
}

/* Delade delar (samma som i kassan). */
.atr-mini .atr-qty {
	display: inline-flex;
	align-items: center;
	border: 1px solid #d6ccc2;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.atr-mini .atr-qty__btn {
	width: 38px;
	height: 36px;
	padding: 0;
	border: 0;
	background: #fff;
	color: #1f1a17;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

.atr-mini .atr-qty__btn:hover {
	background: #f4f0eb;
}

.atr-mini .atr-qty__btn:disabled {
	color: #c9c0b7;
}

.atr-mini .atr-qty__val {
	min-width: 30px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}

.atr-mini .atr-qty.is-busy {
	opacity: 0.5;
	pointer-events: none;
}

.atr-mini .atr-unit {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: #5c534c;
}

.atr-mini .atr-unit,
.atr-mini .atr-unit * {
	font-weight: 400 !important;
}

.atr-mini .atr-unit del {
	margin-left: 4px;
	color: #8a8f95;
}

.atr-mini .atr-sale {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-end;
	line-height: 1.2;
}

.atr-mini .atr-sale ins {
	text-decoration: none;
	color: #b8501c;
	font-weight: 700;
}

.atr-mini .atr-sale del {
	font-size: 12px;
	font-weight: 400;
	color: #8a8f95;
}

/* Foten: Att betala, Du sparar, Till kassan. */
.atr-mini__foot {
	padding-top: 14px;
}

.atr-mini__total,
.atr-mini__save {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 0 4px;
}

.atr-mini__total span {
	font-size: 17px;
	font-weight: 600;
}

.atr-mini__total strong {
	font-size: 20px;
	font-weight: 700;
}

.atr-mini__save {
	font-size: 14px;
	color: #5c534c;
}

.atr-mini__save strong {
	color: #b8501c;
	font-weight: 700;
}

a.button.atr-mini__checkout {
	display: block;
	width: 100%;
	margin-top: 14px;
	padding: 14px 16px;
	border-radius: 8px;
	background: #fa7b4c;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
}

a.button.atr-mini__checkout:hover {
	background: #e8663a;
	color: #fff;
}

/* Fortsätt handla: stänger panelen (samma som krysset). Sekundär — kantlinje. */
.atr-mini__continue {
	display: block;
	width: 100%;
	margin-top: 8px;
	padding: 12px 16px;
	border: 1px solid #d9cfc5;
	border-radius: 8px;
	background: #fff;
	color: #1f1a17;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
}

.atr-mini__continue:hover,
.atr-mini__continue:focus-visible {
	border-color: #1f1a17;
	background: #fff;
	color: #1f1a17;
}

/* Temats regler för minivarukorgen (belopp, storlek, färg) väger tungt —
 * samma utseende som i kassan. */
.shoptimizer-mini-cart-wrap .atr-mini .atr-unit,
.shoptimizer-mini-cart-wrap .atr-mini .atr-unit .amount,
.shoptimizer-mini-cart-wrap .atr-mini .atr-unit bdi {
	font-size: 13px !important;
	color: #5c534c !important;
}

.shoptimizer-mini-cart-wrap .atr-mini .atr-unit del,
.shoptimizer-mini-cart-wrap .atr-mini .atr-unit del .amount,
.shoptimizer-mini-cart-wrap .atr-mini .atr-sale del,
.shoptimizer-mini-cart-wrap .atr-mini .atr-sale del .amount {
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #8a8f95 !important;
}

.shoptimizer-mini-cart-wrap .atr-mini .atr-sale ins,
.shoptimizer-mini-cart-wrap .atr-mini .atr-sale ins .amount {
	color: #b8501c !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	text-decoration: none !important;
}

.shoptimizer-mini-cart-wrap .atr-mini .atr-mini__price .amount {
	font-size: 15px !important;
	font-weight: 700;
}

.shoptimizer-mini-cart-wrap .atr-mini__total,
.shoptimizer-mini-cart-wrap .atr-mini__total .amount {
	color: #1f1a17 !important;
}

.shoptimizer-mini-cart-wrap .atr-mini__save .amount {
	color: #b8501c !important;
}

/* Temat ger valutatecknet ("kr") egen storlek — ärv från beloppet. */
.shoptimizer-mini-cart-wrap .atr-mini .woocommerce-Price-currencySymbol,
.shoptimizer-mini-cart-wrap .atr-mini__foot .woocommerce-Price-currencySymbol {
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
}

/* Foten: luft under "Till kassan" (även ovanför telefonens hemlist) och en
 * tunn linje ovanför summan. */
.shoptimizer-mini-cart-wrap .atr-mini__foot {
	margin-top: 4px;
	padding-top: 16px;
	padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #efe9e2;
}

.shoptimizer-mini-cart-wrap .atr-mini__save {
	margin-bottom: 2px;
}

.atr-mini .atr-remove {
	margin-left: 8px;
	font-size: 12px;
	color: #6b625a;
	text-decoration: underline;
}