/* Overlay */
.wc-atc-overlay {
	position: fixed; inset: 0; background: rgba(0,0,0,.45);
	z-index: 9998;
}

/* Modal */
.wc-atc-modal {
	position: fixed; inset: 0; display: grid; place-items: center;
	z-index: 9999;
}
.wc-atc-modal[hidden],
.wc-atc-overlay[hidden] { display: none !important; }

.wc-atc-content {
	background: #fff; max-width: 880px; width: calc(100% - 2rem);
	border-radius: 8px; padding: 24px; box-shadow: 0 10px 40px rgba(0,0,0,.15);
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	position: relative;
	height: 80vh;
	overflow-y: auto;
}

.wc-atc-title { margin: 0 0 12px; font-size: 20px; }

.wc-atc-close {
	background: transparent; border: 0!important; font-size: 40px!important; line-height: 1!important; cursor: pointer!important;
	border: none!important;
}

.wc-atc-confirm { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 36px; }
.wc-atc-product { display: flex; align-items: center; gap: 14px; color: #774d27;
    background-color: #f2ebe6;
    border-top-color: #8fae1b;
		border-top: 2px solid #8fae1b;
    padding: 1em 2em 1em 2em;
    position: relative;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;}
.wc-atc-thumb img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; }

.wc-atc-upsells-title { margin: 60px 0 30px 0; font-size: 20px!important; font-weight: 700!important; }
.wc-atc-upsells-wrap .woocommerce-loop-product__title { line-height: 1.2; }
.wc-atc-upsells-wrap .products { margin: 0; }
.wc-atc-loading { opacity: .7; }

.wc-atc-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 18px; }
.wc-atc-actions .button { padding: 10px 14px; border-radius: 8px; text-decoration: none; border: none!important; }
.wc-atc-actions .button-primary { background: #2c7be5; color: #fff; }
.wc-atc-actions .button-primary:hover { filter: brightness(.95); }

body.wc-atc-lock { overflow: hidden; }

@media (max-width: 768px) {
  .wc-atc-upsells-wrap .products .product {
    margin: 0 0 20px 0!important;
  }
	.wc-atc-content {
		height: 96vh;
	}
}
@media (max-width: 490px) {
	.wc-atc-actions { flex-direction: column; }
	.wc-atc-actions .button { text-align: center; }
}