/**
 * CL Mini Cart Drawer — βασικό στυλ (layout, positions, transitions).
 * Τα χρώματα/μεγέθη ανά instance widget ελέγχονται από το Elementor Style
 * tab (Elementor παράγει δικό του inline CSS ανά widget instance) — αυτό
 * εδώ είναι μόνο η κοινή δομική βάση, ίδια παντού.
 */
	.clwc-ew-overlay { position: fixed; inset: 0; opacity: 0; pointer-events: none; transition: opacity .3s ease; z-index: 99998; background-color: rgba(0,0,0,.45); }
	.clwc-ew-overlay.is-open { opacity: 1; pointer-events: auto; }
	.clwc-ew-drawer {
		position: fixed; top: 0; bottom: 0; width: 400px; max-width: 92vw;
		background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.2); overflow: hidden;
		z-index: 99999; display: flex; flex-direction: column;
		transition-property: transform; transition-timing-function: cubic-bezier(.22,.61,.36,1);
	}
	.clwc-ew-drawer.is-open { transform: translateX(0) !important; }
	.clwc-ew-drawer__header {
		display: flex; align-items: center; justify-content: space-between;
		padding: 20px 24px; box-shadow: 0 1px 0 rgba(0,0,0,.06);
	}
	.clwc-ew-drawer__header h3 { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -.01em; }
	.clwc-ew-drawer__close {
		background: #f5f5f5; border: none !important; outline: none; font-size: 18px; line-height: 1; cursor: pointer;
		width: 32px; height: 32px; border-radius: 50%; color: #555; padding: 0;
		display: flex; align-items: center; justify-content: center; overflow: hidden;
		transition: background .2s ease, color .2s ease;
	}
	.clwc-ew-drawer__close:hover { background: #e2401c; color: #fff; }
	/* Κεντράρισμα custom εικονιδίου (αν έχει επιλεγεί, αντί για το default ×) */
	.clwc-ew-drawer__close i {
		display: inline-flex; align-items: center; justify-content: center; line-height: 1;
	}
	.clwc-ew-drawer__close svg {
		display: block; max-width: 100%; max-height: 100%;
	}
	/* Χρωματισμός SVG με το χρώμα του X — ελέγχεται από το switcher (class στο widget wrapper). */
	.clwc-close-fill-yes .clwc-ew-drawer__close svg { fill: currentColor; }
	.clwc-ew-drawer__body { flex: 1; overflow-y: auto; padding: 8px 24px 24px; }

	/* --- Μπάρα δωρεάν μεταφορικών μέσα στο drawer (από το Essentials) --- */
	/* Το κενό ΜΟΝΟ όταν υπάρχει πραγματικά μπάρα (το JS αδειάζει το wrapper όταν γίνει ανενεργή). */
	.clwc-ew-drawer__shipbar:has(.clwc-shipping-bar) { padding-top: 12px; }
	.clwc-ew-drawer__shipbar .clwc-shipping-bar { margin: 0 0 6px; }
	.clwc-ew-drawer__shipbar .clwc-shipping-bar--card { padding: 12px 14px; }
	.clwc-ew-drawer__shipbar .clwc-shipping-bar__msg { font-size: 13px; margin-bottom: 8px; }

	/* --- WooCommerce mini-cart items --- */
	.clwc-ew-drawer__body ul.cart_list,
	.clwc-ew-drawer__body ul.product_list_widget { list-style: none; margin: 0; padding: 0; }
	.clwc-ew-drawer__body .woocommerce-mini-cart-item {
		--clwc-item-img-size: 56px;
		--clwc-item-gap: 16px;
		display: flex; align-items: center; gap: var(--clwc-item-gap);
		padding: 18px 0; border-bottom: 1px solid rgba(0,0,0,.06);
		position: relative;
	}
	.clwc-ew-drawer__body .woocommerce-mini-cart-item:first-child { padding-top: 12px; }
	.clwc-ew-drawer__body .woocommerce-mini-cart-item:last-child { border-bottom: none; }
	.clwc-ew-drawer__body .woocommerce-mini-cart-item img {
		width: var(--clwc-item-img-size) !important;
		height: var(--clwc-item-img-size) !important;
		object-fit: cover; border-radius: 10px; flex-shrink: 0;
		background: #f5f5f5;
		float: none !important; margin: 0 !important; box-shadow: none !important;
	}
	/* Πραγματικό div — τίτλος + ποσότητα μαζί, flex column, κεντραρισμένο
	   κάθετα δίπλα στην εικόνα μέσω του align-items:center του γονέα. */
	.clwc-ew-drawer__body .clwc-item-info {
		display: flex; flex-direction: column; gap: 4px;
		flex: 1; min-width: 0; /* min-width:0 επιτρέπει το ellipsis να δουλέψει σωστά μέσα σε flex */
		padding-right: calc(var(--clwc-remove-size, 22px) + 4px); /* χώρος για το remove (X) ώστε ο τίτλος να μην πάει από κάτω του — ακολουθεί το μέγεθος του κουμπιού */
	}
	.clwc-ew-drawer__body .clwc-item-title {
		color: #1a1a1a; font-weight: 500; font-size: 14.5px; line-height: 1.4;
		text-decoration: none;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* μεγάλος τίτλος -> "..." αντί για wrap σε 2 γραμμές */
	}
	.clwc-ew-drawer__body .clwc-item-title:hover { color: #000; }
	.clwc-ew-drawer__body .quantity {
		font-size: 13px; color: #888; font-weight: 400;
	}
	.clwc-ew-drawer__body .quantity .woocommerce-Price-amount { color: #888; }
	.clwc-ew-drawer__body .woocommerce-mini-cart-item .remove {
		position: absolute; top: 18px; right: 0;
		width: 22px; height: 22px;
		display: flex; align-items: center; justify-content: center; overflow: hidden;
		border-radius: 50%; background: #f5f5f5; color: #999 !important;
		font-size: 14px; text-decoration: none !important; outline: none;
		transition: background .2s ease, color .2s ease;
	}
	/* Το × έχει συνήθως λίγο χαμηλή οπτική θέση μέσα στο δικό του γραμματοσειρικό
	   κουτί — μικρή διόρθωση προς τα πάνω. Δεν πειράζει custom εικονίδια (SVG/i),
	   που κεντράρονται ήδη σωστά μόνα τους. */
	.clwc-ew-drawer__body .woocommerce-mini-cart-item .remove:not(:has(svg)):not(:has(i)) {
		padding-bottom: 2px;
	}
	.clwc-ew-drawer__body .woocommerce-mini-cart-item .remove:hover { background: #e2401c; color: #fff !important; }
	/* Κεντράρισμα custom εικονιδίου (αν έχει επιλεγεί, αντί για το default ×) */
	.clwc-ew-drawer__body .woocommerce-mini-cart-item .remove i {
		display: inline-flex; align-items: center; justify-content: center; line-height: 1;
	}
	.clwc-ew-drawer__body .woocommerce-mini-cart-item .remove svg {
		display: block; max-width: 100%; max-height: 100%;
	}
	.clwc-remove-fill-yes .clwc-ew-drawer__body .woocommerce-mini-cart-item .remove svg { fill: currentColor; }

	/* --- Subtotal + buttons --- */
	.clwc-ew-drawer__body .woocommerce-mini-cart__total.total {
		display: flex; align-items: center; justify-content: space-between;
		padding: 18px 0; margin: 4px 0 18px; border-top: 2px solid rgba(0,0,0,.08);
		font-size: 15px;
	}
	.clwc-ew-drawer__body .woocommerce-mini-cart__total.total strong { font-weight: 600; }
	.clwc-ew-drawer__body .woocommerce-Price-amount { font-weight: 700; }
	.clwc-ew-drawer__body .woocommerce-mini-cart__buttons {
		display: flex; flex-direction: column; gap: 10px; margin: 0;
	}
	.clwc-ew-drawer__body .woocommerce-mini-cart__buttons a.button {
		display: block; text-align: center; padding: 15px 20px; border-radius: 10px;
		font-weight: 600; font-size: 14.5px; text-decoration: none; outline: none;
		transition: opacity .2s ease, background-color .2s ease, color .2s ease; margin: 0 !important;
	}
	.clwc-ew-drawer__body .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
		background: #f2f2f2; color: #333;
	}
	.clwc-ew-drawer__body .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover { background: #e8e8e8; }
	.clwc-ew-drawer__body .woocommerce-mini-cart__buttons a.button.checkout {
		background: #222; color: #fff;
	}
	.clwc-ew-drawer__body .woocommerce-mini-cart__buttons a.button.checkout:hover { opacity: .88; }
	.clwc-ew-drawer__body .woocommerce-mini-cart__empty-message {
		text-align: center; color: #999; padding: 60px 10px; font-size: 14.5px; margin: 0;
	}

	.clwc-ew-trigger {
	position: relative; display: inline-flex; align-items: center; justify-content: center;
	border: none; outline: none; cursor: pointer; padding: 0; box-sizing: border-box;
	transition: background-color .2s ease, color .2s ease;
}
/* Το clipping μπαίνει ΜΟΝΟ γύρω από το εικονίδιο — όχι σε όλο το κουμπί,
   αλλιώς κόβεται και το badge (που εσκεμμένα προεξέχει λίγο από τη γωνία). */
.clwc-ew-trigger__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 100%; height: 100%; overflow: hidden; border-radius: inherit;
}
.clwc-ew-trigger__icon i {
	display: inline-flex; align-items: center; justify-content: center;
	line-height: 1;
}
.clwc-ew-trigger__icon svg {
	display: block; max-width: 100%; max-height: 100%; fill: currentColor;
}
	.clwc-ew-badge { position: absolute; top: -4px; right: -4px; font-size: 11px; font-weight: 700; min-width: 18px; height: 18px; border-radius: 9px; display: flex; align-items: center; justify-content: center; padding: 0 4px; line-height: 1; }
	body.clwc-ew-open { overflow: hidden; }