/*
Theme Name: Ηλιοχάρη
Theme URI: https://eliochari.gr
Description: Child theme του Twenty Twenty-Five για το eliochari.gr. Χρώματα, γραμματοσειρές και διάταξη ζουν στο theme.json, οι ενότητες στο patterns/.
Author: Kyriakos Marinis
Template: twentytwentyfive
Version: 0.8.6
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eliochari
*/

/* Μπάρα ανακοίνωσης: αραιό spacing */
.eliochari-announcement p {
	letter-spacing: 0.08em;
}

/* Header: λογότυπο σε σταθερό ύψος */
.eliochari-logo img {
	display: block;
	height: 44px;
	width: auto;
}
@media (max-width: 600px) {
	.eliochari-logo img {
		height: 34px;
	}
}

/* Footer: το κύμα από το logo ως πάνω όριο */
.eliochari-footer {
	position: relative;
	margin-top: 120px;
}
.eliochari-footer::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 80px;
	background: no-repeat bottom / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%2329588A' d='M0 48 C 180 8 360 8 540 36 S 900 76 1080 44 S 1320 10 1440 30 L1440 80 L0 80 Z'/%3E%3C/svg%3E");
	pointer-events: none;
}
.eliochari-footer a {
	text-decoration: none;
}
.eliochari-footer a:hover,
.eliochari-footer a:focus-visible {
	text-decoration: underline;
}

/* Τίτλοι προϊόντων στα πλέγματα: πιο ήσυχοι από τους κανονικούς τίτλους */
.wc-block-components-product-name {
	font-family: var(--wp--preset--font-family--commissioner);
}

/* Αναζήτηση στο header: σκέτο εικονίδιο, όχι κουμπί */
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
	background: transparent;
	color: var(--wp--preset--color--contrast);
	padding: 0.5rem;
	border-radius: 0;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button:hover {
	color: var(--wp--preset--color--accent-1);
}
.wp-block-search__button svg {
	width: 26px;
	height: 26px;
	fill: currentColor;
}

/* Το footer κάθεται πάντα στο κάτω μέρος, και σε σελίδες με λίγο περιεχόμενο */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
body.admin-bar .wp-site-blocks {
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
}
.wp-site-blocks > main {
	flex: 1 0 auto;
}

/* Header: εικονίδια πιο κοντά μεταξύ τους */
.eliochari-header-icons {
	gap: 0.75rem;
}

/* Header σε κινητό (κάτω από 600px, εκεί που το menu γίνεται ☰):
   logo αριστερά, εικονίδια και ☰ μαζί δεξιά */
@media (max-width: 599px) {
	.eliochari-header-row {
		justify-content: flex-start;
		gap: 0.25rem;
	}
	.eliochari-header-row > .eliochari-logo {
		margin-right: auto;
	}
	.eliochari-header-row > .wp-block-navigation {
		order: 3;
	}
	.eliochari-header-icons {
		gap: 0.25rem;
	}
}

/* Footer: πιο πυκνά links */
.eliochari-footer .wp-block-navigation__container {
	gap: 0.5rem;
}

/* Footer σε tablet/κινητό: logo σε όλο το πλάτος, οι 3 στήλες links σε 2 */
@media (max-width: 781px) {
	.eliochari-footer .wp-block-columns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem 1.5rem;
	}
	.eliochari-footer .wp-block-column:first-child {
		grid-column: 1 / -1;
	}
	.eliochari-footer .wp-block-column:first-child img {
		width: 110px !important;
	}
}

/* Αρχική: κατηγορίες σε 2x2 στο κινητό, χωρίς υπογράμμιση στα ονόματα */
.eliochari-categories a {
	text-decoration: none;
}
.eliochari-categories img {
	transition: opacity 0.2s ease;
}
.eliochari-categories a:hover img {
	opacity: 0.88;
}
@media (max-width: 599px) {
	.eliochari-categories {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		gap: 0.75rem;
	}
}

