/* Canvas pages (dangky.glucose.vn): registration tabs + beige form controls, matching the former Elementor Canvas page. */
body.ot-canvas { background: #fff; }

.ot-reg { padding: 10px 0 60px; }
.ot-reg-tabs { display: flex; gap: 20px; margin-bottom: 20px; }
.ot-reg-tabs .item-tab { flex: 1 1 0; display: block; padding: 15px 30px; border-radius: 4px; background: #818a91; color: #fff; font-size: 16px; line-height: 16px; text-align: center; transition: background .2s; }
.ot-reg-tabs .item-tab.is-active { background: #00a919; }
.ot-reg-tabs .item-tab:hover { background: #00a919; }

.ot-reg-panel { display: none; }
.ot-reg-panel.is-active { display: block; }
.ot-reg-head { padding: 10px; text-align: center; }
.ot-reg-head h2, .ot-reg-head h3 { margin: 0 0 12px; color: #00a919; font-family: "Product Bold", Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 600; line-height: 48px; }
.ot-reg-head h3 { font-size: 32px; line-height: 40px; }
.ot-reg-head p { margin: 0; color: #b8b3ad; font-size: 15px; line-height: 24px; }
.ot-reg-head a { color: #74bd26; }
@media (max-width: 767px) {
	.ot-reg { padding: 10px 16px 40px; }
	.ot-reg-tabs { flex-direction: column; gap: 10px; }
	.ot-reg-head h2 { font-size: 30px; line-height: 38px; }
	.ot-reg-head h3 { font-size: 24px; line-height: 32px; }
}

/* Other canvas pages (e.g. "already registered"): vertically centred message with a grey button */
body.ot-canvas main:not(:has(.ot-reg)) { display: flex; min-height: 100vh; flex-direction: column; justify-content: center; }
.ot-msg h2 { margin: 0 0 20px; font-family: Helvetica, Arial, sans-serif; font-size: 32px; line-height: 1.2; font-weight: 700; color: #3d4556; }
.ot-msg p { margin: 0; text-align: center; }
.ot-msg a.ot-back { display: inline-block; padding: 12px 20px; border-radius: 4px; background: #818a91; color: #fff; font-size: 12px; line-height: 16px; text-decoration: none; }
.ot-msg a.ot-back:hover { background: #6b747a; }