/*
 * Side cart (XootiX) — Figma mobile «CART»: τίτλος «Καλάθι» + ✕, προϊόντα (φωτογραφία, όνομα, brand,
 * − 1 +, τιμή, «ΑΦΑΙΡΕΣΗ»), κάτω «Σύνολο» και «Ολοκλήρωση παραγγελίας →». Οι ρυθμίσεις στο inc/sidecart.php.
 */

body.fab-rd .xoo-wsc-modal .xoo-wsc-container,
body.fab-rd .xoo-wsc-modal .xoo-wsc-slider {
	background: var(--rd-bg) !important;
	color: var(--rd-ink);
	font-family: var(--rd-font-book);
}

body.fab-rd .xoo-wsc-modal .xoo-wsc-container {
	box-shadow: none;
}

body.fab-rd .xoo-wsc-modal .xoo-wsc-opac {
	background: rgba(30, 30, 30, 0.35) !important;
	opacity: 1;
}

/* ---------- Κεφαλίδα ---------- */
body.fab-rd .xoo-wsc-header {
	padding: 26px 24px 18px !important;
	border: 0 !important;
	background: transparent !important;
}

body.fab-rd .xoo-wsch-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

body.fab-rd .xoo-wsch-basket {
	display: none !important;
}

body.fab-rd .xoo-wsch-text {
	margin: 0 !important;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font);
	font-size: 18px !important;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

body.fab-rd .xoo-wsch-close {
	position: static !important;
	order: 2;
	color: var(--rd-ink) !important;
	font-size: 16px !important;
	cursor: pointer;
	transform: none !important;
}

/* ---------- Προϊόντα ---------- */
body.fab-rd .xoo-wsc-body {
	padding: 0 24px !important;
	background: transparent !important;
}

body.fab-rd .xoo-wsc-products {
	padding: 0 !important;
}

body.fab-rd .xoo-wsc-product {
	display: flex;
	gap: 14px;
	margin: 0 !important;
	padding: 14px 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--rd-line) !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.fab-rd .xoo-wsc-img-col {
	flex: 0 0 76px !important;
	width: 76px !important;
	max-width: 76px !important;
	align-self: flex-start;
}

body.fab-rd .xoo-wsc-img-col img {
	display: block;
	width: 76px !important;
	height: 76px !important;
	max-width: none !important;
	object-fit: cover;
	background: var(--rd-surface);
}

body.fab-rd .xoo-wsc-sum-col {
	flex: 1;
	min-width: 0;
	padding: 0 !important;
}

body.fab-rd .xoo-wsc-sm-info {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

body.fab-rd .xoo-wsc-sm-left {
	flex: 1;
	min-width: 0;
	padding: 0 !important;
}

body.fab-rd .xoo-wsc-pname,
body.fab-rd .xoo-wsc-pname a {
	display: block;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font);
	font-size: 15px !important;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
}

body.fab-rd .rd-sc-brand {
	display: block;
	margin-top: 2px;
	color: var(--rd-ink);
	font-size: 13px;
}

body.fab-rd .xoo-wsc-sm-left dl.variation {
	margin: 4px 0 0;
	color: var(--rd-muted);
	font-size: 12px;
}

body.fab-rd .xoo-wsc-sm-left dl.variation dt,
body.fab-rd .xoo-wsc-sm-left dl.variation dd,
body.fab-rd .xoo-wsc-sm-left dl.variation p {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: 400;
}

body.fab-rd .xoo-wsc-priceBox:empty,
body.fab-rd .xoo-wsc-psavings {
	display: none;
}

/* − 1 + με γραμμή από κάτω */
body.fab-rd .xoo-wsc-qty-box {
	display: inline-flex !important;
	align-items: center;
	width: auto !important;
	min-width: 68px;
	height: 26px !important;
	margin-top: 10px;
	border: 0 !important;
	border-bottom: 1px solid var(--rd-ink) !important;
	border-radius: 0 !important;
	background: transparent !important;
}