/* Αρχική: η ενότητα «εργαστήριο» αναπνέει στο κινητό */
@media (max-width: 600px) {
	.wp-block-media-text.alignfull .wp-block-media-text__content {
		padding-left: var(--wp--style--root--padding-left, 1.5rem);
		padding-right: var(--wp--style--root--padding-right, 1.5rem);
	}
}

/* Χωρίς animation για όσους το έχουν κλείσει στο σύστημα */
@media (prefers-reduced-motion: reduce) {
	.eliochari-categories img {
		transition: none;
	}
}

/* Αρχική: το κείμενο του hero ευθυγραμμίζεται με το υπόλοιπο site,
   όχι κολλημένο στην άκρη της οθόνης */
.wp-block-post-content > .wp-block-cover.alignfull .wp-block-cover__inner-container {
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1280px);
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left, 1.5rem) var(--wp--style--root--padding-right, 1.5rem);
	box-sizing: border-box;
}

/* ---------- Σελίδα προϊόντος ---------- */

/* Η στήλη πληροφοριών μένει ορατή όσο κυλάει η gallery (μόνο σε desktop) */
@media (min-width: 782px) {
	.eliochari-product-info {
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0px) + 1.5rem);
		align-self: flex-start;
	}
}
.eliochari-product-info > * + * {
	margin-block-start: 1.25rem;
}
.eliochari-product-info .wp-block-post-title {
	margin-block-end: 0;
}

/* Ποσότητα και κουμπί στην ίδια γραμμή, το κουμπί γεμίζει τον χώρο */
.eliochari-product-info form.cart:not(.variations_form),
.eliochari-product-info .woocommerce-variation-add-to-cart {
	display: flex;
	gap: 0.75rem;
	align-items: stretch;
}
.eliochari-product-info form.cart .quantity input.qty {
	height: 100%;
	min-height: 3rem;
	width: 4.5rem;
	border: 1px solid var(--wp--preset--color--accent-6);
	background: var(--wp--preset--color--accent-5);
	text-align: center;
}
.eliochari-product-info form.cart .single_add_to_cart_button {
	flex: 1;
}
.eliochari-product-info .stock {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--gold-dark);
}

/* Τρία σημεία εμπιστοσύνης με λεπτές γραμμές ανάμεσα */
.eliochari-product-trust {
	gap: 0 !important;
	border-block: 1px solid var(--wp--preset--color--accent-6);
	padding-block: 0.75rem;
}
.eliochari-product-trust p {
	margin: 0;
	padding-inline: 0.5rem;
	line-height: 1.35;
}
.eliochari-product-trust p + p {
	border-inline-start: 1px solid var(--wp--preset--color--accent-6);
}

/* Το πλαίσιο-ιστορία κρύβεται αν το προϊόν δεν έχει σύντομη περιγραφή */
.eliochari-product-story:not(:has(.wp-block-post-excerpt__excerpt)) {
	display: none;
}
.eliochari-product-story .wp-block-post-excerpt__excerpt {
	margin: 0;
}

/* Accordions: τίτλος σε Didot, γραμμή από πάνω, +/− δεξιά */
.eliochari-product-accordions .wp-block-details {
	border-top: 1px solid var(--wp--preset--color--accent-6);
	padding-block: 0.9rem;
	margin: 0;
}
.eliochari-product-accordions .wp-block-details:last-child {
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}
.eliochari-product-accordions summary {
	font-family: var(--wp--preset--font-family--didot);
	font-size: var(--wp--preset--font-size--large);
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.eliochari-product-accordions summary::-webkit-details-marker {
	display: none;
}
.eliochari-product-accordions summary::after {
	content: "+";
	font-family: var(--wp--preset--font-family--commissioner);
	font-weight: 300;
	color: var(--wp--preset--color--gold-dark);
}
.eliochari-product-accordions details[open] > summary::after {
	content: "−";
}
.eliochari-product-accordions details > :not(summary) {
	margin-block-start: 0.75rem;
}

/* Gallery: μικρογραφίες σε σειρά, η ενεργή με χρυσό περίγραμμα */
.eliochari-product .flex-control-thumbs {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.5rem;
}
.eliochari-product .flex-control-thumbs li {
	width: 18% !important;
}
.eliochari-product .flex-control-thumbs img.flex-active {
	outline: 1px solid var(--wp--preset--color--accent-1);
	outline-offset: 2px;
}

/* ---------- Κατάστημα / κατηγορίες ---------- */
.eliochari-archive-bar {
	border-block-end: 1px solid var(--wp--preset--color--accent-6);
	padding-block-end: 0.75rem;
	margin-block-end: 1.5rem;
}
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
	color: var(--wp--preset--color--accent-4);
}

