/**
 * Mobile cart screen content styles.
 */

@media (max-width: 63.99rem) {
	html:not(.faradoran-js):not(.adonis-js) .faradoran-mobile-cart-drawer,
	html:not(.faradoran-js):not(.adonis-js) .adonis-mobile-cart-drawer {
		display: none;
	}

	.faradoran-mobile-cart-drawer__inner,
	.adonis-mobile-cart-drawer__inner {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-block-size: 0;
		overflow: hidden;
	}

	.faradoran-mobile-cart-drawer__items,
	.adonis-mobile-cart-drawer__items {
		flex: 1 1 auto;
		min-block-size: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		margin: 0;
		padding-block: var(--faradoran-theme-space-3);
		padding-inline: var(--faradoran-theme-space-4);
		list-style: none;
	}

	.faradoran-mobile-cart-drawer__item,
	.adonis-mobile-cart-drawer__item {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: var(--faradoran-theme-space-3);
		align-items: start;
		padding-block: var(--faradoran-theme-space-3);
		border-block-end: var(--faradoran-theme-border-width) solid var(--faradoran-theme-color-border);
	}

	.faradoran-mobile-cart-drawer__item:last-child,
	.adonis-mobile-cart-drawer__item:last-child {
		border-block-end: 0;
	}

	.faradoran-mobile-cart-drawer__item-remove,
	.adonis-mobile-cart-drawer__item-remove {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		inline-size: var(--faradoran-theme-touch-target);
		block-size: var(--faradoran-theme-touch-target);
		margin: calc(var(--faradoran-theme-touch-target) * -0.25);
		color: var(--faradoran-theme-color-text-muted);
		text-decoration: none;
		font-size: 1.25rem;
		line-height: 1;
	}

	.faradoran-mobile-cart-drawer__item-remove:focus-visible,
	.adonis-mobile-cart-drawer__item-remove:focus-visible {
		outline: var(--faradoran-theme-focus-ring);
		outline-offset: var(--faradoran-theme-focus-offset);
		border-radius: var(--faradoran-theme-radius-sm);
	}

	.faradoran-mobile-cart-drawer__item-body,
	.adonis-mobile-cart-drawer__item-body {
		min-inline-size: 0;
	}

	.faradoran-mobile-cart-drawer__item-name,
	.adonis-mobile-cart-drawer__item-name {
		display: block;
		margin-block-end: var(--faradoran-theme-space-1);
		color: var(--faradoran-theme-color-text);
		font-size: 0.875rem;
		font-weight: var(--faradoran-theme-font-weight-medium);
		line-height: 1.4;
		text-decoration: none;
	}

	.faradoran-mobile-cart-drawer__item-name:hover,
	.adonis-mobile-cart-drawer__item-name:hover {
		color: var(--faradoran-theme-color-green-dark);
	}

	.faradoran-mobile-cart-drawer__item-meta,
	.adonis-mobile-cart-drawer__item-meta {
		margin-block-end: var(--faradoran-theme-space-1);
		color: var(--faradoran-theme-color-text-muted);
		font-size: 0.75rem;
		line-height: 1.4;
	}

	.faradoran-mobile-cart-drawer__item-meta dl,
	.adonis-mobile-cart-drawer__item-meta dl {
		margin: 0;
	}

	.faradoran-mobile-cart-drawer__item-meta dt,
	.adonis-mobile-cart-drawer__item-meta dt,
	.faradoran-mobile-cart-drawer__item-meta dd,
	.adonis-mobile-cart-drawer__item-meta dd {
		display: inline;
		margin: 0;
	}

	.faradoran-mobile-cart-drawer__item-meta dt::after,
	.adonis-mobile-cart-drawer__item-meta dt::after {
		content: ": ";
	}

	.faradoran-mobile-cart-drawer__item-meta dd + dt::before,
	.adonis-mobile-cart-drawer__item-meta dd + dt::before {
		content: " · ";
	}

	.faradoran-mobile-cart-drawer__item-qty-price,
	.adonis-mobile-cart-drawer__item-qty-price {
		color: var(--faradoran-theme-color-text);
		font-size: 0.8125rem;
		line-height: 1.4;
	}

	.faradoran-mobile-cart-drawer__item-qty-price .amount,
	.adonis-mobile-cart-drawer__item-qty-price .amount {
		color: var(--faradoran-theme-color-green-dark);
		font-weight: var(--faradoran-theme-font-weight-semibold);
	}

	.faradoran-mobile-cart-drawer__item-thumb,
	.adonis-mobile-cart-drawer__item-thumb {
		inline-size: 4rem;
		block-size: 4rem;
		flex-shrink: 0;
		overflow: hidden;
		border-radius: var(--faradoran-theme-radius-sm);
		background-color: var(--faradoran-theme-color-surface);
	}

	.faradoran-mobile-cart-drawer__item-thumb img,
	.adonis-mobile-cart-drawer__item-thumb img {
		display: block;
		inline-size: 100%;
		block-size: 100%;
		object-fit: contain;
	}

	.faradoran-mobile-cart-drawer__footer,
	.adonis-mobile-cart-drawer__footer {
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		gap: var(--faradoran-theme-space-3);
		padding-block: var(--faradoran-theme-space-4);
		padding-block-end: calc(var(--faradoran-theme-space-4) + var(--faradoran-theme-safe-area-bottom));
		padding-inline: var(--faradoran-theme-space-4);
		border-block-start: var(--faradoran-theme-border-width) solid var(--faradoran-theme-color-border);
		background-color: var(--faradoran-theme-color-white);
	}

	.faradoran-mobile-cart-drawer__subtotal,
	.adonis-mobile-cart-drawer__subtotal {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: var(--faradoran-theme-space-3);
		color: var(--faradoran-theme-color-text);
		font-size: 0.9375rem;
		font-weight: var(--faradoran-theme-font-weight-medium);
	}

	.faradoran-mobile-cart-drawer__subtotal-value,
	.adonis-mobile-cart-drawer__subtotal-value {
		color: var(--faradoran-theme-color-green-dark);
		font-size: 1rem;
		font-weight: var(--faradoran-theme-font-weight-semibold);
	}

	.faradoran-mobile-cart-drawer__actions,
	.adonis-mobile-cart-drawer__actions {
		display: flex;
		flex-direction: column;
		gap: var(--faradoran-theme-space-2);
	}

	.faradoran-mobile-cart-drawer__actions .faradoran-button,
	.faradoran-mobile-cart-drawer__actions .adonis-button {
		inline-size: 100%;
		justify-content: center;
	}

	.faradoran-mobile-cart-drawer__empty,
	.adonis-mobile-cart-drawer__empty {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--faradoran-theme-space-4);
		padding-block: var(--faradoran-theme-space-8);
		padding-inline: var(--faradoran-theme-space-4);
		padding-block-end: calc(var(--faradoran-theme-space-8) + var(--faradoran-theme-safe-area-bottom));
		text-align: center;
	}

	.faradoran-mobile-cart-drawer__empty-message,
	.adonis-mobile-cart-drawer__empty-message {
		margin: 0;
		color: var(--faradoran-theme-color-text-muted);
		font-size: 0.9375rem;
		line-height: 1.5;
	}
}