body.fab-rd .xoo-wsc-qty-box .xoo-wsc-chng {
	display: grid !important;
	place-items: center;
	width: 20px !important;
	height: 24px !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--rd-ink) !important;
	font-size: 15px;
	cursor: pointer;
}

body.fab-rd .xoo-wsc-qty-box input.xoo-wsc-qty {
	width: 28px !important;
	height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-book);
	font-size: 14px !important;
	text-align: center;
	-moz-appearance: textfield;
}

body.fab-rd .xoo-wsc-qty-box input.xoo-wsc-qty::-webkit-outer-spin-button,
body.fab-rd .xoo-wsc-qty-box input.xoo-wsc-qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Δεξιά: τιμή πάνω, «ΑΦΑΙΡΕΣΗ» κάτω */
body.fab-rd .xoo-wsc-sm-right {
	display: flex !important;
	flex-direction: column-reverse;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 !important;
	text-align: right;
}

body.fab-rd .xoo-wsc-smr-ptotal {
	color: var(--rd-ink);
	font-family: var(--rd-font);
	font-size: 14px !important;
	font-weight: 500;
	white-space: nowrap;
}

body.fab-rd .xoo-wsc-smr-del.xoo-wsc-del-txt {
	padding-bottom: 1px;
	border-bottom: 1px solid var(--rd-ink);
	color: var(--rd-ink) !important;
	font-size: 12px !important;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	cursor: pointer;
}

/* ---------- Άδειο ---------- */
body.fab-rd .xoo-wsc-empty-cart {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 12px 0 0;
	text-align: left;
}

body.fab-rd .xoo-wsc-empty-cart .xoo-wsc-emp-txt {
	margin: 0 0 10px;
	color: var(--rd-ink);
	font-family: var(--rd-font);
	font-size: 22px;
}

body.fab-rd .xoo-wsc-empty-cart .xoo-wsc-btn,
body.fab-rd .rd-sc-account .rd-link-arrow {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font) !important;
	font-size: 17px !important;
	font-style: italic;
	text-transform: none !important;
	letter-spacing: 0 !important;
	text-decoration: none;
}

body.fab-rd .xoo-wsc-empty-cart .xoo-wsc-btn::after {
	content: "→";
	font-style: normal;
}

body.fab-rd .rd-sc-account {
	position: absolute;
	right: 24px;
	bottom: 40px;
	left: 24px;
}

body.fab-rd .rd-sc-account p {
	margin: 0 0 8px;
	padding: 0;
	font-size: 16px;
}

/* ---------- Κάτω μέρος ---------- */
body.fab-rd .xoo-wsc-footer {
	padding: 0 24px 28px !important;
	background: var(--rd-bg) !important;
	box-shadow: none !important;
}

body.fab-rd .xoo-wsc-ft-totals {
	margin: 0 !important;
	padding: 14px 0 0 !important;
	border-top: 1px solid #9e9e9e;
}

body.fab-rd .xoo-wsc-ft-amt {
	display: flex !important;
	justify-content: space-between;
	padding: 0 !important;
	color: var(--rd-ink);
	font-size: 16px !important;
}

body.fab-rd .xoo-wsc-ft-amt-label,
body.fab-rd .xoo-wsc-ft-amt-value {
	font-family: var(--rd-font-book);
	font-weight: 400 !important;
}

body.fab-rd .xoo-wsc-ft-buttons-cont {
	display: flex !important;
	justify-content: flex-end;
	margin-top: 18px !important;
}

body.fab-rd .xoo-wsc-ft-btn-continue,
body.fab-rd .xoo-wsc-ft-btn-cart {
	display: none !important;
}

body.fab-rd .xoo-wsc-ft-btn-checkout {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font) !important;
	font-size: 18px !important;
	font-style: italic;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	box-shadow: none !important;
}

body.fab-rd .xoo-wsc-ft-btn-checkout::after {
	content: "→";
	font-style: normal;
	transition: transform 0.15s;
}

body.fab-rd .xoo-wsc-ft-btn-checkout:hover::after {
	transform: translateX(4px);
}

/* Μηνύματα του plugin (π.χ. «προστέθηκε», «δεν υπάρχει απόθεμα») */
body.fab-rd .xoo-wsc-notice-container {
	right: 0;
	left: 0;
}

