/* eyc-fonts: fonts.css */
/* Local fonts (2026-10-22). Titles and text use TikTok Sans; Commissioner, Geologica and Roboto
   are kept available (user), so any of them can be picked in Elementor and loads from here.
   The browser only downloads the files of the fonts a page actually uses. */

/* TikTok Sans (titles and text). */
/* greek */
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/TikTokSans-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/TikTokSans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/TikTokSans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Commissioner. */
/* greek */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/Commissioner-var-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/Commissioner-var-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/Commissioner-var-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Geologica. */
/* greek */
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/Geologica-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/Geologica-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/Geologica-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Roboto. */
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/Roboto-var-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/Roboto-var-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://v2.eyclub.gr/wp-content/themes/eyclub-child/fonts/Roboto-var-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* child-style: style.css */
/*
 Theme Name:   EY Club Child
 Description:  EY Club child theme (Woodmart)
 Author:       EY Club
 Author URI:   https://eyclub.gr
 Template:     woodmart
 Version:      1.1.0
 Text Domain:  woodmart
*/

/* Floating bar "Αποκτήστε τώρα..." (block 30189): keep it compact so it doesn't cover the page. */

/* Lift the TranslatePress language switcher above the floating bar only while the bar is visible;
   Woodmart adds .wd-hide to .wd-fb-wrap when the bar is closed with its X. */
.trp-language-switcher.trp-floating-switcher.trp-switcher-position-bottom {
	transition: bottom 0.3s ease;
}

body:has(#wd-fb-30189 .wd-fb-wrap:not(.wd-hide)) .trp-language-switcher.trp-floating-switcher.trp-switcher-position-bottom {
	bottom: 84px !important;
}

@media (max-width: 1199px) {
	body:has(#wd-fb-30189 .wd-fb-wrap:not(.wd-hide)) .trp-language-switcher.trp-floating-switcher.trp-switcher-position-bottom {
		bottom: 118px !important;
	}
}

/* Footer columns may shrink below their content width on tablets. */
@media (max-width: 1199px) {
	.elementor-41 .e-con,
	.elementor-41 .elementor-widget {
		min-width: 0;
	}
}

/* Long single words (e.g. "ΠΑΙΔΟΟΡΘΟΠΑΙΔΙΚΟΙ") may break instead of overflowing narrow columns.
   No automatic hyphens: they split ordinary Greek words ("επεί-γοντα") on phones. */
@media (max-width: 1024px) {
	.elementor-icon-box-title,
	.elementor-image-box-title,
	.woodmart-title-container,
	.elementor-heading-title {
		overflow-wrap: break-word;
	}
}

/* SEO heading (H1-H4) inside a text block: look exactly like the surrounding text, so Elementor's
   text settings (font, size, colour) apply to it. */
h1.eyc-h1-inherit,
h2.eyc-h1-inherit,
h3.eyc-h1-inherit,
h4.eyc-h1-inherit {
	margin: 0;
	font: inherit;
	color: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	line-height: inherit;
}

/*
 * Woodmart "stretch section" on Elementor containers: Woodmart shifts the section left to reach the
 * screen edge, but Elementor keeps its width at the content width, leaving an empty strip on the right
 * (visible in the footer on phones). On touch-size screens make it exactly screen-wide.
 */
@media (max-width: 1024px) {
	.e-con.wd-section-stretch {
		width: 100vw !important;
		max-width: 100vw !important;
		left: calc(50% - 50vw) !important;
	}
}

/* Mobile consistency (2026-10-19). */
@media (max-width: 767px) {
	/* Carousel arrows sit outside the slider and fall off-screen; people swipe on phones. */
	.wd-nav-arrows .wd-btn-arrow {
		display: none !important;
	}

	/* Product title in line with the main title of the other pages. */
	.single-product .product_title.entry-title,
	.single-product .wd-single-title .product_title {
		font-size: 26px;
		line-height: 1.2;
	}

	/* Language switcher bottom-left, so it does not sit on the "back to top" button (bottom-right). */
	.trp-language-switcher.trp-floating-switcher {
		left: 12px !important;
		right: auto !important;
	}

}

/* Mobile breadcrumbs scroll sideways; hide the scrollbar track. */
@media (max-width: 1024px) {
	[class*="breadcrumb"],
	[class*="breadcrumb"] * {
		scrollbar-width: none;
	}

	[class*="breadcrumb"]::-webkit-scrollbar,
	[class*="breadcrumb"] *::-webkit-scrollbar {
		display: none;
	}
}

/* ==========================================================================
   Layout pass 2026-10-20 (backup: backups/2026-10-20_pre-layout)
   ========================================================================== */

/* Header info boxes ("Ώρες Λειτουργίας", phone): compact two-line label, no empty gaps. */
.whb-41qlx6snmewar63ik15n .wd-info-box,
.whb-93cayayozkon2cbxtc1a .wd-info-box {
	align-items: center;
	gap: 10px;
}

.whb-41qlx6snmewar63ik15n .box-icon-wrapper,
.whb-93cayayozkon2cbxtc1a .box-icon-wrapper {
	margin: 0 !important;
}

.whb-41qlx6snmewar63ik15n .info-box-inner:empty,
.whb-93cayayozkon2cbxtc1a .info-box-inner:empty {
	display: none;
}

.whb-41qlx6snmewar63ik15n .info-box-subtitle,
.whb-93cayayozkon2cbxtc1a .info-box-subtitle {
	margin: 0 0 2px;
	font-size: 11px;
	line-height: 1.2;
	color: #7a8794;
}

.whb-41qlx6snmewar63ik15n .info-box-title,
.whb-93cayayozkon2cbxtc1a .info-box-title {
	margin: 0 !important;
	line-height: 1.2;
}

.whb-41qlx6snmewar63ik15n .info-box-title {
	font-size: 13px;
	font-weight: 500;
}

.whb-41qlx6snmewar63ik15n .info-box-icon img {
	width: 22px;
	height: 22px;
}

.whb-93cayayozkon2cbxtc1a .info-box-title {
	font-size: 19px;
	font-weight: 500;
	color: #0b2a44;
}

.whb-93cayayozkon2cbxtc1a .info-box-subtitle {
	font-size: 12px;
}

/* Mobile header: click-to-call icon next to the cart (header builder element eycmobilecall01). */
.eyc-mobile-call .info-box-content {
	display: none;
}

.whb-eycmobilecall01 .wd-info-box {
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
}

.whb-eycmobilecall01 .box-icon-wrapper,
.eyc-mobile-call .info-box-icon {
	flex: 0 0 22px;
	width: 22px !important;
	min-width: 22px;
	margin: 0 !important;
	line-height: 0;
}

.eyc-mobile-call .info-box-icon img {
	width: 22px !important;
	max-width: none;
	height: 22px !important;
	object-fit: contain;
}

@media (max-width: 767px) {

	/* --- Global ---------------------------------------------------------- */

	/* Language switcher: flag only, so it does not cover text while scrolling. */
	.trp-language-switcher.trp-floating-switcher,
	.trp-floating-switcher .trp-language-switcher-inner,
	.trp-floating-switcher .trp-language-item__current {
		width: auto !important;
		min-width: 0 !important;
	}

	.trp-language-switcher.trp-floating-switcher {
		--switcher-width: auto !important;
	}

	.trp-floating-switcher .trp-language-item-name {
		display: none;
	}

	.trp-floating-switcher .trp-language-item {
		padding: 8px 10px !important;
	}

	/* Tap targets: buttons at least 44px high. */
	.elementor-button {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* --- Home (15) ------------------------------------------------------- */

	/* Hero: the card first, then title, buttons and trust row (user, 2026-10-21). */
	.elementor-15 .elementor-element-ec1919c {
		order: -1;
	}

	.elementor-15 .elementor-element-ec1919c img {
		max-width: 280px;
		margin: 0 auto;
	}

	.elementor-15 .eyc-hero-cta .elementor-widget-button,
	.elementor-15 .eyc-hero-cta .elementor-button {
		width: 100%;
	}


	/* Stats: 2 x 2 instead of one tall column. */
	.elementor-15 .elementor-element-5fb67a9,
	.elementor-15 .elementor-element-5fb67a9 > .e-con-inner {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		row-gap: 24px;
		column-gap: 0;
	}

	.elementor-15 .elementor-element-5fb67a9 .elementor-element-b79a02e,
	.elementor-15 .elementor-element-5fb67a9 .elementor-element-5e92d3e,
	.elementor-15 .elementor-element-5fb67a9 .elementor-element-47b31b7,
	.elementor-15 .elementor-element-5fb67a9 .elementor-element-d048199 {
		width: 50% !important;
		--width: 50%;
		flex: 0 0 50%;
	}

	
	
	/* --- Shop: full-width product cards ----------------------------------- */
	.woocommerce-shop .elementor-widget:has(> .elementor-widget-container > .wd-products) {
		width: 100% !important;
		max-width: 100% !important;
	}

	.woocommerce-shop .wd-products {
		--wd-col-sm: 1 !important;
		grid-template-columns: 1fr !important;
	}

	.woocommerce-shop .wd-products .wd-product {
		width: 100%;
		max-width: 420px;
		margin-inline: auto;
	}

	/* --- Product page: gallery, buy box, description, then related -------- */
	.elementor-2764 .elementor-element-eda41a2,
	.elementor-2764 .elementor-element-eda41a2 > .e-con-inner {
		display: contents;
	}

	.elementor-2764 .elementor-element-9a4624d { order: 1; }
	.elementor-2764 .elementor-element-b43eef7 { display: none; }
	.elementor-2764 .elementor-element-29fb47b { order: 3; }
	.elementor-2764 .elementor-element-99f82e3 { order: 4; margin-top: 32px; }
	.elementor-2764 .elementor-element-81059ad { order: 5; }

	.elementor-2764 .elementor-element-9a4624d img {
		max-width: 320px;
		margin-inline: auto;
	}
}

/* ==========================================================================
   Desktop polish 2026-10-20 (backup: backups/2026-10-20_pre-desktop).
   Site width 1400 -> 1280 (Woodmart) and Elementor container width 14000 -> 1250 (kit).
   ========================================================================== */

/* Brand palette used below. */
:root {
	--eyc-blue: #00aeef;
	--eyc-blue-dark: #0074b8;
	--eyc-navy: #0b2a44;
	--eyc-card-shadow: 0 6px 24px rgba(11, 42, 68, 0.07);
	--eyc-card-shadow-hover: 0 14px 36px rgba(11, 42, 68, 0.12);
}

@media (min-width: 1025px) {
	/* Slimmer top bar now that the hours label is compact. */
	:root {
		--wd-top-bar-h: 44px;
	}

	/* Main navigation: a bit larger and with a clear hover state. */
	.whb-header-bottom .wd-nav-main > li > a {
		font-size: 14px;
		font-weight: 500;
		color: var(--eyc-navy);
	}

	.whb-header-bottom .wd-nav-main > li > a:hover,
	.whb-header-bottom .wd-nav-main > li.current-menu-item > a,
	.whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a {
		color: var(--eyc-blue-dark);
	}

	/* --- Home (15) ------------------------------------------------------- */

	
	/* Three promises as cards. */
	.elementor-15 .elementor-element-79403566,
	.elementor-15 .elementor-element-69099cc,
	.elementor-15 .elementor-element-254b6cc {
		border-radius: 18px;
		box-shadow: var(--eyc-card-shadow);
		transition: transform 0.25s ease, box-shadow 0.25s ease;
	}

	.elementor-15 .elementor-element-79403566:hover,
	.elementor-15 .elementor-element-69099cc:hover,
	.elementor-15 .elementor-element-254b6cc:hover {
		transform: translateY(-4px);
		box-shadow: var(--eyc-card-shadow-hover);
	}

	
	/* FAQ teaser: the 3D question mark was oversized. */
	.elementor-15 .elementor-element-abf683e img {
		max-width: 340px;
	}

	/* Card hover (Ατομική / Οικογενειακή / Kids ...). */
	.elementor-15 .bg-hover {
		border-radius: 18px;
		overflow: hidden;
		box-shadow: var(--eyc-card-shadow);
		transition: transform 0.25s ease, box-shadow 0.25s ease;
	}

	.elementor-15 .bg-hover:hover {
		transform: translateY(-4px);
		box-shadow: var(--eyc-card-shadow-hover);
	}

	/* --- Shop: the two cards side by side, using the full width --------- */
	.woocommerce-shop .elementor-widget:has(> .elementor-widget-container > .wd-products) {
		width: 100% !important;
		max-width: 100% !important;
	}

	.woocommerce-shop .wd-products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 30px !important;
	}

	.woocommerce-shop .wd-products .wd-product {
		box-shadow: var(--eyc-card-shadow);
		border-radius: 18px;
		transition: box-shadow 0.25s ease, transform 0.25s ease;
	}

	.woocommerce-shop .wd-products .wd-product .wd-product-thumb {
		flex: 0 0 44%;
		max-width: 44%;
	}

	.woocommerce-shop .wd-products .wd-product .product-list-content {
		flex: 1;
		min-width: 0;
	}

	.woocommerce-shop .wd-products .woocommerce-product-details__short-description {
		max-height: none !important;
		overflow: visible !important;
		font-size: 14px;
		line-height: 1.55;
	}

	.woocommerce-shop .wd-products .wd-entities-title {
		font-size: 20px;
		font-weight: 700;
	}

	.woocommerce-shop .wd-products .wd-product:hover {
		transform: translateY(-4px);
		box-shadow: var(--eyc-card-shadow-hover);
	}
}

