/* ==========================================================================
   Μελισσοκομία Κούκουνα — στυλ θέματος
   Χρώματα, γραμματοσειρές και μεγέθη ορίζονται στο theme.json.
   ========================================================================== */

:root {
	--mk-radius: 10px;
	--mk-shadow: 0 1px 2px rgba(30, 38, 31, .06), 0 8px 24px -12px rgba(30, 38, 31, .18);
	--mk-ease: cubic-bezier(.2, .7, .2, 1);
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

:where(a) { text-underline-offset: .18em; text-decoration-thickness: 1px; }

:focus-visible {
	outline: 2px solid var(--wp--preset--color--honey-deep);
	outline-offset: 3px;
	border-radius: 3px;
}

::selection { background: var(--wp--preset--color--honey); color: var(--wp--preset--color--ink); }

/* ---- Βοηθητικά τυπογραφίας ---------------------------------------------- */

.mk-eyebrow,
.mk-eyebrow a {
	font-family: var(--wp--preset--font-family--sans);
	font-size: .78rem !important;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--honey-deep);
	text-decoration: none;
	margin-bottom: .25rem;
}

.mk-lead {
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--muted);
	max-width: 38em;
}

.mk-display em {
	font-style: italic;
	color: var(--wp--preset--color--honey-deep);
}

.mk-link-arrow a {
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
}
.mk-link-arrow a::after { content: " →"; }

.mk-meta { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }

/* ---- Κεφαλίδα ----------------------------------------------------------- */

.mk-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: color-mix(in srgb, var(--wp--preset--color--paper) 92%, transparent);
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
	backdrop-filter: saturate(1.4) blur(10px);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.admin-bar .mk-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .mk-header { top: 0; } }

.mk-header__bar { padding-block: .75rem; gap: 1.5rem; }
.mk-brand { gap: .75rem; align-items: center; }
.mk-brand .wp-block-site-logo img { height: auto; max-height: 56px; width: auto; }
.mk-brand .wp-block-site-title { margin: 0; line-height: 1.1; }

.mk-nav .wp-block-navigation-item__content { text-decoration: none; padding-block: .35rem; }
.mk-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--honey-deep); }
.mk-nav .current-menu-item > .wp-block-navigation-item__content {
	box-shadow: inset 0 -2px 0 var(--wp--preset--color--honey);
}
@media (min-width: 600px) {
	.mk-nav .mk-nav__cta > .wp-block-navigation-item__content {
		background: var(--wp--preset--color--forest);
		color: var(--wp--preset--color--white);
		padding: .5rem 1rem;
		border-radius: 6px;
	}
	.mk-nav .mk-nav__cta > .wp-block-navigation-item__content:hover {
		background: var(--wp--preset--color--forest-deep);
		color: var(--wp--preset--color--white);
	}
}
.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--paper) !important;
	padding: 1.5rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.6rem;
}

/* ---- Κοινά τμήματα ------------------------------------------------------ */

.mk-main { padding-bottom: 0; }
.mk-main > *:first-child { margin-top: 0; }

.mk-section { padding-block: var(--wp--preset--spacing--60); }
.mk-section:not(.mk-band) + .mk-section:not(.mk-band) { padding-top: 0; }
.mk-section__head { max-width: 640px; margin-bottom: var(--wp--preset--spacing--40); }
.mk-section__head h2 { margin-top: .25rem; }

.mk-band {
	background: var(--wp--preset--color--cream);
	border-block: 1px solid var(--wp--preset--color--line);
}

.mk-page-head {
	padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
}
.mk-page-head h1 { margin-top: .25rem; }

/* ---- Hero --------------------------------------------------------------- */

.mk-hero {
	padding-top: var(--wp--preset--spacing--60);
	background:
		radial-gradient(1100px 420px at 78% 8%, rgba(217, 160, 51, .16), transparent 70%),
		var(--wp--preset--color--paper);
	overflow: hidden;
}
.mk-hero__text { max-width: 1200px; }
.mk-hero__text > * { max-width: 760px; }
.mk-hero h1 {
	margin-block: .4rem 1.25rem;
	line-height: 1.04;
}
.mk-hero .wp-block-buttons { margin-top: 2rem; }
.mk-hero__art { margin-top: var(--wp--preset--spacing--40) !important; margin-bottom: 0 !important; }
.mk-hero__art img { width: 100%; height: auto; display: block; }

/* ---- Κουμπιά ------------------------------------------------------------ */