/* Η gallery γεμίζει όλη τη στήλη (το κλασικό CSS του Woo την περιορίζει στο 48%) */
.eliochari-product .woocommerce-product-gallery {
	width: 100% !important;
	float: none !important;
	margin-bottom: 0 !important;
}
.eliochari-product .woocommerce-product-gallery__trigger {
	background: var(--wp--preset--color--accent-5);
}

/* Μοναδικό κομμάτι (χωρίς επιλογή ποσότητας): το κουμπί ξεκινά από την αρχή */
.eliochari-product-info form.cart .quantity:has(input[type="hidden"]) {
	display: none;
}
.eliochari-product-info form.cart div.quantity {
	float: none;
	margin: 0;
}

/* «Μπορεί να σας αρέσουν» κρύβεται όταν δεν υπάρχουν σχετικά προϊόντα */
.eliochari-related:not(:has(.wc-block-product)) {
	display: none;
}

/* Ταξινόμηση: ήσυχο dropdown στο στυλ του site */
.woocommerce-ordering select.orderby {
	appearance: none;
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast);
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2386601A'/%3E%3C/svg%3E") no-repeat right 0.25rem center;
	border: 0;
	padding: 0.25rem 1.5rem 0.25rem 0;
	cursor: pointer;
}

/* Η κύρια φωτογραφία προϊόντος γεμίζει το πλάτος της στήλης */
.eliochari-product .woocommerce-product-gallery__image img,
.eliochari-product .woocommerce-product-gallery__image a {
	display: block;
	width: 100%;
	height: auto;
}

/* Όταν δεν υπάρχει ορατό πεδίο ποσότητας, το κουτί του δεν πιάνει χώρο */
.eliochari-product-info form.cart .quantity:not(:has(input[type="number"])) {
	display: none;
}
.eliochari-product-info form.cart .single_add_to_cart_button {
	margin-left: 0 !important;
}

/* ---------- Gallery προϊόντος (block του WooCommerce) ---------- */

/* Η φωτογραφία χωράει ολόκληρη στο πλαίσιο, χωρίς κόψιμο και χωρίς παραμόρφωση.
   Φωτογραφίες 1:1 γεμίζουν το πλαίσιο, οι υπόλοιπες αφήνουν διάφανο περιθώριο. */
.eliochari-gallery {
	gap: 1rem;
	align-items: flex-start;
}
.eliochari-gallery .wc-block-product-gallery-large-image {
	background: transparent;
}
.eliochari-gallery .wc-block-components-product-image img {
	object-fit: contain !important;
	border-radius: 14px;
}
.eliochari-gallery .wc-block-product-gallery-large-image__container {
	cursor: zoom-in;
	outline: none;
}


/* Βελάκια: σκέτο εικονίδιο, χωρίς γκρι κουτί */
.eliochari-gallery .wc-block-next-previous-buttons__button {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--wp--preset--color--contrast) !important;
}
.eliochari-gallery .wc-block-next-previous-buttons__button:disabled,
.eliochari-gallery .wc-block-next-previous-buttons__button[aria-disabled="true"] {
	opacity: 0.25;
}

/* Μικρογραφίες: οι ανενεργές αχνές, η ενεργή καθαρή με λεπτή γραμμή μέσα στο πλαίσιο */
.eliochari-gallery .wc-block-product-gallery-thumbnails__thumbnail__image {
	border-radius: 8px;
	outline: none !important;
	box-shadow: none !important;
	filter: none !important;
	opacity: 0.55;
	transition: opacity 0.15s ease;
}
.eliochari-gallery .wc-block-product-gallery-thumbnails__thumbnail__image:hover {
	opacity: 0.85;
}
.eliochari-gallery .wc-block-product-gallery-thumbnails__thumbnail__image--is-active {
	opacity: 1;
	outline: 1px solid var(--wp--preset--color--contrast) !important;
	outline-offset: -1px !important;
}
.eliochari-gallery .wc-block-product-gallery-thumbnails__thumbnail__image:focus-visible {
	opacity: 1;
	outline: 1px solid var(--wp--preset--color--contrast) !important;
	outline-offset: -1px !important;
}