/* Secondary buttons: brand outline instead of black (desktop and mobile). */
.elementor-15 .elementor-element-f6b1844 .elementor-button,


.elementor-15 .elementor-element-f6b1844 .elementor-button:hover,


/* ==========================================================================
   Header 2026-10-21: slim sky top bar + one main row (logo, menu, cart, CTA).
   Structure lives in the Woodmart Header Builder (header_362655); old structure in
   option eyc_backup_whb_header_362655_v2.
   ========================================================================== */

/* Top bar: hours and phone as small single-line items */
.whb-top-bar .wd-info-box {
	gap: 8px;
}

.whb-top-bar .info-box-subtitle {
	display: none !important;
}

.whb-top-bar .info-box-title,
.whb-top-bar .whb-93cayayozkon2cbxtc1a .info-box-title {
	font-family: "TikTok Sans", sans-serif;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #13304a !important;
}

.whb-top-bar .info-box-icon img,
.whb-top-bar .box-icon-wrapper img {
	width: 16px !important;
	height: 16px !important;
}

.whb-top-bar .whb-column5 .wd-header-elements,
.whb-top-bar .whb-col-left .wd-header-elements {
	gap: 28px;
}

.whb-top-bar .wd-nav > li > a {
	font-size: 13px;
	color: #3d4f60;
}

/* Main row: logo, menu on one line, cart icon, CTA */
.whb-general-header .wd-logo img {
	width: 140px !important;
	max-width: none !important;
	height: auto !important;
	max-height: none;
}

.whb-sticked .whb-general-header .wd-logo img {
	width: 124px !important;
}

.whb-general-header .wd-header-main-nav .wd-nav {
	flex-wrap: nowrap;
}

.whb-general-header .wd-header-main-nav .wd-nav > li > a {
	padding-inline: 6px;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 500;
}

.whb-general-header .wd-header-cart .wd-cart-subtotal {
	display: none;
}

.whb-general-header .eyc-header-cta {
	min-height: 42px;
	padding: 10px 22px !important;
	white-space: nowrap;
	font-size: 14px !important;
	border-radius: 999px !important;
	box-shadow: 0 6px 16px rgba(0, 174, 239, 0.25);
}

/* Narrow desktops (1025-1359): tighter header so the menu stays on one line and the CTA is not
   cut off on the right (it was, between ~1025 and 1320px). */
@media (max-width: 1359px) {
	.whb-general-header .wd-logo img {
		width: 112px !important;
	}

	.whb-general-header .wd-header-main-nav .wd-nav {
		--nav-gap: 6px;
	}

	.whb-general-header .wd-header-main-nav .wd-nav > li > a {
		padding-inline: 4px;
		font-size: 13px;
	}

	.whb-general-header .eyc-header-cta {
		min-height: 38px;
		padding: 8px 16px !important;
		font-size: 13px !important;
	}
}

/* "EY Club B2B" stays in the footer and the phone menu. */
@media (max-width: 1239px) {
	.whb-general-header .wd-header-main-nav .wd-nav > li.menu-item-3122 {
		display: none;
	}
}

/* Landscape tablets: the cart and "Κάρτες Υγείας" stay; the CTA does not fit. */
@media (max-width: 1119px) {
	.whb-general-header .eyc-header-cta {
		display: none !important;
	}
}

/* Top bar icons: plain 16px icons, no circle from the old header style */
.whb-top-bar .info-box-icon,
.whb-top-bar .box-icon-wrapper {
	width: 16px !important;
	min-width: 16px !important;
	height: 16px !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	line-height: 0;
}

/* Main menu: centred in its column with an even, moderate gap */
.whb-general-header .wd-header-main-nav .wd-nav {
	--nav-gap: 14px;
	justify-content: center;
}

@media (max-width: 1280px) {
	.whb-general-header .wd-header-main-nav .wd-nav {
		--nav-gap: 8px;
	}
}

/* Top bar: one line-icon set (clock + phone, 1.8 stroke) instead of two different PNGs */
.whb-top-bar .info-box-icon img {
	display: none !important;
}

.whb-top-bar .info-box-icon::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-color: #0074b8;
	-webkit-mask: var(--eyc-tb-icon) no-repeat center / contain;
	mask: var(--eyc-tb-icon) no-repeat center / contain;
}

.whb-top-bar .whb-41qlx6snmewar63ik15n {
	--eyc-tb-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
}

.whb-top-bar .whb-93cayayozkon2cbxtc1a {
	--eyc-tb-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
}

/* "Αποκτήστε την κάρτα" menu item (class eyc-menu-cta): only in the mobile menu, as a button. */
.whb-header .wd-header-main-nav .eyc-menu-cta {
	display: none !important;
}

.mobile-nav .eyc-menu-cta,
.wd-nav-mobile .eyc-menu-cta {
	padding: 16px 20px !important;
	border: 0 !important;
}

.mobile-nav .eyc-menu-cta > a,
.wd-nav-mobile .eyc-menu-cta > a {
	justify-content: center;
	min-height: 46px;
	padding: 0 20px !important;
	border-radius: 999px;
	background: #00aeef;
	color: #fff !important;
	font-weight: 500;
	text-transform: none !important;
}

/* ==========================================================================
   Home hero 2026-10-21: brand blue gradient, text left / card right, trust row.
   Elementor container 956e3f8 (.eyc-hero); old data in option eyc_backup_home_elementor_hero.
   ========================================================================== */


/* Soft light behind the card so it lifts off the blue */
.elementor-15 .eyc-hero .elementor-element-ec1919c {
	position: relative;
}

.elementor-15 .eyc-hero .elementor-element-ec1919c::before {
	content: "";
	position: absolute;
	inset: 8% 6%;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0));
	pointer-events: none;
}

.elementor-15 .eyc-hero .elementor-element-ec1919c img {
	position: relative;
	filter: drop-shadow(0 30px 40px rgba(0, 30, 60, 0.35));
}

/* Trust row: small white text with light-blue checks */
.eyc-hero-trust .elementor-icon-list-items {
	row-gap: 10px;
}


.eyc-hero-trust .elementor-icon-list-icon svg {
	width: 15px;
	height: 15px;
	fill: #7fd6ff;
	flex-shrink: 0;
}

/* Buttons on blue: no extra shadow from the light theme */
.elementor-15 .eyc-hero .elementor-element-eyc0hb1 .elementor-button {
	box-shadow: 0 10px 24px rgba(0, 30, 60, 0.25);
}