.wp-block-button__link { transition: background-color .2s var(--mk-ease), transform .2s var(--mk-ease); }
.wp-block-button__link:active { transform: translateY(1px); }

.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--forest);
	border: 1.5px solid currentColor;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--forest);
}

/* ---- Σχετικά / στοιχεία -------------------------------------------------- */

.mk-about__cols { gap: var(--wp--preset--spacing--50); }
.mk-photo img {
	border-radius: var(--mk-radius);
	width: 100%;
	height: auto;
	box-shadow: var(--mk-shadow);
}

.mk-facts {
	margin-top: var(--wp--preset--spacing--50) !important;
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: var(--wp--preset--spacing--40);
	gap: var(--wp--preset--spacing--40) !important;
}
.mk-fact p { margin: 0; color: var(--wp--preset--color--muted); }
.mk-fact .mk-fact__big {
	font-family: var(--wp--preset--font-family--serif);
	font-style: italic;
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--forest-deep);
	margin-bottom: .35rem;
}

/* ---- Κάρτες ------------------------------------------------------------- */

.mk-grid { gap: var(--wp--preset--spacing--30) !important; }

.mk-card {
	position: relative;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--mk-radius);
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
	transition: transform .25s var(--mk-ease), box-shadow .25s var(--mk-ease), border-color .25s;
}
.mk-card:hover { transform: translateY(-3px); box-shadow: var(--mk-shadow); border-color: var(--wp--preset--color--honey); }
.mk-card > * { margin-block: 0; }
.mk-card > * + * { margin-top: .6rem; }
.mk-card p { color: var(--wp--preset--color--muted); font-size: .97rem; }
.mk-card__title { font-size: 1.6rem !important; }
.mk-card__title a { text-decoration: none; color: var(--wp--preset--color--forest-deep); }
.mk-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.mk-card p.mk-card__more {
	margin-top: 1rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	color: var(--wp--preset--color--forest);
}
.mk-card__more::after { content: " →"; transition: margin .2s; }
.mk-card:hover .mk-card__more::after { margin-left: .25rem; }

.mk-card--product { padding: var(--wp--preset--spacing--30); }
.mk-card--product .mk-card__title { font-size: 1.3rem !important; }

/* ---- Βάζα μελιού (χρώμα ανά ποικιλία) ------------------------------------ */

