/* ELKO eCom — avalik (frontend) CSS */

/* Botoonid */
.elko-btn { display: inline-block; padding: 10px 18px; border-radius: 6px; text-decoration: none; cursor: pointer; border: 0; font-weight: 600; line-height: 1.2; transition: filter .15s; }
.elko-btn:hover { filter: brightness(.95); }
.elko-btn-primary { background: #2271b1; color: #fff; }
.elko-btn-secondary { background: #f0f0f1; color: #1d2327; border: 1px solid #c6c8ca; }

/* Flash teated */
.elko-flash { padding: 10px 14px; border-radius: 4px; margin: 10px 0; }
.elko-flash.ok { background: #e7f6ec; color: #015f20; }
.elko-flash.err { background: #fbe9ea; color: #8a1c20; }

/* Taganemisõiguse vorm */
.elko-withdrawal-form { max-width: 620px; }
.elko-withdrawal-form fieldset { border: 1px solid #ddd; padding: 16px 18px; border-radius: 6px; margin-bottom: 14px; }
.elko-withdrawal-form legend { font-weight: 600; padding: 0 6px; }
.elko-withdrawal-form label { display: block; margin: 8px 0 4px; font-weight: 600; }
.elko-withdrawal-form input[type=text], .elko-withdrawal-form input[type=email], .elko-withdrawal-form textarea {
	width: 100%; padding: 8px 10px; border: 1px solid #c6c8ca; border-radius: 4px; box-sizing: border-box;
}
.elko-withdrawal-form label.cb { display: block; font-weight: 400; margin-top: 10px; }
.elko-withdrawal-form label.cb input { margin-right: 6px; }
.elko-withdrawal-cta { margin: 18px 0; }

/* eeID login widget */
.elko-eid-widget {
	max-width: 480px;
	padding: 20px 22px;
	background: linear-gradient(180deg,#f8fafd 0%, #eef3f8 100%);
	border: 1px solid #d6deea;
	border-radius: 8px;
	margin-bottom: 24px;
}
.elko-eid-widget h3 { margin: 0 0 6px; font-size: 18px; }
.elko-eid-desc { color: #4a5468; margin: 0 0 14px; font-size: 14px; }
.elko-eid-foot { margin-top: 14px; color: #6b7280; }
.elko-eid-foot a { color: #2271b1; }

.elko-btn-eid {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #1a73e8;
	color: #fff;
	padding: 12px 22px;
	box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.elko-btn-eid:hover { background: #1561c2; }
.elko-eid-icon {
	width: 22px; height: 22px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'><path d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4Zm-2 16-4-4 1.4-1.4L10 14.2l6.6-6.6L18 9l-8 8Z'/></svg>") center/contain no-repeat;
}

/* Üldine */
body.elko-ecom-active .woocommerce-MyAccount-content > .elko-eid-widget,
body.elko-ecom-active .u-column1 > .elko-eid-widget { margin-bottom: 30px; }