@media (max-width: 767px) {
	
	.eyc-hero-trust .elementor-icon-list-items {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ==========================================================================
   Home "Οφέλη / Δωρεάν παροχές / Ποια κάρτα": clean white cards (2026-10-21).
   Elementor section eyctiles0, cards .eyc-tile (the whole card is a link).
   ========================================================================== */
.eyc-tile {
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(19, 48, 74, 0.04), 0 8px 24px rgba(19, 48, 74, 0.05);
	transition: transform 0.3s var(--eyc-ease, ease), box-shadow 0.3s var(--eyc-ease, ease);
}

.eyc-tile:hover {
	transform: translateY(-4px);
	box-shadow: var(--eyc-card-shadow-hover);
}

.eyc-tile .eyc-tile__img,
.eyc-tile .eyc-tile__img .elementor-widget-container {
	width: 100%;
	margin: 0;
}

.eyc-tile .eyc-tile__img img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 0;
	transition: transform 0.5s ease;
}

.eyc-tile:hover .eyc-tile__img img {
	transform: scale(1.04);
}

.eyc-tile .elementor-widget-text-editor p {
	margin: 0;
}

.eyc-tile__more {
	font-family: "TikTok Sans", sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #0074b8;
}

.eyc-tile__more span {
	display: inline-block;
	transition: transform 0.2s ease;
}

.eyc-tile:hover .eyc-tile__more span {
	transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce), (hover: none) {
	.eyc-tile:hover,
	.eyc-tile:hover .eyc-tile__img img {
		transform: none;
	}
}

/* Tile body grows so "Μάθετε περισσότερα" sits at the same height in every card */
.eyc-tile > .e-con,
.eyc-tile > .e-con-inner > .e-con {
	flex-grow: 1;
}

.eyc-tile .eyc-tile__more-wrap {
	margin-top: auto !important;
}


/* Success notices (e.g. "… αφαιρέθηκε. Αναίρεση;"): white text and link on the green bar (user, 2026-10-21). */
.woocommerce-message,
.woocommerce-message a,
.woocommerce-message .button,
.woocommerce-message::before {
	color: #fff !important;
}

.woocommerce-message a:not(.button) {
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Elementor popups (e.g. "Ζητήστε να σας καλέσουμε"): round, soft close button like the cart modal.
   The built-in icon points to an SVG symbol that is not always printed, so draw the × ourselves. */
.elementor-popup-modal .dialog-close-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f4f7fa;
	transition: background-color 0.15s ease;
}

.elementor-popup-modal .dialog-close-button:hover {
	background: #e3ebf2;
}

.elementor-popup-modal .dialog-close-button svg,
.elementor-popup-modal .dialog-close-button i {
	display: none;
}

.elementor-popup-modal .dialog-close-button::before {
	content: "";
	width: 16px;
	height: 16px;
	background: #13304a;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%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 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* FAQ toggles (page 3468, class eyc-faq): each question a white rounded card with a hairline. */
.eyc-faq .elementor-toggle-item {
	overflow: hidden;
	border: 1px solid #e3ebf2;
	border-radius: 14px;
	background: #fff;
	transition: border-color 0.2s ease;
}

.eyc-faq .elementor-toggle-item:hover,
.eyc-faq .elementor-toggle-item:has(.elementor-active) {
	border-color: #c5ddef;
}

.eyc-faq .elementor-tab-title {
	border: 0 !important;
}

.eyc-faq .elementor-tab-content {
	border: 0 !important;
}

/* Elementor form file field (Careers CV upload): a soft pill instead of the browser's grey button. */
.elementor-field-type-upload input[type="file"] {
	width: 100%;
	padding: 10px 12px;
	border: 1px dashed #b9cddd;
	border-radius: 10px;
	background: #fff;
	color: #3d4f60;
	font-size: 14px;
	cursor: pointer;
}

.elementor-field-type-upload input[type="file"]::file-selector-button {
	margin-right: 12px;
	padding: 8px 16px;
	border: 1px solid #cfe5f5;
	border-radius: 999px;
	background: #eaf5fc;
	color: #0074b8;
	font: inherit;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.elementor-field-type-upload input[type="file"]::file-selector-button:hover {
	background: #d9edf9;
}

/* Legal pages (terms, privacy, Λητώ terms; class eyc-legal): section headings inside the text. */
.eyc-legal h2 {
	margin: 2em 0 0.6em;
	font-family: "TikTok Sans", sans-serif;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3;
	color: #13304a;
}

.eyc-legal h2:first-child {
	margin-top: 0;
}

.eyc-legal strong {
	font-weight: 500;
	color: #13304a;
}

.eyc-legal a {
	color: #0074b8;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 767px) {
	.eyc-legal h2 {
		font-size: 18px;
	}
}

/* My account navigation (Woodmart layout 2929, class eyc-account-nav): soft rows, active in sky. */
.eyc-account-nav .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
	padding: 0;
}

.eyc-account-nav .woocommerce-MyAccount-navigation li {
	margin: 0;
	border: 0 !important;
}

.eyc-account-nav .woocommerce-MyAccount-navigation li > a {
	display: block;
	padding: 11px 14px !important;
	border-radius: 10px;
	color: #13304a !important;
	font-size: 15px;
	font-weight: 500;
	text-transform: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.eyc-account-nav .woocommerce-MyAccount-navigation li > a:hover {
	background: #f4f7fa;
}

.eyc-account-nav .woocommerce-MyAccount-navigation li.is-active > a {
	background: #eaf5fc;
	color: #0074b8 !important;
}

.eyc-account-nav .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #e3ebf2 !important;
}

.eyc-account-nav .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout > a {
	color: #8a99a8 !important;
}

/* Account content and login / register cards: navy text, links in brand blue. */
.eyc-account-content a:not(.button):not(.btn),
.eyc-auth a:not(.button):not(.btn) {
	color: #0074b8;
}

/* eyc-soft: soft.css */
/*
 * Soft "medical" look (2026-10-20, backup: backups/2026-10-20_pre-soft).
 * Saturated blue blocks become light sky tints, black text is navy, dividers are faint,
 * one strong blue call to action per page ("Γίνε μέλος τώρα").
 */

:root {
	--eyc-navy: #13304a;
	--eyc-text-soft: #4a6075;
	--eyc-sky: #eaf6fd;
	--eyc-sky-2: #f4fafd;
	--eyc-mint: #44cfa6;
	--eyc-line-soft: #e9eff4;
	--eyc-card-shadow: 0 8px 30px rgba(19, 48, 74, 0.06);
	--eyc-card-shadow-hover: 0 16px 40px rgba(19, 48, 74, 0.1);
}

body {
	background-color: #fbfdfe;
}

/* --- Header: white, faint lines ------------------------------------------- */
.whb-top-bar,
.whb-general-header {
	border-bottom-color: var(--eyc-line-soft) !important;
}

.whb-header-bottom {
	background-color: #fff !important;
	border-bottom-color: var(--eyc-line-soft) !important;
}

/* --- Space under the header: 1.5rem where the page starts on white ----------- */
main.wd-content-layout:has(.eyc-shop, .eyc-blog, .eyc-post, .eyc-product-page) {
	padding-top: 0 !important;
}

.eyc-shop,
.eyc-blog,
.eyc-post,
.eyc-product-page {
	padding-top: 1.5rem !important;
}

.woocommerce-cart main.wd-content-layout,
.woocommerce-checkout main.wd-content-layout,
.woocommerce-account main.wd-content-layout {
	padding-top: 1.5rem !important;
}

/* My account: its first section pulls itself up 40px (Woodmart negative gap). */
.woocommerce-account main.wd-content-layout {
	padding-top: calc(1.5rem + 30px) !important;
}


/* --- Section dividers: faint instead of grey ------------------------------- */
/* Not on the home page: its dividers are set per section in Elementor (border top, user, 2026-10-22). */
.elementor:not(.elementor-15) > .e-con.e-parent {
	border-top-color: var(--eyc-line-soft) !important;
}

/* --- Breadcrumb bars (inner pages): light sky instead of solid blue -------- */
.wd-el-breadcrumbs,
.wd-el-breadcrumbs a,
.wd-el-breadcrumbs span,
.wd-el-breadcrumbs .wd-delimiter {
	color: var(--eyc-text-soft) !important;
}

.wd-el-breadcrumbs .wd-last,
.wd-el-breadcrumbs .wd-last * {
	color: var(--eyc-navy) !important;
	font-weight: 500;
}

.wd-el-breadcrumbs a:hover {
	color: var(--eyc-blue-dark) !important;
}

/* --- Home (15) -------------------------------------------------------------- */

/* Stats band and the area behind "Γίνε μέλος τώρα". */
.elementor-15 .elementor-element-58da69da,


.elementor-15 .elementor-element-5fb67a9 .elementor-shape-fill {
	fill: #fbfdfe !important;
}



/* The one strong call to action ("Γίνετε μέλος σήμερα"), flat, without a shadow (user, 2026-10-22). */
.elementor-15 .elementor-element-77e38c47 {
	border-radius: 28px;
}

/* --- Google reviews (home, testimonial carousel d7228e2): equal-height cards ---- */
.eyc-reviews .swiper {
	padding: 6px 4px 8px;
}

.eyc-reviews .swiper-wrapper {
	align-items: stretch;
}

.eyc-reviews .swiper-slide {
	height: auto;
}

.eyc-reviews .elementor-testimonial {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 28px;
	border: 1px solid #e3ebf2;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(19, 48, 74, 0.04), 0 8px 24px rgba(19, 48, 74, 0.05);
}

/* Quote mark above the text */
.eyc-reviews .elementor-testimonial__content::before {
	content: '\201C';
	display: block;
	height: 26px;
	margin-bottom: 2px;
	color: #0074b8;
	font-family: Georgia, serif;
	font-size: 44px;
	line-height: 1;
	opacity: 0.35;
}

.eyc-reviews .elementor-testimonial__content {
	flex: 1;
}

/* The first 4 lines of each review (5 on phones), so all cards are the same modest height
   (2026-10-22); longer reviews get "Διαβάστε όλη την κριτική" (inc/eyc-reviews.php), which opens
   them in a dialog. */
.eyc-reviews .elementor-testimonial__text {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-align: left;
}

.eyc-reviews .eyc-review-more {
	display: inline-block;
	min-height: 0;
	margin: 8px 0 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: #0074b8;
	font-family: "TikTok Sans", sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
}

.eyc-reviews .eyc-review-more:hover {
	color: #13304a;
	text-decoration: underline;
}

/* Full review */
.eyc-review-dialog {
	width: min(520px, calc(100vw - 32px));
	max-height: min(80vh, 640px);
	padding: 36px 32px 28px;
	border: 0;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 24px 64px -12px rgba(19, 48, 74, 0.35);
	color: #3d4f60;
	font-family: "TikTok Sans", sans-serif;
}

.eyc-review-dialog::backdrop {
	background: rgba(19, 48, 74, 0.45);
	backdrop-filter: blur(2px);
}

.eyc-review-dialog[open] {
	animation: eyc-review-in 0.22s cubic-bezier(0.2, 0.7, 0.2, 1);
}

@keyframes eyc-review-in {
	from {
		opacity: 0;
		transform: translateY(8px) scale(0.98);
	}
}

.eyc-review-dialog__text::before {
	content: '\201C';
	display: block;
	height: 34px;
	margin-bottom: 4px;
	color: #0074b8;
	font-family: Georgia, serif;
	font-size: 56px;
	line-height: 1;
	opacity: 0.35;
}

.eyc-review-dialog__text {
	font-size: 16px;
	line-height: 1.7;
}

.eyc-review-dialog__who {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #e3ebf2;
	font-size: 13px;
	color: #5e6e7e;
}

.eyc-review-dialog__who strong {
	font-family: "TikTok Sans", sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #13304a;
}

.eyc-review-dialog .eyc-review-dialog__close {
	position: absolute;
	top: 14px;
	right: 14px;
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f4f7fa;
	color: #13304a;
	cursor: pointer;
}

.eyc-review-dialog .eyc-review-dialog__close:hover {
	background: #e3ebf2;
}

@media (max-width: 767px) {
	.eyc-reviews .elementor-testimonial__text {
		-webkit-line-clamp: 5;
	}

	.eyc-review-dialog {
		padding: 32px 22px 22px;
	}
}

/* Name + "Κριτική Google" at the bottom, divided from the text */
.eyc-reviews .elementor-testimonial__footer {
	margin-top: 0;
	padding-top: 18px;
	border-top: 1px solid #e3ebf2;
}

.eyc-reviews .elementor-testimonial__image img {
	width: 28px !important;
	height: 28px !important;
	padding: 4px;
	border-radius: 50%;
	background: #f4f7fa;
	object-fit: contain;
}

/* Dots under the cards */
.eyc-reviews .swiper-pagination {
	position: static;
	margin-top: 24px;
}

.eyc-reviews .swiper-pagination-bullet {
	opacity: 1;
	background: #c5d6e4;
	transition: width 0.2s ease, background 0.2s ease;
}

.eyc-reviews .swiper-pagination-bullet-active {
	width: 22px;
	border-radius: 4px;
	background: #0074b8;
}



/* Form submit buttons: pill like the rest. */
.elementor-form .elementor-button,
.elementor-form button[type="submit"] {
	border-radius: 999px !important;
}


/* eyc-minimal: minimal.css */
/*
 * Minimal typography (2026-10-20, backup: backups/2026-10-20_pre-minimal), after doctoranytime.gr:
 * no small uppercase labels above titles, buttons in normal case, lighter secondary text.
 * Button texts themselves were changed from CAPITALS to sentence case in the Elementor data.
 */

/* --- Buttons: TikTok Sans Medium (user, 2026-10-21), normal case --------------------------------------- */
:root {
	--btn-default-transform: none;
	--btn-accented-transform: none;
	--btn-transform: none;
}

.elementor-button,
.woocommerce .button,
.wd-add-btn .button,
.single_add_to_cart_button,
.btn,
.eyc-btn,
.eyc-sbtn,
button.button,
input[type='submit'],
#place_order,
.checkout-button,
.wd-checkout-steps + .button {
	text-transform: none !important;
	font-family: 'TikTok Sans', sans-serif !important;
	font-weight: 500 !important;
	letter-spacing: normal !important;
}

.elementor-button {
	font-size: 15px !important;
}

/* --- No small labels above the titles ------------------------------------------ */
.title-subtitle,
.eyc-eyebrow,
.elementor-15 :is(.elementor-element-57b9087, .elementor-element-02bdf9e, .elementor-element-fc4b8fe, .elementor-element-3b22522, .elementor-element-120776d, .elementor-element-86990d8) {
	display: none !important;
}

/* --- Lighter secondary text ---------------------------------------------------- */
/* Hero subtitle "16 χρόνια δίπλα σας..." */

/* Main menu */
.whb-header-bottom .wd-nav-main > li > a {
	font-weight: 400;
}

/* Stat labels under the numbers */

/* --- TikTok Sans: semibold instead of bold (user, 2026-10-21) --------------------- */
/* Browsers render <strong>/<b> at 700; inside TikTok Sans titles keep them at 600. */
:is(h1, h2, h3, h4, h5, h6, .title, .wd-entities-title, .elementor-heading-title) :is(b, strong) {
	font-weight: 700;
}

/* Bold text that is not a title stays medium (user, 2026-10-22; titles are TikTok Sans 700). Woodmart
   hardcodes 600 in its CSS parts (strong/b, nav, side cart, labels, checkout); `body` outranks them. */
body :is(strong, b, mark, dl dt, blockquote cite, .wd-label, .wd-nav > li > a, .wd-action-text,
	.wd-breadcrumbs .wd-last, nav[class*="-pagination"] li .page-numbers,
	ul.variation .item-variation-name, .product-label, .woocommerce-mini-cart__total strong,
	.wd-cart-subtotal .amount, .cart-totals-inner .shipping-calculator-button,
	.woocommerce-info .showcoupon,
	.woocommerce-terms-and-conditions-wrapper a) {
	font-weight: 500;
}

/* ...but bold words inside titles follow the title (700); this must outrank the list above. */
html body :is(h1, h2, h3, h4, h5, h6, .title, .wd-entities-title, .elementor-heading-title) :is(b, strong) {
	font-weight: 700;
}

/* Home plan cards (Elementor eycins00): the price comes from WooCommerce (dynamic tag), whose
   .amount takes Woodmart's accent colour; keep it in the heading colour, the old price quieter. */
.eyc-plan-price .amount {
	color: inherit;
}

.eyc-plan-price del {
	margin-right: 6px;
	font-size: 0.6em;
	color: var(--eyc-muted, #5e6e7e);
	opacity: 1;
}

.eyc-plan-price del .amount {
	color: inherit;
}

.eyc-plan-price ins {
	text-decoration: none;
}

/* Woodmart hides an empty notices widget (wd_wc_notices) with a rule in a stylesheet that loads
   inside the page; until then the empty widget took a 20px gap and the page jumped (CLS). */
.wd-wc-notices:has(.woocommerce-notices-wrapper:empty) {
	display: none;
}

/* The € sign follows the weight of its price (Woodmart sets 600 on it). */
body .woocommerce-Price-currencySymbol {
	font-weight: inherit;
}

/* eyc-sections: sections.css */
/*
 * Section rhythm (2026-10-20, backup: backups/2026-10-20_pre-sections).
 * Three backgrounds alternate per topic so sections read as separate blocks:
 *   white  #ffffff, mist  #f4f7fa (neutral), sky  #eaf5fc (brand bands).
 * A heading section and the content below it always share one background.
 */

:root {
	--eyc-white: #ffffff;
	--eyc-mist: #f4f7fa;
	--eyc-sky: #eaf5fc;
}

body,
.wd-page-wrapper,
.wd-page-content {
	background-color: var(--eyc-white) !important;
}

/* ---------------------------------------------------------------------------
   Home (15)
   --------------------------------------------------------------------------- */


/* "Για ασφαλισμένους και ανασφάλιστους" + the two cards: one sky block. */
.elementor-15 .elementor-element-4ad46669,
.elementor-15 .elementor-element-18bcec0d,






/* "Γίνε μέλος τώρα" + stats: mist. */
.elementor-15 .elementor-element-58da69da,


.elementor-15 .elementor-element-5fb67a9 .elementor-shape-fill {
	fill: var(--eyc-white) !important;
}





/* ---------------------------------------------------------------------------
   Spacing: every color block gets the same breathing room at its edges
   (64px desktop / 44px phone); sections inside one block stay close together.
   --------------------------------------------------------------------------- */
:root {
	--eyc-block: 96px;
	--eyc-inside: 32px;
}

@media (max-width: 1024px) {
	:root {
		--eyc-block: 72px;
		--eyc-inside: 24px;
	}
}

@media (max-width: 767px) {
	:root {
		--eyc-block: 60px;
		--eyc-inside: 20px;
	}
}














/* ---------------------------------------------------------------------------
   Modern details, site-wide
   --------------------------------------------------------------------------- */

/* Content photos: rounded corners (not logos, icons or the header/footer). */
.wd-content-area .elementor-widget-image img:not([src*="logo" i]):not([src$=".svg"]),
.wd-content-area .elementor-widget-wd_image_or_svg img:not([src*="logo" i]):not([src$=".svg"]) {
	border-radius: 20px;
}

/* Cards built from Elementor containers with a border: softer, consistent. */
.wd-content-area .e-con.e-child[style*="border"],
.wd-content-area .elementor-widget-icon-box > .elementor-widget-container[style*="border"] {
	border-radius: 20px;
}

/* FAQ accordion items as separate rounded rows. */
.wd-accordion .wd-accordion-item {
	border-radius: 16px;
	overflow: hidden;
}


/* eyc-dropdowns: dropdowns.css */
/**
 * Dropdowns (2026-10-21), Stripe / Apple principles:
 * one light panel, soft layered shadow, hairline border, rounded rows with a quiet hover tint,
 * a short fade + rise when opening, clear focus states. Loaded by inc/eyc-dropdowns.php.
 */

:root {
	--eyc-dd-radius: 14px;
	--eyc-dd-border: rgba(19, 48, 74, 0.08);
	--eyc-dd-shadow: 0 1px 2px rgba(19, 48, 74, 0.05), 0 8px 24px -6px rgba(19, 48, 74, 0.14), 0 24px 48px -16px rgba(19, 48, 74, 0.14);
	--eyc-dd-hover: #f4f7fa;
	--eyc-dd-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--eyc-dd-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--eyc-dd-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* --- Header sub-menus --------------------------------------------------------------- */

/* Chevron next to the parent link; turns when the menu opens. */
.whb-header .wd-nav-main > li.menu-item-has-children > a::after {
	content: "" !important;
	width: 10px;
	height: 10px;
	margin-left: 4px;
	font-family: inherit !important;
	background: currentColor;
	-webkit-mask: var(--eyc-dd-chevron) center / contain no-repeat;
	mask: var(--eyc-dd-chevron) center / contain no-repeat;
	opacity: 0.55;
	transition: transform 0.2s var(--eyc-dd-ease), opacity 0.2s ease;
}

.whb-header .wd-nav-main > li.menu-item-has-children:is(:hover, .wd-opened, :focus-within) > a::after {
	transform: rotate(180deg);
	opacity: 0.9;
}

/* Panel: centred under its parent, small rise + fade. */
.whb-header .wd-nav-main > li > .wd-dropdown-menu.wd-design-default {
	--wd-dropdown-width: 272px;
	--wd-dropdown-padding: 6px;
	left: 50%;
	margin: 10px 0 0;
	padding: 6px;
	border: 1px solid var(--eyc-dd-border);
	border-radius: var(--eyc-dd-radius);
	background: #fff;
	box-shadow: var(--eyc-dd-shadow);
	transform-origin: 50% 0;
	transform: translate(-50%, 6px) scale(0.98) !important;
	transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.24s var(--eyc-dd-ease);
}

.whb-header .wd-nav-main > li.wd-event-hover:hover > .wd-dropdown-menu.wd-design-default,
.whb-header .wd-nav-main > li.wd-event-click.wd-opened > .wd-dropdown-menu.wd-design-default,
.whb-header .wd-nav-main > li > .wd-dropdown-menu.wd-design-default.wd-opened,
.whb-header .wd-nav-main > li:focus-within > .wd-dropdown-menu.wd-design-default {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0) scale(1) !important;
}

/* Hover bridge over the gap between the link and the panel. */
.whb-header .wd-nav-main > li > .wd-dropdown-menu.wd-design-default::after {
	height: 12px;
}

/* Small notch pointing at the parent link. */
.whb-header .wd-nav-main > li > .wd-dropdown-menu.wd-design-default::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	width: 11px;
	height: 11px;
	background: #fff;
	border-top: 1px solid var(--eyc-dd-border);
	border-left: 1px solid var(--eyc-dd-border);
	border-top-left-radius: 3px;
	transform: translateX(-50%) rotate(45deg);
}

.whb-header .wd-nav-main .wd-dropdown-menu.wd-design-default .wd-sub-menu {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

/* Rows */
.whb-header .wd-nav-main .wd-dropdown-menu.wd-design-default .wd-sub-menu > li > a {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	padding: 10px 36px 10px 12px;
	border-radius: 10px;
	color: #13304a;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	text-transform: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.whb-header .wd-nav-main .wd-dropdown-menu.wd-design-default .wd-sub-menu > li > a .eyc-nav-desc {
	color: #5e6e7e;
	font-size: 12.5px;
	font-weight: 400;
	line-height: 1.4;
	transition: color 0.15s ease;
}

/* Arrow that slides in on hover. */
.whb-header .wd-nav-main .wd-dropdown-menu.wd-design-default .wd-sub-menu > li > a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background: #0074b8;
	-webkit-mask: var(--eyc-dd-arrow) center / contain no-repeat;
	mask: var(--eyc-dd-arrow) center / contain no-repeat;
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity 0.15s ease, transform 0.2s var(--eyc-dd-ease);
}

.whb-header .wd-nav-main .wd-dropdown-menu.wd-design-default .wd-sub-menu > li > a:is(:hover, :focus-visible),
.whb-header .wd-nav-main .wd-dropdown-menu.wd-design-default .wd-sub-menu > li.current-menu-item > a {
	background: var(--eyc-dd-hover);
	color: #13304a;
}

.whb-header .wd-nav-main .wd-dropdown-menu.wd-design-default .wd-sub-menu > li > a:is(:hover, :focus-visible)::after {
	opacity: 1;
	transform: none;
}

.whb-header .wd-nav-main .wd-dropdown-menu.wd-design-default .wd-sub-menu > li > a:focus-visible {
	outline: 2px solid #0074b8;
	outline-offset: -2px;
}

/* The description is for the desktop panel only. */
.wd-nav-mobile .eyc-nav-desc,
.mobile-nav .eyc-nav-desc {
	display: none;
}

/* --- Language switcher (TranslatePress floater) -------------------------------------- */
.trp-language-switcher.trp-floating-switcher {
	--bg: #fff;
	--bg-hover: var(--eyc-dd-hover);
	--text: #13304a;
	--text-hover: #13304a;
	--border-radius: 12px;
	--switcher-padding: 4px;
	border: 1px solid var(--eyc-dd-border);
	box-shadow: var(--eyc-dd-shadow);
}

.trp-floating-switcher .trp-language-item {
	border-radius: 8px;
	padding: 7px 12px;
	transition: background-color 0.15s ease;
}

.trp-floating-switcher .trp-language-item-name {
	font-family: "TikTok Sans", sans-serif;
	font-size: 13px;
	font-weight: 500;
}

.trp-floating-switcher .trp-switcher-dropdown-list {
	transition-timing-function: var(--eyc-dd-ease);
}

/* --- Select fields ----------------------------------------------------------------------- */
select:not([multiple]):not([size]),
.select2-container--default .select2-selection--single {
	-webkit-appearance: none;
	appearance: none;
	min-height: 44px;
	padding: 0 40px 0 14px;
	border: 1px solid #d9e3ec;
	border-radius: 10px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%236B7C8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: right 14px center;
	background-repeat: no-repeat;
	background-size: 14px;
	color: #13304a;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

select:not([multiple]):not([size]):hover,
.select2-container--default .select2-selection--single:hover {
	border-color: #b9cddd;
}

select:not([multiple]):not([size]):focus,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
	border-color: #0074b8;
	box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.18);
	outline: none;
}

/* select2 / selectWoo: drop the theme's arrow, ours is the background chevron. */
.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 42px;
	color: #13304a;
}