.mk-jar {
	--honey-a: #E9B94E;
	--honey-b: #C98A1B;
	position: relative;
	width: 64px;
	height: 78px;
	margin-bottom: 1.1rem !important;
	border-radius: 10px 10px 16px 16px;
	background:
		linear-gradient(100deg, rgba(255, 255, 255, .45) 0 14%, transparent 15% 100%),
		linear-gradient(180deg, var(--honey-a), var(--honey-b));
	box-shadow: inset 0 0 0 1.5px rgba(30, 38, 31, .18);
}
.mk-jar::before {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	top: -12px;
	height: 12px;
	border-radius: 4px 4px 2px 2px;
	background: var(--wp--preset--color--forest);
}
.mk-jar::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	top: 30%;
	height: 34%;
	border-radius: 3px;
	background: var(--wp--preset--color--paper);
	opacity: .92;
}
.mk-jar--thymarisio { --honey-a: #F1C964; --honey-b: #D9A033; }
.mk-jar--antheon    { --honey-a: #F4CF6A; --honey-b: #E2A62A; }
.mk-jar--dasous     { --honey-a: #8A5418; --honey-b: #4E2C09; }
.mk-jar--elatis     { --honey-a: #7A3416; --honey-b: #3B170A; }
.mk-jar--pefkou     { --honey-a: #B97A22; --honey-b: #7C4A0E; }

.mk-jar--big {
	width: 180px;
	height: 220px;
	margin: 0 auto !important;
	border-radius: 22px 22px 34px 34px;
}
.mk-jar--big::before { left: 22px; right: 22px; top: -30px; height: 30px; border-radius: 8px 8px 4px 4px; }
.mk-jar--big::after { left: 28px; right: 28px; border-radius: 6px; }

/* ---- Διαδικασία ----------------------------------------------------------- */

.mk-steps { gap: var(--wp--preset--spacing--40) !important; }
.mk-step { border-top: 2px solid var(--wp--preset--color--forest); padding-top: 1.25rem; }
.mk-step > * { margin-block: 0; }
.mk-step > * + * { margin-top: .5rem; }
.mk-step .mk-step__num {
	font-family: var(--wp--preset--font-family--serif);
	font-style: italic;
	color: var(--wp--preset--color--honey-deep);
	font-size: 1.1rem;
}
.mk-step p { color: var(--wp--preset--color--muted); }

/* ---- Κριτικές ------------------------------------------------------------ */

.mk-quotes { gap: var(--wp--preset--spacing--30) !important; }
.wp-block-quote.mk-quote {
	margin: 0;
	border: 0;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
	background: var(--wp--preset--color--cream);
	border-radius: var(--mk-radius);
	position: relative;
}
.wp-block-quote.mk-quote::before {
	content: "“";
	position: absolute;
	top: -.15em;
	left: .4em;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 5rem;
	line-height: 1;
	color: var(--wp--preset--color--honey);
}
.wp-block-quote.mk-quote p { margin: 0; line-height: 1.5; }
.wp-block-quote.mk-quote cite {
	display: block;
	margin-top: 1rem;
	font-family: var(--wp--preset--font-family--sans);
	font-style: normal;
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

/* ---- CTA & κουμπιά ερώτησης ---------------------------------------------- */

.mk-cta {
	background: var(--wp--preset--color--forest-deep);
	color: var(--wp--preset--color--cream);
	padding-block: var(--wp--preset--spacing--60);
	text-align: center;
}
.mk-cta h2 { color: var(--wp--preset--color--white); margin-top: .25rem; }
.mk-cta .mk-eyebrow { color: var(--wp--preset--color--honey); }
.mk-cta p { color: #D9D3C3; }
.mk-cta .mk-inquiry { background: transparent; border: 0; padding: 0; margin-inline: auto; }
.mk-cta .mk-inquiry__title,
.mk-cta .mk-inquiry__text { display: none; }
.mk-cta .mk-inquiry__buttons { display: flex; flex-wrap: wrap; justify-content: center; }
.mk-cta .mk-btn { background: rgba(255, 255, 255, .06); color: var(--wp--preset--color--white); border-color: rgba(255, 255, 255, .28); }
.mk-cta .mk-btn:hover { background: var(--wp--preset--color--honey); color: var(--wp--preset--color--ink); border-color: var(--wp--preset--color--honey); }

.mk-inquiry {
	margin-top: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--30);
	background: var(--wp--preset--color--cream);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--mk-radius);
}
.mk-inquiry__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.45rem;
	color: var(--wp--preset--color--forest-deep);
}
.mk-inquiry__text { margin: .25rem 0 1rem; color: var(--wp--preset--color--muted); font-size: .95rem; }
.mk-inquiry__buttons { display: grid; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: .6rem; }
.mk-inquiry__buttons .mk-btn { justify-content: center; }

.mk-btn {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .7rem 1.1rem;
	border: 1.5px solid var(--wp--preset--color--forest);
	border-radius: 6px;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--forest-deep);
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
	transition: background-color .2s var(--mk-ease), color .2s var(--mk-ease), border-color .2s;
}
.mk-btn:hover { background: var(--wp--preset--color--forest); color: var(--wp--preset--color--white); }
.mk-btn--viber,
.mk-btn--whatsapp { background: var(--wp--preset--color--forest); color: var(--wp--preset--color--white); }
.mk-btn--viber:hover,
.mk-btn--whatsapp:hover { background: var(--wp--preset--color--forest-deep); }
.mk-icon { flex: none; }

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

.mk-product { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40); }
.mk-product__cols { gap: var(--wp--preset--spacing--50); }
.mk-product__visual {
	display: grid;
	place-items: center;
	min-height: 380px;
	padding-top: 3rem;
	border-radius: var(--mk-radius);
	background:
		radial-gradient(circle at 50% 42%, rgba(217, 160, 51, .22), transparent 60%),
		var(--wp--preset--color--cream);
	position: sticky;
	top: 110px;
}
.mk-product h1 { margin-top: .25rem; font-size: var(--wp--preset--font-size--x-large); }

.mk-specs table { border-collapse: collapse; width: 100%; font-size: .97rem; }
.mk-specs th,
.mk-specs td {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding: .65rem 0;
	text-align: left;
	vertical-align: top;
}
.mk-specs th { width: 38%; font-weight: 600; color: var(--wp--preset--color--muted); padding-right: 1rem; }

.mk-prose { padding-top: var(--wp--preset--spacing--40); }

.mk-notice {
	border-left: 3px solid var(--wp--preset--color--honey);
	background: var(--wp--preset--color--cream);
	padding: .9rem 1.1rem;
	border-radius: 0 6px 6px 0;
	font-weight: 500;
}

/* ---- Επικοινωνία ------------------------------------------------------------ */

.mk-contact { padding-block: var(--wp--preset--spacing--50); }
.mk-contact .wp-block-columns { gap: var(--wp--preset--spacing--50); }
.mk-contact__card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--mk-radius);
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
}
.mk-contact__card h3 { margin-top: 0; }

