.skoo-package-cta {
	display: inline-block;
	padding: 12px 30px;
	background: #0f4184;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	border-radius: 6px;
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.skoo-package-cta:hover,
.skoo-package-cta:focus {
	background: #0c356c;
	color: #fff;
	text-decoration: none;
}

.skoo-package-cta:active {
	transform: translateY(1px);
}

.skoo-dns-error {
	color: #c0392b;
	font-size: 13px;
}

.skoo-cart-item-desc {
	font-size: 13px;
	color: #777;
	margin-top: 6px;
	max-width: 420px;
}

.skoo-dns-table th,
.skoo-dns-table td {
	padding: 6px 8px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
}

/* --- Rimuove l'immagine prodotto da carrello e checkout ------------
 * Copre sia WooCommerce Blocks (Cart/Checkout a blocchi) sia i vecchi
 * template classici, così funziona indipendentemente da quale dei due
 * stia effettivamente usando il tema in questo momento. */
body.woocommerce-checkout .wc-block-components-order-summary-item__image,
body.woocommerce-checkout .wc-block-components-product-image,
body.woocommerce-checkout .wc-block-cart-item__image,
body.woocommerce-cart .wc-block-cart-item__image,
body.woocommerce-cart .wc-block-components-product-image,
body.woocommerce-checkout .product-thumbnail,
body.woocommerce-cart .product-thumbnail,
body.woocommerce-checkout td.product-name img,
body.woocommerce-cart td.product-name img {
	display: none !important;
}

/* --- Mobile (≤ 600px) ------------------------------------------------ */
@media (max-width: 600px) {
	.skoo-package-cta {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	#skoo-dns-new-host,
	#skoo-dns-new-value {
		width: 100% !important;
		display: block;
		margin: 6px 0 !important;
	}

	.skoo-dns-table {
		display: block;
		overflow-x: auto;
	}
}