.select2-dropdown {
	overflow: hidden;
	margin-top: 6px;
	padding: 6px;
	border: 1px solid var(--eyc-dd-border) !important;
	border-radius: 12px !important;
	box-shadow: var(--eyc-dd-shadow);
}

.select2-container--open .select2-dropdown--above {
	margin-top: -6px;
}

.select2-results__option {
	padding: 9px 12px;
	border-radius: 8px;
	color: #13304a;
	font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: var(--eyc-dd-hover);
	color: #13304a;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
	background: #eaf5fc;
	color: #0074b8;
	font-weight: 500;
}

.select2-search--dropdown .select2-search__field {
	border: 1px solid #d9e3ec !important;
	border-radius: 8px;
}

/* --- Custom select (js/dropdowns.js, mouse devices only) ------------------------------------ */
.eyc-select {
	position: relative;
	width: 100%;
}

/* Native select stays in the form for the value and validation, out of sight. */
.eyc-select .eyc-select__native {
	position: absolute !important;
	bottom: 0;
	left: 50%;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0;
	pointer-events: none;
}

.eyc-select__btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 0 40px 0 14px;
	border: 1px solid #d9e3ec;
	border-radius: 10px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%236B7C8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center / 14px no-repeat;
	box-shadow: none;
	color: #13304a;
	font: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	text-align: left;
	text-transform: none;
	cursor: pointer;
	transform: none !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.eyc-select__btn.is-placeholder {
	color: #5e6e7e;
}

