/* ============================================================
   url.smardoo.gr site chrome (Smardoo Site plugin)
   Same tokens as business.smardoo.gr: Manrope, green #1A5C38,
   tint #F0F7EE, hairline #C8DEC4. Radii: cards 24px, buttons and
   inputs 12px.
   ============================================================ */

:root {
	--smd-action: #1A5C38;
	--smd-action-hover: #0F3D26;
	--smd-detail: #52B788;
	--smd-fg: #101828;
	--smd-fg-soft: #344054;
	--smd-muted: #667085;
	--smd-tint: #F0F7EE;
	--smd-hairline: #C8DEC4;
	--smd-r-card: 24px;
	--smd-r-ctl: 12px;
	--smd-elev: 0 20px 40px rgba(26, 92, 56, .12);
	--smd-ring: 0 0 0 3px rgba(82, 183, 136, .4);
	--smd-ease: cubic-bezier(.4, 0, .2, 1);
}

/* ── Global: type, links, buttons, inputs ── */
body,
.nav > li > a,
h1, h2, h3, h4, h5, h6,
.heading-font, .alt-font,
button, input, select, textarea, .button {
	font-family: 'Manrope', system-ui, 'Segoe UI', sans-serif !important;
}
body { color: var(--smd-fg); }
h1, h2, h3, h4, h5, h6 { color: var(--smd-fg); letter-spacing: -0.01em; }
a { color: var(--smd-action); }
a:hover { color: var(--smd-action-hover); }
.uppercase, .page-title .uppercase, h1.uppercase, .nav > li > a, .button, button, input[type="submit"] {
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.button, button.button, input[type="submit"], .woocommerce-button {
	border-radius: var(--smd-r-ctl) !important;
	font-weight: 700;
	transition: background-color .2s var(--smd-ease), transform .2s var(--smd-ease), box-shadow .2s var(--smd-ease);
}
.button.primary, .button.alt, .button.checkout,
.woocommerce-form-login__submit, .woocommerce-form-register__submit, #place_order,
.single_add_to_cart_button {
	background-color: var(--smd-action) !important;
	border-color: var(--smd-action) !important;
	color: #FCFDFC !important;
	box-shadow: 0 4px 15px rgba(26, 92, 56, .22);
}
.button.primary:hover, .button.alt:hover, .button.checkout:hover,
.woocommerce-form-login__submit:hover, .woocommerce-form-register__submit:hover, #place_order:hover, .single_add_to_cart_button:hover {
	background-color: var(--smd-action-hover) !important;
	border-color: var(--smd-action-hover) !important;
	transform: translateY(-1px);
}
.button:active { transform: translateY(0); }

input[type="text"], input[type="email"], input[type="password"], input[type="tel"],
input[type="number"], input[type="search"], input[type="url"], textarea, select {
	border-radius: var(--smd-r-ctl) !important;
	border-color: #D0D5DD;
	box-shadow: none;
}
input:focus, textarea:focus, select:focus {
	border-color: var(--smd-detail) !important;
	box-shadow: var(--smd-ring) !important;
}

/* Flatsome page title bar: quieter, sentence case. */
.page-title { background: var(--smd-tint) !important; border-bottom: 1px solid var(--smd-hairline); }
.page-title h1 { color: var(--smd-fg); font-weight: 800; }

