.elementor-sticky--effects .kkbs-bw-toggle-btn{ color: #333 !important; } /* ปุ่ม toggle basic style */ .kkbs-bw-toggle-btn { cursor: pointer !important; white-space: nowrap !important; border: inherit !important; /* background: #fff !important; */ color: #fff !important; padding: 0px !important; font-size: 13px !important; line-height: 1.1 !important; font-family: 'Graphik TH Web'; } .kkbs-bw-toggle-btn:hover,.kkbs-bw-toggle-btn:active,.kkbs-bw-toggle-btn:focus { background: inherit !important; } /* ขณะอยู่โหมดขาวดำ เราจะเพิ่ม class ที่ */ html.kkbs-bw-active { filter: grayscale(0.6) !important; } /* ปรับ UX เวลา hover */ /* label-on / label-off จะถูกสลับ display ด้วย JS */ .kkbs-bw-toggle-label-on, .kkbs-bw-toggle-label-off { display: inline-block; } /* โหมดปกติ ให้โชว์ "ขาว-ดำ" */ html:not(.kkbs-bw-active) .kkbs-bw-toggle-label-on { display: inline; } html:not(.kkbs-bw-active) .kkbs-bw-toggle-label-off { display: none; } /* โหมดขาวดำ ให้โชว์ "ปกติ" */ html.kkbs-bw-active .kkbs-bw-toggle-label-on { display: none; } html.kkbs-bw-active .kkbs-bw-toggle-label-off { display: inline; }