.eyc-select__value {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.eyc-select__btn:hover {
	border-color: #b9cddd;
	background-color: #fff;
	color: #13304a;
}

.eyc-select__btn:focus-visible,
.eyc-select.is-open .eyc-select__btn {
	border-color: #0074b8;
	box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.18);
	outline: none;
}

.eyc-select.is-invalid .eyc-select__btn {
	border-color: #d64545;
	box-shadow: 0 0 0 3px rgba(214, 69, 69, 0.14);
}

.eyc-select__list {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	z-index: 60;
	max-height: 280px;
	overflow-y: auto;
	margin: 0;
	padding: 6px;
	list-style: none;
	border: 1px solid var(--eyc-dd-border);
	border-radius: 12px;
	background: #fff;
	box-shadow: var(--eyc-dd-shadow);
	outline: none;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-4px) scale(0.98);
	transform-origin: 50% 0;
	pointer-events: none;
	transition: opacity 0.16s ease, visibility 0.16s ease, transform 0.2s var(--eyc-dd-ease);
}

.eyc-select.is-up .eyc-select__list {
	top: auto;
	bottom: calc(100% + 6px);
	transform: translateY(4px) scale(0.98);
	transform-origin: 50% 100%;
}

.eyc-select.is-open .eyc-select__list {
	visibility: visible;
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

.eyc-select__opt {
	position: relative;
	margin: 0;
	padding: 9px 36px 9px 12px;
	border-radius: 8px;
	color: #13304a;
	font-size: 14px;
	line-height: 1.35;
	cursor: pointer;
	user-select: none;
}

.eyc-select__opt::before {
	content: none !important;
}

.eyc-select__opt + .eyc-select__opt {
	margin-top: 2px;
}

.eyc-select__opt.is-placeholder {
	color: #5e6e7e;
}

.eyc-select__opt.is-active {
	background: var(--eyc-dd-hover);
}

.eyc-select__opt[aria-selected="true"]:not(.is-placeholder) {
	color: #0074b8;
	font-weight: 500;
}

/* Check mark on the chosen option */
.eyc-select__opt[aria-selected="true"]:not(.is-placeholder)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background: #0074b8;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%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 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.eyc-select__opt[aria-disabled="true"] {
	opacity: 0.45;
	cursor: default;
}

/* --- Reduced motion ---------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.whb-header .wd-nav-main > li > .wd-dropdown-menu.wd-design-default,
	.whb-header .wd-nav-main > li > .wd-dropdown-menu.wd-design-default * {
		transition: none !important;
	}

	.whb-header .wd-nav-main > li > .wd-dropdown-menu.wd-design-default {
		transform: translate(-50%, 0) !important;
	}
}

/* eyc-motion: motion.css */
/**
 * Motion (2026-10-21): one hover language for cards and buttons, and a gentle reveal of the
 * page sections while scrolling (classes added by the inline script in inc/eyc-motion.php).
 * Everything is switched off for people who ask their system for reduced motion.
 */

:root {
	--eyc-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--eyc-lift: -4px;
}

/* --- Cards: same lift and shadow everywhere ------------------------------------- */
.bg-hover,
.eyc-blog .eyc-card,
.eyc-latest .eyc-card,
.eyc-post .eyc-card,
.eyc-plan,
.eyc-other,
.eyc-benefit,
.eyc-reviews .elementor-testimonial,
.eyc-partner,
.eyc-perk {
	transition: transform 0.3s var(--eyc-ease), box-shadow 0.3s var(--eyc-ease), border-color 0.3s ease;
}

.bg-hover:hover,
.eyc-blog .eyc-card:hover,
.eyc-latest .eyc-card:hover,
.eyc-post .eyc-card:hover,
.eyc-plan:hover,
.eyc-other:hover,
.eyc-benefit:hover,
.eyc-reviews .elementor-testimonial:hover,
.eyc-partner:hover,
.eyc-perk:hover {
	transform: translateY(var(--eyc-lift));
	box-shadow: var(--eyc-card-shadow-hover);
}

.eyc-benefit:hover,
.eyc-reviews .elementor-testimonial:hover,
.eyc-partner:hover,
.eyc-perk:hover {
	border-color: #c5ddef;
}

/* --- Buttons: short colour fade and a 1px lift ---------------------------------- */
.elementor-button,
.btn,
.button,
.eyc-sbtn,
#place_order {
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s var(--eyc-ease) !important;
}

.elementor-button:hover,
.btn:hover,
.button:hover,
.eyc-sbtn:hover,
#place_order:hover {
	transform: translateY(-1px);
}

.elementor-button:active,
.btn:active,
.button:active,
.eyc-sbtn:active,
#place_order:active {
	transform: translateY(0);
}

/* Keyboard focus that is visible on every background */
.elementor-button:focus-visible,
.btn:focus-visible,
.button:focus-visible,
.eyc-sbtn:focus-visible,
a:focus-visible {
	outline: 2px solid #0074b8;
	outline-offset: 3px;
}

/* --- Section reveal --------------------------------------------------------------- */
.eyc-reveal {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.6s ease, transform 0.6s var(--eyc-ease);
	transition-delay: var(--eyc-reveal-delay, 0s);
}

.eyc-reveal.is-in {
	opacity: 1;
	transform: none;
}

/* --- Reduced motion: no movement at all --------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.eyc-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.bg-hover:hover,
	.eyc-blog .eyc-card:hover,
	.eyc-latest .eyc-card:hover,
	.eyc-post .eyc-card:hover,
	.eyc-plan:hover,
	.eyc-other:hover,
	.eyc-benefit:hover,
	.eyc-reviews .elementor-testimonial:hover,
	.elementor-button:hover,
	.btn:hover,
	.button:hover,
	.eyc-sbtn:hover,
	#place_order:hover {
		transform: none;
	}

	.eyc-card__media img,
	.eyc-plan__media img {
		transition: none !important;
		transform: none !important;
	}
}

/* Touch screens: no hover lift (it sticks after a tap). */
@media (hover: none) {
	.bg-hover:hover,
	.eyc-blog .eyc-card:hover,
	.eyc-latest .eyc-card:hover,
	.eyc-post .eyc-card:hover,
	.eyc-plan:hover,
	.eyc-other:hover,
	.eyc-benefit:hover,
	.eyc-reviews .elementor-testimonial:hover {
		transform: none;
	}
}

/* eyc-checkout: checkout.css */
/**
 * Cart and checkout (Woodmart layouts 2174, 2191, 2195, built in Elementor).
 * The layout, titles and trust list live in Elementor; this file adds the card look,
 * the mist page background and the form polish that Elementor controls cannot reach.
 */