body.fab-rd .xoo-wsc-notices li {
	border-radius: 0 !important;
	font-family: var(--rd-font-book);
	font-size: 13px;
}

@media (max-width: 480px) {
	body.fab-rd .xoo-wsc-modal .xoo-wsc-container,
	body.fab-rd .xoo-wsc-modal .xoo-wsc-slider {
		width: 88vw !important;
	}

	body.fab-rd .xoo-wsc-header {
		padding: 22px 18px 14px !important;
	}

	body.fab-rd .xoo-wsc-body,
	body.fab-rd .xoo-wsc-footer {
		padding-right: 18px !important;
		padding-left: 18px !important;
	}
}

/* Πάνω από το header (NavMenu: 999999· στην αρχική το .ih-navmenu έχει το μέγιστο,
   οπότε με ίσο z-index κερδίζει το side cart, που είναι πιο κάτω στη σελίδα). */
body.fab-rd .xoo-wsc-modal .xoo-wsc-container {
	z-index: 2147483647 !important;
}

body.fab-rd .xoo-wsc-modal .xoo-wsc-opac {
	z-index: 2147483646 !important;
}

/* Βελάκι του Figma (λεπτή γραμμή + μύτη), ως SVG mask: παίρνει το χρώμα του κειμένου. */
body.fab-rd .xoo-wsc-modal .xoo-wsc-ft-btn-checkout::after,
body.fab-rd .xoo-wsc-modal .xoo-wsc-empty-cart .xoo-wsc-btn::after {
	content: "" !important;
	display: inline-block !important;
	position: static !important;
	width: 18px;
	height: 12px;
	margin: 0 0 0 2px !important;
	background: currentColor !important;
	opacity: 1 !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h16.5M11.5 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h16.5M11.5 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.2s ease;
}

body.fab-rd .xoo-wsc-modal .xoo-wsc-ft-btn-checkout:hover::after,
body.fab-rd .xoo-wsc-modal .xoo-wsc-empty-cart .xoo-wsc-btn:hover::after {
	transform: translateX(5px);
}

/* Κινητό: το σύνολο ακριβώς κάτω από τα προϊόντα, χωρίς το μεγάλο κενό (παρατήρηση ομάδας 9/10).
   Η λίστα πιάνει όσο χρειάζεται· με πολλά προϊόντα συνεχίζει να κυλά μέσα στο ύψος της οθόνης. */
@media (max-width: 768px) {
	body.fab-rd .xoo-wsc-modal .xoo-wsc-body {
		flex: 0 1 auto !important;
	}

	body.fab-rd .xoo-wsc-modal .xoo-wsc-footer {
		padding-top: 16px !important;
	}

	/* Η γραμμή κάτω από το τελευταίο προϊόν χωρίζει ήδη από το σύνολο: όχι δεύτερη γραμμή */
	body.fab-rd .xoo-wsc-modal .xoo-wsc-ft-totals {
		padding-top: 0 !important;
		border-top: 0 !important;
	}
}

/* «Ολοκλήρωση παραγγελίας» ως κανονικό κουμπί (αίτημα Γιώργου 12/10): μαύρο, σε όλο το πλάτος,
   ίδιο ύφος με το «Προσθήκη στο καλάθι» της σελίδας προϊόντος. Το βελάκι μένει. */
body.fab-rd .xoo-wsc-modal .xoo-wsc-ft-buttons-cont {
	display: block !important;
}

body.fab-rd .xoo-wsc-modal .xoo-wsc-ft-btn-checkout {
	display: flex !important;
	justify-content: center;
	gap: 12px;
	box-sizing: border-box;
	width: 100% !important;
	min-height: 50px;
	padding: 0 20px !important;
	background: var(--rd-ink) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-style: normal;
	letter-spacing: 0.08em !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	transition: background 0.2s ease;
}

body.fab-rd .xoo-wsc-modal .xoo-wsc-ft-btn-checkout:hover {
	background: #000 !important;
	color: #fff !important;
}