/* ---------- Προβολή σε όλη την οθόνη ---------- */
html.eliochari-lightbox-open {
	overflow: hidden;
}
.eliochari-lightbox {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100dvh;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	overflow: hidden;
}
.eliochari-lightbox[open] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
}
.eliochari-lightbox::backdrop {
	background: var(--wp--preset--color--base);
}

/* Η φωτογραφία ζει σε δικό της πλαίσιο με χώρο για τα βελάκια δεξιά-αριστερά,
   οπότε τίποτα δεν πέφτει πάνω της */
.eliochari-lightbox__stage {
	position: relative;
	height: 100dvh;
	box-sizing: border-box;
	padding: 2rem 4.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}
.eliochari-lightbox__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	user-select: none;
	-webkit-user-drag: none;
}
.eliochari-lightbox button {
	cursor: pointer;
	font: inherit;
	color: inherit;
	-webkit-tap-highlight-color: transparent;
}
.eliochari-lightbox button:focus {
	outline: none;
}
.eliochari-lightbox button:focus-visible {
	outline: 1px solid var(--wp--preset--color--contrast);
	outline-offset: 3px;
}
.eliochari-lightbox__close {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	z-index: 2;
	width: 2.75rem;
	height: 2.75rem;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-2);
	display: grid;
	place-items: center;
	transition: background-color 0.15s ease;
}
.eliochari-lightbox__close:hover {
	background: var(--wp--preset--color--accent-6);
}
.eliochari-lightbox__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3rem;
	height: 3rem;
	display: grid;
	place-items: center;
	background: transparent;
	border: 0;
	padding: 0;
	opacity: 0.6;
	transition: opacity 0.15s ease;
}
.eliochari-lightbox__nav:hover {
	opacity: 1;
}
.eliochari-lightbox__nav.is-prev { left: 0.75rem; }
.eliochari-lightbox__nav.is-next { right: 0.75rem; }

/* Μικρογραφίες: στήλη δεξιά, κάτω από το κουμπί κλεισίματος */
.eliochari-lightbox__thumbs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.75rem;
	box-sizing: border-box;
	height: 100dvh;
	padding: 5.5rem 1.5rem 2rem 0.75rem;
	overflow-y: auto;
	scrollbar-width: none;
}
.eliochari-lightbox__thumb {
	flex: none;
	padding: 0;
	border: 0;
	background: none;
	border-radius: 50%;
	opacity: 0.5;
	transition: opacity 0.15s ease;
}
.eliochari-lightbox__thumb:hover {
	opacity: 0.85;
}
.eliochari-lightbox__thumb img {
	display: block;
	width: 3rem;
	height: 3rem;
	object-fit: cover;
	border-radius: 50%;
}
.eliochari-lightbox__thumb.is-active {
	opacity: 1;
	box-shadow: 0 0 0 2px var(--wp--preset--color--base), 0 0 0 3px var(--wp--preset--color--contrast);
}
.eliochari-lightbox.is-single .eliochari-lightbox__nav,
.eliochari-lightbox.is-single .eliochari-lightbox__thumbs {
	display: none;
}
.eliochari-lightbox.is-single[open] {
	grid-template-columns: 1fr;
}