:root {
	--eyc-co-navy: #13304a;
	--eyc-co-text: #3d4f60;
	--eyc-co-blue: #0074b8;
	--eyc-co-sky: #eaf5fc;
	--eyc-co-mist: #f4f7fa;
	--eyc-co-line: #e3ebf2;
	--eyc-co-field: #d6e2ec;
}

/* --- Page background: white cards on mist ------------------------------------ */
.woocommerce-cart .wd-page-content,
.woocommerce-checkout .wd-page-content {
	background-color: var(--eyc-co-mist) !important;
}

.woocommerce-cart main.wd-content-layout,
.woocommerce-checkout main.wd-content-layout {
	padding-bottom: 56px;
}

.eyc-card {
	background-color: #fff;
	border: 1px solid var(--eyc-co-line);
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(19, 48, 74, 0.04), 0 8px 24px rgba(19, 48, 74, 0.05);
}

/* --- Steps bar ------------------------------------------------------------------ */
.eyc-steps-bar {
	border-bottom: 1px solid var(--eyc-co-line);
	--padding-top: 16px;
	--padding-bottom: 16px;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

/* Numbered stepper instead of Woodmart's uppercase text + arrows */
.eyc-steps-bar .wd-checkout-steps {
	counter-reset: eyc-step;
	justify-content: center;
	gap: 0;
	width: 100%;
	font-family: inherit;
	font-size: 15px;
	text-transform: none;
}

.eyc-steps-bar .wd-checkout-steps li {
	counter-increment: eyc-step;
	gap: 10px;
}

.eyc-steps-bar .wd-checkout-steps li::before {
	content: counter(eyc-step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	border: 2px solid #c5d6e4;
	border-radius: 50%;
	background-color: #fff;
	color: var(--eyc-co-text);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
}

.eyc-steps-bar .wd-checkout-steps li:not(:last-child)::after {
	content: '';
	display: block;
	width: 56px;
	height: 2px;
	margin: 0 14px;
	border-radius: 2px;
	background-color: #c5d6e4;
	font-family: inherit;
	opacity: 1;
}

.eyc-steps-bar .wd-checkout-steps li > :is(a, span) {
	opacity: 1;
	text-decoration: none;
	font-weight: 500;
	color: var(--eyc-co-text);
}

/* Current step */
.eyc-steps-bar .wd-checkout-steps li.step-active::before {
	border-color: var(--eyc-co-blue);
	background-color: var(--eyc-co-blue);
	color: #fff;
	box-shadow: 0 0 0 4px rgba(0, 116, 184, 0.15);
}

.eyc-steps-bar .wd-checkout-steps li.step-active > :is(a, span) {
	color: var(--eyc-co-navy);
	font-weight: 500;
	text-decoration: none;
}

/* Steps already done (before the current one) */
.eyc-steps-bar .wd-checkout-steps li:has(~ li.step-active)::before {
	content: '\2713';
	border-color: var(--eyc-co-blue);
	color: var(--eyc-co-blue);
}

.eyc-steps-bar .wd-checkout-steps li:has(~ li.step-active)::after {
	background-color: var(--eyc-co-blue);
}

.eyc-steps-bar .wd-checkout-steps li a:hover {
	color: var(--eyc-co-blue);
}

/* --- Page titles ------------------------------------------------------------------ */
.eyc-lead p {
	margin-bottom: 0;
}

/* --- Cart table -------------------------------------------------------------------- */
.eyc-card .shop_table th {
	font-size: 13px;
	font-weight: 500;
	color: var(--eyc-co-text);
	border-bottom: 1px solid var(--eyc-co-line);
}

.eyc-card .shop_table td {
	border-color: var(--eyc-co-line);
	vertical-align: middle;
}

.eyc-card .shop_table .product-name a {
	font-weight: 500;
	color: var(--eyc-co-navy);
}

.eyc-card .shop_table .product-thumbnail img {
	border-radius: 8px;
	filter: drop-shadow(0 2px 6px rgba(19, 48, 74, 0.12));
}

.eyc-card .shop_table .product-subtotal .amount {
	font-weight: 500;
	color: var(--eyc-co-navy);
}

.eyc-card .product-remove a {
	color: #8a99a8;
}

.eyc-card .product-remove a:hover {
	color: #c0392b;
}

/* Coupon row under the cart table */
.eyc-card .actions .coupon {
	gap: 10px;
}

/* --- Summary card (cart totals / order review) ------------------------------------ */
.eyc-summary .cart_totals h2,
.eyc-summary .order-total th,
.eyc-summary .order-total td {
	color: var(--eyc-co-navy);
}

.eyc-summary .cart-subtotal .amount {
	color: var(--eyc-co-navy);
}

.eyc-summary .order-total .amount {
	font-size: 24px;
	font-weight: 500;
	color: var(--eyc-co-navy);
}

.eyc-summary .shop_table tr th,
.eyc-summary .shop_table tr td {
	border-color: var(--eyc-co-line);
}

.eyc-summary .checkout-button,
#place_order {
	min-height: 52px;
	font-size: 16px;
	border-radius: 12px;
	box-shadow: 0 6px 16px rgba(0, 116, 184, 0.22);
}

.eyc-trust .elementor-icon-list-item a {
	color: inherit;
}

.elementor-widget.eyc-trust .elementor-icon-list-icon svg {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	fill: var(--eyc-co-blue);
}

/* --- Checkout forms ---------------------------------------------------------------- */
.woocommerce-checkout .eyc-card .form-row label {
	font-size: 14px;
	font-weight: 500;
	color: var(--eyc-co-navy);
}

.woocommerce-checkout .eyc-card .form-row .input-text,
.woocommerce-checkout .eyc-card .form-row select,
.woocommerce-checkout .eyc-card .form-row textarea {
	border: 1px solid var(--eyc-co-field);
	border-radius: 10px;
	background-color: #fff;
	color: var(--eyc-co-navy);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.woocommerce-checkout .eyc-card .form-row .input-text,
.woocommerce-checkout .eyc-card .form-row select {
	height: 48px;
	padding: 0 14px;
}

.woocommerce-checkout .eyc-card .form-row textarea {
	min-height: 96px;
	padding: 12px 14px;
}

.woocommerce-checkout .eyc-card .form-row .input-text:focus,
.woocommerce-checkout .eyc-card .form-row select:focus,
.woocommerce-checkout .eyc-card .form-row textarea:focus {
	border-color: var(--eyc-co-blue);
	box-shadow: 0 0 0 3px rgba(0, 116, 184, 0.15);
	outline: none;
}

.woocommerce-checkout .eyc-card .woocommerce-additional-fields > h3,
.woocommerce-checkout .eyc-card #ship-to-different-address {
	font-size: 17px;
	text-transform: none;
	color: var(--eyc-co-navy);
}

/* Coupon / login toggles above the form */
.eyc-checkout-top .woocommerce-form-coupon-toggle .woocommerce-info,
.eyc-checkout-top .woocommerce-form-login-toggle .woocommerce-info {
	background-color: #fff !important;
	border: 1px solid var(--eyc-co-line) !important;
	border-radius: 12px !important;
	padding: 14px 18px !important;
	color: var(--eyc-co-text) !important;
}

.eyc-checkout-top form.checkout_coupon {
	border: 1px solid var(--eyc-co-line);
	border-radius: 12px;
}

/* Payment box: payment-method notices and terms on sky instead of grey */
.woocommerce-checkout #payment .woocommerce-info,
.woocommerce-checkout #payment .payment_box,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {
	color: var(--eyc-co-text);
}

.woocommerce-checkout #payment .woocommerce-notice,
.woocommerce-checkout #payment ul.payment_methods > li.woocommerce-notice {
	background-color: var(--eyc-co-sky);
	border-radius: 10px;
	border: 0;
}

/* Order review mini rows */
.woocommerce-checkout .eyc-summary .cart_item .product-name {
	color: var(--eyc-co-navy);
	font-weight: 500;
}

/* --- Related products under the cart ------------------------------------------------ */
.eyc-cart-related .title-wrapper .title,
.eyc-cart-related .element-title {
	color: var(--eyc-co-navy);
}

/* --- Variety: sky help panel, section dividers, colour bands --------------------- */
.eyc-summary .eyc-trust {
	padding: 16px 18px;
	border-radius: 12px;
	background-color: var(--eyc-co-sky);
}

.woocommerce-checkout .eyc-card .woocommerce-additional-fields {
	margin-top: 4px;
	padding-top: 24px;
	border-top: 1px dashed #c5d6e4;
}

.eyc-summary > .elementor-widget-wd_title,
.eyc-summary .cart_totals h2 {
	padding-bottom: 14px;
	border-bottom: 2px solid var(--eyc-co-blue);
}

.eyc-band--sky {
	border-top: 1px solid #d5e8f5;
	border-bottom: 1px solid #d5e8f5;
}

.eyc-benefit {
	flex: 1 1 0;
	border: 1px solid #d5e8f5;
}

.eyc-benefit .elementor-icon svg {
	width: 24px;
	height: 24px;
}

.eyc-benefit .elementor-icon {
	display: inline-flex;
	padding: 12px;
	border-radius: 12px;
	background-color: var(--eyc-co-sky);
}

.eyc-benefit .elementor-icon-box-description {
	margin-bottom: 0;
}

.woocommerce-cart main.wd-content-layout:has(.eyc-band) {
	padding-bottom: 0;
}

/* --- Mobile ------------------------------------------------------------------------ */
@media (max-width: 767px) {
	.woocommerce-cart main.wd-content-layout,
	.woocommerce-checkout main.wd-content-layout {
		padding-bottom: 40px;
	}

	/* Woodmart hides the inactive steps on phones; keep all three, labels under the circles. */
	.eyc-steps-bar .wd-checkout-steps .step-inactive {
		display: flex;
	}

	.eyc-steps-bar .wd-checkout-steps {
		font-size: 12px;
	}

	.eyc-steps-bar .wd-checkout-steps li {
		position: relative;
		flex: 1;
		flex-direction: column;
		gap: 6px;
		text-align: center;
	}

	.eyc-steps-bar .wd-checkout-steps li:not(:last-child)::after {
		position: absolute;
		top: 14px;
		left: calc(50% + 22px);
		width: calc(100% - 44px);
		margin: 0;
	}

	.eyc-summary .order-total .amount {
		font-size: 21px;
	}
}

/* Family members under the product name (cart, checkout) */
.eyc-card .variation,
.eyc-summary .variation {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 2px 8px;
	margin: 6px 0 0;
	font-size: 13px;
	color: var(--eyc-co-text);
}

.eyc-card .variation dt,
.eyc-summary .variation dt {
	margin: 0;
	font-weight: 500;
	color: var(--eyc-co-navy);
}

.eyc-card .variation dd,
.eyc-summary .variation dd,
.eyc-card .variation dd p,
.eyc-summary .variation dd p {
	margin: 0;
}

/* --- Family card: edit holder / members from the cart and checkout (inc/eyc-family-edit.php) ---
   A link under the card opens a modal (native <dialog>); on phones it is a bottom sheet. */
.eyc-people {
	margin-top: 6px;
	text-align: left;
}