/* Header: hairline under the bar instead of a grey rule. */
.header-main { border-bottom: 1px solid #EAECF0; }
.header-nav-main > li > a { color: var(--smd-fg-soft) !important; font-weight: 600; font-size: .95rem; }
.header-nav-main > li > a:hover, .header-nav-main > li.active > a { color: var(--smd-action) !important; }

/* Icons */
.smd-ico { width: 20px; height: 20px; flex: none; color: var(--smd-detail); }

/* ── Footer ── */
.smd-footer {
	background: var(--smd-tint);
	border-top: 1px solid var(--smd-hairline);
	padding: clamp(3rem, 7vh, 4.5rem) 0 2.5rem;
	color: var(--smd-fg-soft);
	font-size: .9375rem;
	line-height: 1.6;
}
.smd-footer__inner { max-width: 1080px; margin: 0 auto; padding: 0 15px; }
.smd-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1.05fr) minmax(0, 1.3fr);
	gap: 40px 32px;
}
.smd-footer__brand img { display: block; height: 52px; width: auto; margin-bottom: 16px; }
.smd-footer__brand p { color: var(--smd-muted); max-width: 32ch; margin: 0; }
.smd-footer h2 { font-size: .9375rem; font-weight: 800; color: var(--smd-fg); margin: 0 0 14px; letter-spacing: 0; text-transform: none; }
.smd-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.smd-footer li { margin: 0; }
.smd-footer__col a { color: var(--smd-fg-soft); font-weight: 600; transition: color .2s var(--smd-ease); }
.smd-footer__col a:hover { color: var(--smd-action); }
.smd-footer address { font-style: normal; line-height: 1.7; margin: 0; font-variant-numeric: tabular-nums; }
.smd-footer address span { white-space: nowrap; }
.smd-footer .smd-footer__cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; color: var(--smd-action); font-weight: 700; }
.smd-footer__cta .smd-ico { color: currentColor; width: 18px; height: 18px; }
.smd-footer__base {
	margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--smd-hairline);
	display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 48px; align-items: start;
	font-size: .875rem; color: var(--smd-muted);
}
.smd-footer__base p { margin: 0; max-width: 80ch; }
.smd-footer__copy { font-weight: 600; white-space: nowrap; }
.smd-footer__copy a { color: var(--smd-fg-soft); margin-left: 12px; }

/* Flatsome colours headings #555 and upper-cases dt; reset inside our blocks. */
.smd-auth h1, .smd-support h1, .smd-support h2, .smd-footer h2 { color: var(--smd-fg) !important; }
.smd-support dt, .smd-support dd { text-transform: none !important; font-size: 1rem; letter-spacing: 0; }

/* ── Sign-in front page ── */
.smd-login-page #main { background: radial-gradient(ellipse 80% 60% at 50% 0%, var(--smd-tint) 0%, #fff 70%); }
.smd-auth {
	max-width: 492px; margin: 0 auto;
	padding: clamp(2.5rem, 8vh, 5rem) 16px clamp(3rem, 9vh, 6rem);
}
.smd-auth__card {
	background: #fff;
	border: 1px solid #EAECF0;
	border-radius: var(--smd-r-card);
	box-shadow: var(--smd-elev);
	padding: clamp(1.75rem, 5vw, 2.5rem);
}
.smd-auth h1 { font-size: 1.75rem; font-weight: 800; margin: 0 0 6px; }
.smd-auth__lead { color: var(--smd-muted); margin: 0 0 24px; }
.smd-auth .woocommerce-form-login { margin: 0; padding: 0; border: 0; }
.smd-auth .woocommerce-form-login label { font-weight: 700; color: var(--smd-fg); font-size: .9375rem; }
.smd-auth .woocommerce-form-login .input-text { height: 48px; padding: 0 14px; font-size: 1rem; margin-bottom: 4px; }
.smd-auth .woocommerce-form-login .form-row { margin-bottom: 16px; width: 100%; float: none; padding: 0; }
.smd-auth .woocommerce-form-login__rememberme { font-weight: 600 !important; color: var(--smd-fg-soft) !important; display: inline-flex; align-items: center; gap: 8px; }
.smd-auth .woocommerce-form-login__rememberme input { margin: 0; }
.smd-auth .woocommerce-form-login__submit,
.smd-auth .smd-auth__go { display: flex; width: 100%; justify-content: center; align-items: center; height: 50px; margin: 12px 0 0; font-size: 1rem; }
.smd-auth .lost_password { margin: 16px 0 0; text-align: center; font-size: .9375rem; }
.smd-auth .lost_password a { font-weight: 600; }
.smd-auth__switch { margin: 16px 0 0; text-align: center; font-size: .9375rem; }
.smd-auth__links { list-style: none; margin: 28px 0 0; padding: 0 8px; display: grid; gap: 14px; }
.smd-auth__links li { display: flex; gap: 12px; align-items: center; margin: 0; color: var(--smd-muted); font-size: .9375rem; }
.smd-auth__links a { font-weight: 700; }
.smd-auth .woocommerce-error, .smd-auth .woocommerce-message, .smd-auth .woocommerce-info { border-radius: var(--smd-r-ctl); margin-bottom: 16px; }