/* Κινητό: φωτογραφία σε όλο το πλάτος, μικρογραφίες σε σειρά κάτω */
@media (max-width: 599px) {
	.eliochari-lightbox[open] {
		grid-template-columns: 1fr;
		grid-template-rows: minmax(0, 1fr) auto;
	}
	.eliochari-lightbox__stage {
		height: auto;
		padding: 4.5rem 0.5rem 0.5rem;
	}
	.eliochari-lightbox__nav {
		display: none;
	}
	.eliochari-lightbox__thumbs {
		flex-direction: row;
		height: auto;
		padding: 0.75rem 1rem 1.5rem;
		overflow-x: auto;
		overflow-y: hidden;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eliochari-gallery *,
	.eliochari-lightbox * {
		transition: none !important;
	}
}

/* Focus: όχι μπλε δαχτυλίδι του browser μετά από κλικ. Με πληκτρολόγιο,
   μία λεπτή γραμμή στο χρώμα του κειμένου. */
.eliochari-gallery :focus:not(:focus-visible),
.eliochari-gallery:focus:not(:focus-visible) {
	outline: none !important;
	box-shadow: none !important;
}
.eliochari-gallery .wc-block-next-previous-buttons__button:focus-visible {
	outline: 1px solid var(--wp--preset--color--contrast) !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}

/* Μπάρα ανακοίνωσης σε μπλε θάλασσας */
.eliochari-announcement a {
	color: inherit;
}

/* Η μεγάλη φωτογραφία δεν δείχνει ποτέ περίγραμμα focus: το WooCommerce της
   δίνει focus μόνο του όταν αλλάζεις φωτογραφία, και επειδή το πλαίσιο είναι
   στρογγυλεμένο και κομμένο, έβγαιναν μόνο τα τόξα στις γωνίες. */
.eliochari-gallery .wc-block-product-gallery-large-image__container,
.eliochari-gallery .wc-block-product-gallery-large-image__container:focus,
.eliochari-gallery .wc-block-product-gallery-large-image__container:focus-visible,
.eliochari-gallery .wc-block-product-gallery-large-image__wrapper:focus-visible,
.eliochari-gallery .wc-block-product-gallery-large-image:focus-within {
	outline: none !important;
	box-shadow: none !important;
}

/* Τίποτα μέσα στο πλαίσιο της μεγάλης φωτογραφίας δεν δείχνει περίγραμμα
   (φωτογραφία, link, wrapper), μόνο τα βελάκια με πληκτρολόγιο. */
.eliochari-gallery .wc-block-product-gallery-large-image *:not(.wc-block-next-previous-buttons__button),
.eliochari-gallery .wc-block-product-gallery-large-image *:not(.wc-block-next-previous-buttons__button):focus,
.eliochari-gallery .wc-block-product-gallery-large-image *:not(.wc-block-next-previous-buttons__button):focus-visible {
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
}

/* ---------- Breadcrumbs ---------- */
.woocommerce-breadcrumb {
	font-size: 0.8rem !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}
.woocommerce-breadcrumb a {
	color: var(--wp--preset--color--accent-4);
	text-decoration: none;
	transition: color 0.15s ease;
}
.woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:focus-visible {
	color: var(--wp--preset--color--gold-dark);
}
.eliochari-crumb-sep {
	display: inline-block;
	margin-inline: 0.6em;
	color: var(--wp--preset--color--accent-1);
	opacity: 0.7;
}

/* ---------- Κατηγορίες στο κατάστημα ---------- */
.eliochari-cats {
	margin-block: 1.5rem 0.5rem;
}
.eliochari-cats .eliochari-cats__main {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.eliochari-cat {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1.1rem;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
	background: transparent;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.eliochari-cat:hover {
	border-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--contrast);
}
.eliochari-cat.is-active {
	background: var(--wp--preset--color--accent-3);
	border-color: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--base);
}
.eliochari-cat__img {
	width: 1.75rem;
	height: 1.75rem;
	margin-left: -0.6rem;
	border-radius: 50%;
	object-fit: cover;
}
/* Στο κινητό: μία σειρά που σύρεται οριζόντια */
@media (max-width: 599px) {
	.eliochari-cats .eliochari-cats__main {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		padding-bottom: 0.25rem;
	}
	.eliochari-cat {
		white-space: nowrap;
	}
}

/* ---------- Hero αρχικής ---------- */
/* Ψηλότερο: σχεδόν όλη η πρώτη οθόνη, με όριο για πολύ ψηλές οθόνες */
.wp-block-post-content > .wp-block-cover.alignfull:first-child {
	min-height: min(82vh, 820px) !important;
}
/* Το κείμενο ευθυγραμμίζεται με το logo. Το WordPress μηδενίζει τα περιθώρια
   όταν ορίζεται θέση περιεχομένου, γι' αυτό χρειάζεται !important. */
.wp-block-post-content > .wp-block-cover.alignfull.has-custom-content-position .wp-block-cover__inner-container {
	width: 100% !important;
	max-width: var(--wp--style--global--wide-size, 1280px) !important;
	margin-inline: auto !important;
}
@media (max-width: 599px) {
	.wp-block-post-content > .wp-block-cover.alignfull:first-child {
		min-height: 72vh !important;
	}
}

/* ---------- Slider hero ---------- */
.eliochari-slider {
	position: relative;
}
.eliochari-slider .eliochari-slide,
.wp-block-post-content > .eliochari-slider .wp-block-cover {
	min-height: min(82vh, 820px) !important;
	margin: 0;
}
.eliochari-slider .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container {
	width: 100% !important;
	max-width: var(--wp--style--global--wide-size, 1280px) !important;
	margin-inline: auto !important;
	padding-inline: var(--wp--style--root--padding-left, 1.5rem) var(--wp--style--root--padding-right, 1.5rem);
	box-sizing: border-box;
}
/* Όταν τρέχει το script: οριζόντιο κύλισμα με snap, ένα slide τη φορά */
.eliochari-slider.is-ready .eliochari-slider__track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.eliochari-slider.is-ready .eliochari-slider__track::-webkit-scrollbar {
	display: none;
}
.eliochari-slider.is-ready .eliochari-slider__track > .wp-block-cover {
	flex: 0 0 100%;
	scroll-snap-align: start;
	margin: 0 !important;
}
.eliochari-slider__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 3rem;
	height: 3rem;
	display: grid;
	place-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--contrast);
	opacity: 0.55;
	cursor: pointer;
	transition: opacity 0.15s ease;
}
.eliochari-slider__arrow:hover { opacity: 1; }
.eliochari-slider__arrow.is-prev { left: 0.5rem; }
.eliochari-slider__arrow.is-next { right: 0.5rem; }
.eliochari-slider__dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.5rem;
	z-index: 3;
	display: flex;
	justify-content: center;
	gap: 0.6rem;
}
.eliochari-slider__dots button {
	width: 0.6rem;
	height: 0.6rem;
	padding: 0;
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: background-color 0.15s ease, width 0.2s ease;
}
.eliochari-slider__dots button.is-active {
	width: 1.6rem;
	border-radius: 999px;
	background: var(--wp--preset--color--contrast);
}
.eliochari-slider button:focus { outline: none; }
.eliochari-slider button:focus-visible {
	outline: 1px solid var(--wp--preset--color--contrast);
	outline-offset: 3px;
}
@media (max-width: 599px) {
	.eliochari-slider .eliochari-slide,
	.wp-block-post-content > .eliochari-slider .wp-block-cover {
		min-height: 72vh !important;
	}
	.eliochari-slider__arrow { display: none; }
}
/* Στον editor τα slides φαίνονται το ένα κάτω από το άλλο για εύκολη επεξεργασία */
.editor-styles-wrapper .eliochari-slider .wp-block-cover {
	min-height: 420px !important;
	margin-block-end: 1rem;
}