.eyc-people__toggle {
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--eyc-co-blue) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-transform: none !important;
	cursor: pointer;
}

.eyc-people__toggle:hover {
	transform: none !important;
	color: var(--eyc-co-navy) !important;
}

/* Modal */
.eyc-people__dialog {
	width: min(560px, calc(100vw - 32px));
	min-height: min(680px, 88vh); /* Taller (user, 2026-10-22): room for the date picker too. */
	max-height: min(92vh, 880px);
	margin: auto;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 24px 64px -12px rgba(19, 48, 74, 0.35);
	color: var(--eyc-co-text);
	text-align: left;
}

.eyc-people__dialog[open] {
	display: flex;
	flex-direction: column;
	animation: eyc-dialog-in 0.22s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.eyc-people__dialog::backdrop {
	background: rgba(13, 30, 46, 0.45);
	backdrop-filter: blur(2px);
}

@keyframes eyc-dialog-in {
	from {
		opacity: 0;
		transform: translateY(10px) scale(0.98);
	}
}

html:has(.eyc-people__dialog[open]) {
	overflow: hidden;
}

.eyc-people__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 20px 14px 24px;
	border-bottom: 1px solid var(--eyc-co-line);
}

.eyc-people__title {
	margin: 0;
	font-family: "TikTok Sans", sans-serif;
	font-size: 19px;
	font-weight: 700;
	color: var(--eyc-co-navy);
}

.eyc-people__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	min-width: 36px;
	height: 36px;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--eyc-co-mist) !important;
	box-shadow: none !important;
	color: var(--eyc-co-navy) !important;
	cursor: pointer;
}

.eyc-people__close:hover {
	background: var(--eyc-co-line) !important;
	transform: none !important;
}

.eyc-people__body {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 20px 24px 8px;
	overscroll-behavior: contain;
}

.eyc-people__block {
	margin-bottom: 14px;
	padding: 16px;
	border: 1px solid var(--eyc-co-line);
	border-radius: 14px;
	background: var(--eyc-co-mist);
}

.eyc-people__block[hidden] {
	display: none;
}

.eyc-people__member-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.eyc-people__group {
	margin: 0 0 10px;
	font-family: "TikTok Sans", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: var(--eyc-co-navy);
}

.eyc-people__member-head .eyc-people__group {
	margin: 0;
}

.eyc-people__remove {
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: #8a99a8 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: underline;
	text-transform: none !important;
	cursor: pointer;
}

.eyc-people__remove:hover {
	color: #c0392b !important;
	transform: none !important;
}

.eyc-people__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.eyc-people__field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	margin: 0;
}

.eyc-people__field--wide {
	grid-column: 1 / -1;
}

.eyc-people__field label {
	font-size: 12px;
	font-weight: 500;
	color: var(--eyc-co-navy);
}

.eyc-people__field input,
.eyc-people__field select {
	width: 100%;
	height: 44px;
	min-height: 44px;
	padding-inline: 12px;
	border: 1px solid var(--eyc-co-field);
	border-radius: 10px;
	background-color: #fff;
	color: var(--eyc-co-navy);
	font-size: 15px;
}

.eyc-people__field select {
	padding-right: 36px;
}

.eyc-people__field input:focus,
.eyc-people__field select:focus {
	border-color: var(--eyc-co-blue);
	box-shadow: 0 0 0 3px rgba(0, 116, 184, 0.15);
	outline: none;
}

.eyc-people__add {
	width: 100%;
	min-height: 44px !important;
	padding: 0 16px !important;
	border: 1px dashed #9cc4e0 !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--eyc-co-blue) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-transform: none !important;
	cursor: pointer;
}

.eyc-people__add:hover {
	border-style: solid !important;
	background: var(--eyc-co-sky) !important;
	transform: none !important;
}

.eyc-people__add[hidden] {
	display: none;
}

.eyc-people__hint {
	margin: 8px 0 12px;
	font-size: 12px;
	color: #5e6e7e;
	text-align: center;
}

.eyc-people__foot {
	padding: 14px 24px 18px;
	border-top: 1px solid var(--eyc-co-line);
	background: #fff;
}

.eyc-people__msg {
	margin: 0 0 10px;
	font-size: 13px;
	color: #5e6e7e;
}

.eyc-people__msg:empty {
	display: none;
}

.eyc-people__msg.is-error {
	color: #c0392b;
}

.eyc-people__msg.is-ok {
	color: #1f8a5b;
}

.eyc-people__actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

.eyc-people__save,
.eyc-people__cancel {
	min-height: 44px !important;
	padding: 0 22px !important;
	border-radius: 999px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	text-transform: none !important;
}

.eyc-people__save {
	border: 0 !important;
	background: var(--eyc-co-blue) !important;
	color: #fff !important;
}

.eyc-people__save:hover {
	background: var(--eyc-co-navy) !important;
}

.eyc-people__save[disabled] {
	opacity: 0.6;
}

.eyc-people__cancel {
	border: 1px solid var(--eyc-co-field) !important;
	background: #fff !important;
	color: var(--eyc-co-navy) !important;
}

/* Checkout summary: the link row spans the table. */
.eyc-people-row td {
	padding-top: 0 !important;
	border-top: 0 !important;
}

/* Phones: bottom sheet, full width, buttons side by side and full width. */
@media (max-width: 767px) {
	.eyc-people__dialog {
		width: 100vw;
		max-width: 100vw;
		min-height: 72vh;
		max-height: 94vh;
		margin: auto 0 0;
		border-radius: 20px 20px 0 0;
	}

	.eyc-people__dialog[open] {
		animation-name: eyc-sheet-in;
	}

	@keyframes eyc-sheet-in {
		from {
			transform: translateY(40px);
			opacity: 0;
		}
	}

	.eyc-people__head {
		padding: 14px 16px 12px 20px;
	}

	.eyc-people__body {
		padding: 16px 16px 4px;
	}

	.eyc-people__block {
		padding: 14px 12px;
	}

	.eyc-people__foot {
		padding: 12px 16px calc(14px + env(safe-area-inset-bottom));
	}

	.eyc-people__actions > button {
		flex: 1 1 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eyc-people__dialog[open] {
		animation: none;
	}
}

/* --- Order received ("Η παραγγελία ολοκληρώθηκε"): as wide as the page, in cards (2026-10-21) ---
   Woodmart limits .woocommerce-order to 800px when no builder layout is used. */
.woocommerce-order-received .woocommerce-order {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 24px;
	max-width: none !important;
	margin: 0 !important;
	padding-block: 8px 16px;
}

.woocommerce-order-received .woocommerce-order > * {
	grid-column: 1 / -1;
	margin: 0 !important;
}

.woocommerce-order-received .woocommerce-order > .woocommerce-order-details {
	grid-column: 1;
}

.woocommerce-order-received .woocommerce-order > .woocommerce-customer-details {
	grid-column: 2;
}

.woocommerce-order-received .woocommerce-order > p:empty {
	display: none;
}

/* Thank-you line: a centred pill as wide as its text (user). */
.woocommerce-order-received .woocommerce-thankyou-order-received {
	justify-self: center;
	width: fit-content;
	max-width: 100%;
	padding: 14px 28px !important;
	border: 1px solid #cfe5f5 !important;
	border-radius: 999px !important;
	background: var(--eyc-co-sky) !important;
	color: var(--eyc-co-navy) !important;
	font-family: "TikTok Sans", sans-serif;
	font-size: 18px !important;
	font-weight: 700;
	line-height: 1.35;
	text-align: center !important;
}

/* Overview: order number, date, email, total, payment. Compact: each item only as wide as its
   content, with thin dividers, instead of five equal wide columns (user). */
.woocommerce-order-received .woocommerce-order-overview {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0;
	padding: 6px 4px !important;
	border: 1px solid var(--eyc-co-line);
	border-radius: 16px;
	background: #fff;
	list-style: none;
	text-align: left !important;
}

.woocommerce-order-received .woocommerce-order-overview::before,
.woocommerce-order-received .woocommerce-order-overview::after {
	content: none !important;
}

.woocommerce-order-received .woocommerce-order-overview li {
	flex: 0 1 auto;
	margin: 0 !important;
	padding: 10px 24px !important;
	border: 0 !important;
	border-right: 1px solid var(--eyc-co-line) !important;
	font-size: 12px;
	line-height: 1.4;
	text-transform: none !important;
	color: #5e6e7e;
	text-align: left !important;
}

.woocommerce-order-received .woocommerce-order-overview li:last-child {
	border-right: 0 !important;
}

.woocommerce-order-received .woocommerce-order-overview li strong {
	display: block;
	margin-top: 2px;
	font-size: 15px;
	font-weight: 500;
	color: var(--eyc-co-navy);
	overflow-wrap: anywhere;
}

/* Payment instructions (e.g. "Pay with cash upon delivery.") */
.woocommerce-order-received .woocommerce-order > p:not([class]) {
	color: var(--eyc-co-text);
}

/* Order details + customer details as white cards */
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
	padding: 26px 28px;
	border: 1px solid var(--eyc-co-line);
	border-radius: 16px;
	background: #fff;
}

.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title {
	margin: 0 0 16px;
	font-size: 20px;
	font-weight: 500;
	text-transform: none;
	color: var(--eyc-co-navy);
}

.woocommerce-order-received .woocommerce-table--order-details {
	margin: 0;
}

.woocommerce-order-received .woocommerce-table--order-details th,
.woocommerce-order-received .woocommerce-table--order-details td {
	border-color: var(--eyc-co-line);
}

.woocommerce-order-received .woocommerce-customer-details address {
	padding: 0;
	border: 0;
	font-style: normal;
	line-height: 1.7;
	color: var(--eyc-co-text);
}

@media (max-width: 1024px) {
	.woocommerce-order-received .woocommerce-order-overview li {
		padding-inline: 18px !important;
	}
}

@media (max-width: 767px) {
	.woocommerce-order-received .woocommerce-order {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
		padding-block: 4px 8px;
	}

	.woocommerce-order-received .woocommerce-order > .woocommerce-order-details,
	.woocommerce-order-received .woocommerce-order > .woocommerce-customer-details {
		grid-column: 1;
	}

	.woocommerce-order-received .woocommerce-thankyou-order-received {
		padding: 12px 20px !important;
		border-radius: 18px !important;
		font-size: 15px !important;
	}

	/* Phones: one line per item, label left, value right. */
	.woocommerce-order-received .woocommerce-order-overview {
		flex-direction: column;
		padding: 4px 16px !important;
	}

	.woocommerce-order-received .woocommerce-order-overview li {
		display: flex !important;
		flex-direction: row !important;
		align-items: baseline;
		justify-content: space-between;
		gap: 12px;
		padding: 11px 0 !important;
		border-right: 0 !important;
		border-top: 1px solid var(--eyc-co-line) !important;
		font-size: 13px;
	}

	.woocommerce-order-received .woocommerce-order-overview li:first-child {
		border-top: 0 !important;
	}

	.woocommerce-order-received .woocommerce-order-overview li strong {
		margin: 0;
		font-size: 14px;
		text-align: right;
	}

	.woocommerce-order-received .woocommerce-order-details,
	.woocommerce-order-received .woocommerce-customer-details {
		padding: 20px 18px;
	}
}