/* ── Support page ── */
.smd-support { max-width: 1080px; margin: 0 auto; padding: clamp(2.5rem, 7vh, 4.5rem) 15px clamp(3rem, 8vh, 5rem); }
.smd-support__head { max-width: 62ch; margin-bottom: 48px; }
.smd-support__head h1 { font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 800; letter-spacing: -0.02em; margin: 0 0 12px; }
.smd-support__head p { color: var(--smd-muted); font-size: 1.0625rem; margin: 0; }
.smd-support__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.smd-support h2 { font-size: 1.125rem; font-weight: 800; margin: 0 0 16px; }
.smd-support__topics { list-style: none; margin: 0 0 24px; padding: 0; border-top: 1px solid var(--smd-hairline); }
.smd-support__topics li { margin: 0; border-bottom: 1px solid var(--smd-hairline); }
.smd-support__topics a {
	display: flex; align-items: center; gap: 14px; padding: 16px 4px;
	color: var(--smd-fg); font-weight: 700;
	transition: color .2s var(--smd-ease), padding .2s var(--smd-ease);
}
.smd-support__topics a span { flex: 1; }
.smd-support__topics a:hover { color: var(--smd-action); padding-left: 10px; }
.smd-support__topics .smd-ico--end { color: var(--smd-muted); width: 18px; height: 18px; }
.smd-support__topics a:hover .smd-ico--end { color: var(--smd-action); }
.smd-support__oneoff {
	display: flex; gap: 12px; align-items: flex-start;
	background: var(--smd-tint); border: 1px solid var(--smd-hairline); border-radius: 16px;
	padding: 16px 18px; margin: 0 0 40px; color: var(--smd-fg-soft); font-size: .9375rem;
}
.smd-support__oneoff .smd-ico { color: var(--smd-action); margin-top: 1px; }
.smd-support__company { margin: 0; display: grid; gap: 16px; }
.smd-support__company > div { display: grid; grid-template-columns: 150px 1fr; gap: 4px 16px; border-top: 1px solid var(--smd-hairline); padding-top: 14px; }
.smd-support__company dt { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--smd-fg); margin: 0; }
.smd-support__company dd { margin: 0; color: var(--smd-fg-soft); font-variant-numeric: tabular-nums; }

/* The embedded form (smardoo.gr) paints its own #eef1f5 page with a white
   card; the frame matches that grey so the card reads as one piece. */
.smd-form-frame { background: #EEF1F5; border-radius: var(--smd-r-card); overflow: hidden; box-shadow: var(--smd-elev); }
.smd-form-frame iframe { display: block; width: 100%; height: 680px; border: 0; margin: 0; }

/* Support inside My Account: narrower column, stacked. */
.woocommerce-MyAccount-content .smd-support { padding: 0; max-width: none; }
.woocommerce-MyAccount-content .smd-support__grid { grid-template-columns: 1fr; gap: 40px; }
.smd-support__lead { color: var(--smd-muted); font-size: 1.0625rem; margin: 0 0 28px; max-width: 62ch; }

/* ── Checkout: one-off note above "Place order" ── */
.smd-oneoff-note {
	display: flex; gap: 10px; align-items: flex-start;
	background: var(--smd-tint); border: 1px solid var(--smd-hairline); border-radius: var(--smd-r-ctl);
	padding: 12px 14px; margin: 0 0 16px; font-size: .9rem; color: var(--smd-fg-soft); line-height: 1.5;
}
.smd-oneoff-note .smd-ico { color: var(--smd-action); }

/* ── Responsive ── */
@media (max-width: 960px) {
	.smd-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.smd-footer__brand { grid-column: 1 / -1; }
	.smd-support__grid { grid-template-columns: 1fr; }
	.smd-support__form { max-width: 640px; }
}
@media (max-width: 600px) {
	.smd-footer__col:last-child { grid-column: 1 / -1; }
	.smd-footer__base { grid-template-columns: 1fr; }
	.smd-support__company > div { grid-template-columns: 1fr; }
	.smd-form-frame { border-radius: 16px; }
	.smd-form-frame iframe { height: 700px; }
	.smd-auth { padding-top: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
	.smd-support__topics a, .button { transition: none; }
}

/* ── Business pages (Flatsome "No Header / No Footer"): white to the bottom ── */
html:has(body.page-template-page-blank-landingpage),
body.page-template-page-blank-landingpage,
body.page-template-page-blank-landingpage #wrapper { background: #fff !important; }
body.page-template-page-blank-landingpage #main { min-height: 100vh; min-height: 100dvh; background: #fff; }