/* ---------- Υποκατηγορίες στο κατάστημα ----------
   Δεύτερο επίπεδο: μικρότερα, ήσυχα «κουμπάκια» χωρίς περίγραμμα.
   Η ενεργή υποκατηγορία παίρνει φόντο άμμου. */
.eliochari-cats .eliochari-cats__sub {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
}
.eliochari-subcat {
	display: inline-block;
	padding: 0.4rem 0.9rem;
	border-radius: 999px;
	font-size: 0.82rem;
	letter-spacing: 0.02em;
	text-decoration: none;
	color: var(--wp--preset--color--accent-4);
	transition: background-color 0.15s ease, color 0.15s ease;
}
.eliochari-subcat:hover {
	color: var(--wp--preset--color--contrast);
	background: color-mix(in srgb, var(--wp--preset--color--accent-2) 55%, transparent);
}
.eliochari-subcat.is-active {
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--accent-2);
}
@media (max-width: 599px) {
	.eliochari-cats .eliochari-cats__sub {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.eliochari-subcat {
		white-space: nowrap;
	}
}

/* ---------- Υπομενού στο header ---------- */
.eliochari-header-row .wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--base) !important;
	border: 1px solid var(--wp--preset--color--accent-6) !important;
	border-radius: 8px;
	padding: 0.5rem 0;
	min-width: 13rem !important;
	text-transform: none;
	letter-spacing: 0.02em;
}
.eliochari-header-row .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.5rem 1.25rem;
}

