/* =========================================================================
   kao-icons.css — Icon dùng chung dạng CSS mask (thay cho <svg> inline lặp lại).
   Hình icon định nghĩa 1 LẦN ở đây (được cache), mỗi chỗ dùng chỉ còn
   <span class="kao-ic kao-ic-<tên>" aria-hidden="true"></span>.
   Màu icon = màu chữ (background:currentColor) qua mask alpha — đồng bộ theme.
   Đồng bộ với kaomoji_icons() (functions.php) và K.I (kaomoji-core.js).
   ========================================================================= */
.kao-ic{
  display:inline-block;
  width:1em;height:1em;           /* ăn theo font-size nút, giữ đúng hành vi cũ */
  background:currentColor;
  vertical-align:-0.125em;
  flex:0 0 auto;
  -webkit-mask:var(--kao-i) center/contain no-repeat;
          mask:var(--kao-i) center/contain no-repeat;
}
.kao-ic-check{--kao-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E")}
.kao-ic-copy{--kao-i: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.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2.5'/%3E%3Cpath d='M5 15V5.5A1.5 1.5 0 0 1 6.5 4H15'/%3E%3C/svg%3E")}
.kao-ic-sparkle{--kao-i: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.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c.5 3.8 1.7 5 5.5 5.5-3.8.5-5 1.7-5.5 5.5-.5-3.8-1.7-5-5.5-5.5 3.8-.5 5-1.7 5.5-5.5Z'/%3E%3Cpath d='M18.5 14.5c.3 1.7.9 2.3 2.5 2.6-1.6.3-2.2.9-2.5 2.5-.3-1.6-.9-2.2-2.5-2.5 1.6-.3 2.2-.9 2.5-2.6Z'/%3E%3C/svg%3E")}
.kao-ic-x{--kao-i: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'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}