.mk-contact-list { list-style: none; margin: 0; padding: 0; }
.mk-contact-list li + li { margin-top: .7rem; }
.mk-contact-list a {
	display: inline-flex;
	align-items: flex-start;
	gap: .6rem;
	text-decoration: none;
	color: inherit;
}
.mk-contact-list a:hover span { text-decoration: underline; }
.mk-contact-list .mk-icon { margin-top: .15rem; color: var(--wp--preset--color--honey-deep); }

/* ---- Άρθρα --------------------------------------------------------------- */

.mk-post-grid { gap: var(--wp--preset--spacing--40) !important; }
.mk-post-card > * { margin-block: 0; }
.mk-post-card > * + * { margin-top: .5rem; }
.mk-post-card .wp-block-post-featured-image img { border-radius: var(--mk-radius); }
.mk-post-card .wp-block-post-featured-image { margin-bottom: 1rem; }
.mk-post-card__title { font-size: 1.5rem !important; }
.mk-post-card__title a { color: var(--wp--preset--color--forest-deep); }
.mk-post-card .wp-block-post-excerpt { color: var(--wp--preset--color--muted); font-size: .97rem; }
.mk-post-card .wp-block-post-excerpt__more-text { display: none; }

.mk-article { padding-block: var(--wp--preset--spacing--50); }
.mk-article .wp-block-post-title { margin-top: .25rem; }
.mk-featured img { border-radius: var(--mk-radius); }
.wp-block-query-pagination { margin-top: var(--wp--preset--spacing--50); }

/* ---- Υποσέλιδο --------------------------------------------------------------- */

.mk-footer {
	position: relative;
	margin-top: 0;
	background: var(--wp--preset--color--forest-deep);
	color: #D9D3C3;
	padding-top: clamp(7rem, 16vw, 12rem);
	padding-bottom: var(--wp--preset--spacing--40);
	font-size: .97rem;
}
.mk-footer::before {
	content: "";
	position: absolute;
	inset: 1.5rem 0 auto 0;
	height: clamp(5rem, 13vw, 10rem);
	background: url("../img/ridge-light.svg") center bottom / cover no-repeat;
	opacity: .55;
	pointer-events: none;
}
.mk-footer a { color: var(--wp--preset--color--cream); }
.mk-footer a:hover { color: var(--wp--preset--color--honey); }
.mk-footer .wp-block-site-title a { color: var(--wp--preset--color--white); }
.mk-footer__title { font-size: 1.6rem !important; margin-bottom: .75rem; }
.mk-footer__h {
	font-family: var(--wp--preset--font-family--sans) !important;
	font-size: .78rem !important;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--honey) !important;
	margin-bottom: 1rem;
}
.mk-footer__links { list-style: none; padding: 0; margin: 0; }
.mk-footer__links li + li { margin-top: .45rem; }
.mk-footer__links a { text-decoration: none; }
.mk-footer__links a:hover { text-decoration: underline; }
.mk-footer .mk-contact-list .mk-icon { color: var(--wp--preset--color--honey); }

.mk-social { flex-wrap: wrap; gap: .9rem !important; margin-top: 1.25rem !important; }
.mk-social .wp-social-link,
.mk-social .wp-social-link a { color: var(--wp--preset--color--cream) !important; background: none !important; }
.mk-social .wp-social-link svg { fill: currentColor; width: 1.4rem; height: 1.4rem; }
.mk-social .wp-social-link:hover { color: var(--wp--preset--color--honey) !important; transform: none; }

.mk-footer__bottom {
	margin-top: var(--wp--preset--spacing--50) !important;
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid rgba(255, 255, 255, .14);
}
.mk-legal { margin: 0; font-size: .85rem; color: #B9B4A6; }

/* ---- 404 ------------------------------------------------------------------- */

.mk-404 { padding-block: var(--wp--preset--spacing--70); }

/* ---- Κινητά ----------------------------------------------------------------- */

@media (max-width: 781px) {
	.mk-product__visual { position: static; min-height: 300px; }
	.mk-jar--big { width: 140px; height: 172px; }
	.mk-cta .mk-inquiry__buttons .mk-btn { flex: 1 1 calc(50% - .6rem); justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}