/* ---------- Σελίδες κειμένου (Αποστολές, Όροι κ.λπ.) ---------- */
.wp-block-post-content .wp-block-table table {
	border-collapse: collapse;
	width: 100%;
	font-size: var(--wp--preset--font-size--small);
}
.wp-block-post-content .wp-block-table th,
.wp-block-post-content .wp-block-table td {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
	padding: 0.7rem 0.5rem;
	text-align: left;
}
.wp-block-post-content .wp-block-table thead th {
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 0.78rem;
	color: var(--wp--preset--color--accent-4);
	border-bottom-color: var(--wp--preset--color--contrast);
}
.wp-block-post-content .wp-block-table thead {
	border-bottom: 0;
}
.wp-block-post-content .wp-block-list li + li {
	margin-top: 0.4rem;
}

/* Κάρτες κατηγοριών στην αρχική: όλη η κάρτα είναι clickable μέσω του
   link στο όνομα της κατηγορίας. Έτσι δουλεύει ακόμα κι αν αλλαχτεί η
   εικόνα και χαθεί το link της. */
.eliochari-categories .wp-block-column {
	position: relative;
}
.eliochari-categories .wp-block-column p a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.eliochari-categories .wp-block-column:hover img {
	opacity: 0.88;
}
.eliochari-categories .wp-block-column:has(a:focus-visible) {
	outline: 1px solid var(--wp--preset--color--contrast);
	outline-offset: 4px;
}
.eliochari-categories .wp-block-column a:focus-visible {
	outline: none;
}

/* ---------- Ετικέτα «Προσφορά» ----------
   Μικρό χρυσό κουμπάκι αντί για το μαύρο πλαίσιο του WooCommerce. */
.wc-block-components-product-sale-badge,
.wp-block-woocommerce-product-sale-badge .wc-block-components-product-sale-badge,
.woocommerce span.onsale {
	background: var(--wp--preset--color--gold-dark) !important;
	color: var(--wp--preset--color--accent-5) !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	padding: 0.3rem 0.75rem !important;
	min-height: 0 !important;
	min-width: 0 !important;
	line-height: 1.2 !important;
	font-family: var(--wp--preset--font-family--commissioner) !important;
	font-size: 0.7rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
}
.wc-block-components-product-image .wc-block-components-product-sale-badge {
	top: 0.75rem !important;
	right: 0.75rem !important;
	margin: 0 !important;
}
/* Η αρχική τιμή διαγραμμένη και πιο αχνή, η νέα τιμή καθαρή */
.wc-block-components-product-price del,
.woocommerce-Price-amount del,
.price del {
	color: var(--wp--preset--color--accent-4);
	opacity: 0.8;
	margin-right: 0.35em;
}
.wc-block-components-product-price ins,
.price ins {
	text-decoration: none;
	color: var(--wp--preset--color--gold-dark);
	font-weight: 500;
}

/* Slider στο κινητό: η εικόνα κεντράρεται στο δεξί μέρος, εκεί που είναι
   το θέμα της (οι εικόνες hero έχουν ήσυχο χώρο αριστερά για το κείμενο). */
@media (max-width: 781px) {
	.eliochari-slider .wp-block-cover__image-background {
		object-position: 72% 50% !important;
	}
	.eliochari-slider .wp-block-cover__inner-container {
		align-self: flex-start;
		padding-top: 2rem;
	}
}