/* --- Order received: one row style for both cards (user, 2026-10-21) ---------------------------
   Labels muted on the left, values navy on the right, hairlines between rows. */

/* Overview: the items fill the whole card width (no empty space at the sides), text centred. */
.woocommerce-order-received .woocommerce-order-overview {
	justify-content: stretch;
	padding-inline: 0 !important;
}

.woocommerce-order-received .woocommerce-order-overview li {
	flex: 1 1 auto;
	text-align: center !important;
}

/* Order details table */
.woocommerce-order-received .woocommerce-table--order-details {
	border: 0 !important;
}

.woocommerce-order-received .woocommerce-table--order-details :is(th, td) {
	padding: 12px 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--eyc-co-line) !important;
	background: none !important;
	font-size: 15px !important;
	vertical-align: top;
}

.woocommerce-order-received .woocommerce-table--order-details thead th {
	padding-top: 0 !important;
	border-top: 0 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-transform: none !important;
	color: #5e6e7e !important;
}

.woocommerce-order-received .woocommerce-table--order-details :is(tbody, tfoot) th,
.woocommerce-order-received .woocommerce-table--order-details td.product-name {
	font-weight: 500 !important;
	color: #5e6e7e !important;
	text-align: left !important;
}

.woocommerce-order-received .woocommerce-table--order-details td.product-name {
	color: var(--eyc-co-navy) !important;
	font-weight: 500 !important;
}

.woocommerce-order-received .woocommerce-table--order-details td.product-name a {
	color: inherit;
}

.woocommerce-order-received .woocommerce-table--order-details td.product-name .wc-item-meta {
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	font-weight: 400;
	color: #5e6e7e;
}

.woocommerce-order-received .woocommerce-table--order-details td.product-name .wc-item-meta :is(li, p, strong) {
	display: inline;
	margin: 0;
	font-weight: 400;
}

.woocommerce-order-received .woocommerce-table--order-details td.product-name .wc-item-meta li {
	display: block;
}

.woocommerce-order-received .woocommerce-table--order-details :is(tbody, tfoot) td:last-child,
.woocommerce-order-received .woocommerce-table--order-details thead th:last-child {
	text-align: right !important;
}

.woocommerce-order-received .woocommerce-table--order-details :is(tbody, tfoot) td,
.woocommerce-order-received .woocommerce-table--order-details :is(tbody, tfoot) td .amount {
	font-weight: 500;
	color: var(--eyc-co-navy) !important;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child :is(th, td) {
	padding-bottom: 0 !important;
}

/* Customer details rows (child template woocommerce/order/order-details-customer.php) */
.eyc-rows {
	margin: 0;
}

.eyc-rows__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 0;
	border-top: 1px solid var(--eyc-co-line);
}

.eyc-rows__row:first-child {
	padding-top: 0;
	border-top: 0;
}

.eyc-rows dt {
	flex: 0 0 auto;
	font-size: 15px;
	font-weight: 500;
	color: #5e6e7e;
}

.eyc-rows dd {
	min-width: 0;
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	color: var(--eyc-co-navy);
	text-align: right;
	overflow-wrap: anywhere;
}

.eyc-customer__sub {
	margin: 20px 0 8px;
	font-size: 15px;
	font-weight: 500;
	color: var(--eyc-co-navy);
}

.eyc-customer__address {
	font-style: normal;
	line-height: 1.7;
	color: var(--eyc-co-text);
}

@media (max-width: 767px) {
	.woocommerce-order-received .woocommerce-order-overview li {
		text-align: left !important;
	}

	.woocommerce-order-received .woocommerce-table--order-details :is(th, td),
	.eyc-rows dt,
	.eyc-rows dd {
		font-size: 14px !important;
	}
}

/* eyc-datepicker: datepicker.css */
/* EY Club date picker (js/datepicker.js): birth dates on the product page and in the cart member
   editor. Field look follows .eyc-member__field inputs; the panel follows the dropdown panels
   (css/dropdowns.css: radius 14, hairline border, soft navy shadow). */
.eyc-date {
	--eyc-cal-blue: #0074b8;
	--eyc-cal-navy: #13304a;
	--eyc-cal-muted: #5e6e7e;
	--eyc-cal-line: #e3ebf2;
	--eyc-cal-hover: #f4f7fa;
	--eyc-cal-sky: #eaf5fc;
	position: relative;
	width: 100%;
}

.eyc-date .eyc-date__input {
	width: 100%;
	height: 44px;
	padding: 0 44px 0 12px;
	border: 1px solid #d6e2ec;
	border-radius: 10px;
	background: #fff;
	color: var(--eyc-cal-navy);
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.02em;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.eyc-date .eyc-date__input::placeholder {
	color: #9aa8b5;
	letter-spacing: 0.04em;
}

.eyc-date .eyc-date__input:focus,
.eyc-date.is-open .eyc-date__input {
	border-color: var(--eyc-cal-blue);
	box-shadow: 0 0 0 3px rgba(0, 116, 184, 0.15);
	outline: none;
}

.eyc-date.is-invalid .eyc-date__input {
	border-color: #d64545;
	box-shadow: 0 0 0 3px rgba(214, 69, 69, 0.12);
}

.eyc-date__error {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.4;
	color: #c0392b;
}

.eyc-date__error:empty {
	display: none;
}

/* Calendar button inside the field. */
.eyc-date .eyc-date__btn {
	position: absolute;
	top: 5px;
	right: 5px;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	box-shadow: none;
	color: var(--eyc-cal-muted);
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.eyc-date .eyc-date__btn:hover,
.eyc-date.is-open .eyc-date__btn {
	background: var(--eyc-cal-sky);
	color: var(--eyc-cal-blue);
}

.eyc-date .eyc-date__btn:focus-visible {
	outline: 2px solid var(--eyc-cal-blue);
	outline-offset: 1px;
}

.eyc-date__btn svg {
	width: 18px;
	height: 18px;
}

/* --- Panel --------------------------------------------------------------------------- */
.eyc-cal {
	/* Fixed + placed by the script, so scrolling boxes (cart modal) cannot cut it off. */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	width: 272px;
	padding: 10px;
	border: 1px solid rgba(19, 48, 74, 0.08);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(19, 48, 74, 0.05), 0 8px 24px -6px rgba(19, 48, 74, 0.14), 0 24px 48px -16px rgba(19, 48, 74, 0.14);
	font-family: "TikTok Sans", sans-serif;
	animation: eyc-cal-in 0.2s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.eyc-cal[hidden] {
	display: none;
}

@keyframes eyc-cal-in {
	from {
		opacity: 0;
		transform: translateY(4px) scale(0.98);
	}
}

/* Header: ‹ title › */
.eyc-cal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	margin-bottom: 4px;
}

.eyc-cal .eyc-cal__nav,
.eyc-cal .eyc-cal__title,
.eyc-cal .eyc-cal__cell,
.eyc-cal .eyc-cal__clear {
	min-height: 0;
	margin: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
	font-family: inherit;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.eyc-cal .eyc-cal__nav {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 8px;
	color: var(--eyc-cal-muted);
}

.eyc-cal .eyc-cal__nav svg {
	width: 16px;
	height: 16px;
}

.eyc-cal .eyc-cal__nav--next svg {
	transform: rotate(180deg);
}

.eyc-cal .eyc-cal__title {
	flex: 1;
	height: 32px;
	padding: 0 8px;
	border-radius: 8px;
	color: var(--eyc-cal-navy);
	font-family: "TikTok Sans", sans-serif;
	font-size: 15px;
	font-weight: 700;
}

.eyc-cal .eyc-cal__title:disabled {
	cursor: default;
}

.eyc-cal .eyc-cal__nav:hover,
.eyc-cal .eyc-cal__title:not(:disabled):hover {
	background: var(--eyc-cal-hover);
	color: var(--eyc-cal-navy);
}

/* Weekday names */
.eyc-cal__week {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	margin-bottom: 2px;
}

.eyc-cal__week span {
	padding: 4px 0;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: var(--eyc-cal-muted);
}

/* Grids */
.eyc-cal__grid {
	display: grid;
	gap: 2px;
}

.eyc-cal__grid--days {
	grid-template-columns: repeat(7, 1fr);
}

.eyc-cal__grid--months {
	grid-template-columns: repeat(3, 1fr);
	gap: 4px;
}

.eyc-cal__grid--years {
	grid-template-columns: repeat(4, 1fr);
	gap: 4px;
}

.eyc-cal .eyc-cal__cell {
	height: 32px;
	padding: 0;
	border-radius: 9px;
	color: var(--eyc-cal-navy);
	font-size: 14px;
	font-weight: 400;
	font-variant-numeric: tabular-nums;
}

.eyc-cal__grid--months .eyc-cal__cell,
.eyc-cal__grid--years .eyc-cal__cell {
	height: 36px;
}

.eyc-cal .eyc-cal__cell:hover {
	background: var(--eyc-cal-hover);
}

.eyc-date .eyc-cal .eyc-cal__cell:focus-visible,
.eyc-date .eyc-cal .eyc-cal__nav:focus-visible,
.eyc-date .eyc-cal .eyc-cal__title:focus-visible,
.eyc-date .eyc-cal .eyc-cal__clear:focus-visible {
	outline: 2px solid var(--eyc-cal-blue) !important; /* Woodmart draws a dotted black ring otherwise. */
	outline-offset: -2px;
}

.eyc-cal .eyc-cal__cell.is-today {
	box-shadow: inset 0 0 0 1px var(--eyc-cal-line);
}

.eyc-cal .eyc-cal__cell.is-selected,
.eyc-cal .eyc-cal__cell.is-selected:hover {
	background: var(--eyc-cal-blue);
	color: #fff;
	font-weight: 500;
}

.eyc-cal .eyc-cal__cell:disabled {
	color: #c3ccd5;
	background: none;
	cursor: default;
}

/* Footer: clear */
.eyc-cal__foot {
	display: flex;
	justify-content: flex-end;
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid var(--eyc-cal-line);
}

.eyc-cal .eyc-cal__clear {
	height: 30px;
	padding: 0 10px;
	border-radius: 8px;
	color: var(--eyc-cal-muted);
	font-size: 13px;
	font-weight: 500;
}

.eyc-cal .eyc-cal__clear:hover {
	background: var(--eyc-cal-hover);
	color: #c0392b;
}

/* Phones (the script gives the panel the field width). */
@media (max-width: 767px) {
	/* The birth date gets the full row, so "ΗΗ/ΜΜ/ΕΕΕΕ" is not cut off. */
	.eyc-member__fields .eyc-member__field:has(.eyc-date) {
		grid-column: 1 / -1;
	}

	.eyc-cal .eyc-cal__cell {
		height: 36px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eyc-cal {
		animation: none;
	}
}