/*!
 * TVN Editor — CSS thư viện ảnh hiện trường.
 *
 * Theme flatsome-child đã có sẵn .tvn-fullwidth-grid, .tvn-field-card,
 * .tvn-field-badge và toàn bộ .tvn-lightbox (47 rule). File này chỉ bổ sung
 * phần theme thiếu: thanh nút lọc, 2 icon mới và kích thước icon theo ngữ cảnh.
 */

html body .tvn-ico-zoom { -webkit-mask-image: url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'><circle%20cx='11'%20cy='11'%20r='8'/><line%20x1='21'%20y1='21'%20x2='16.65'%20y2='16.65'/><line%20x1='11'%20y1='8'%20x2='11'%20y2='14'/><line%20x1='8'%20y1='11'%20x2='14'%20y2='11'/></svg>"); mask-image: url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'><circle%20cx='11'%20cy='11'%20r='8'/><line%20x1='21'%20y1='21'%20x2='16.65'%20y2='16.65'/><line%20x1='11'%20y1='8'%20x2='11'%20y2='14'/><line%20x1='8'%20y1='11'%20x2='14'%20y2='11'/></svg>"); }
html body .tvn-ico-close { -webkit-mask-image: url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'><line%20x1='18'%20y1='6'%20x2='6'%20y2='18'/><line%20x1='6'%20y1='6'%20x2='18'%20y2='18'/></svg>"); mask-image: url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'><line%20x1='18'%20y1='6'%20x2='6'%20y2='18'/><line%20x1='6'%20y1='6'%20x2='18'%20y2='18'/></svg>"); }

/* --- Thanh nút lọc của thư viện (theme chưa có) ------------------------- */
html body .tvn-gallery-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* --- Icon theo ngữ cảnh ------------------------------------------------- */
html body .tvn-field-zoom-icon .tvn-ico { width: 18px; height: 18px; background-color: #FFFFFF; }
html body .tvn-lightbox-close .tvn-ico  { width: 22px; height: 22px; background-color: currentColor; }
html body .tvn-lightbox-nav .tvn-ico    { width: 26px; height: 26px; background-color: currentColor; }

/* --- Ô ảnh bấm được bằng bàn phím --------------------------------------- */
html body .tvn-field-card { cursor: zoom-in !important; }
html body .tvn-field-card:focus-visible {
  outline: 3px solid #E85C04 !important;
  outline-offset: 2px !important;
}