/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */
/* Q2 Lightbox overlay */
#q2lb { position: fixed; inset: 0; z-index: 10000; }
#q2lb .q2lb-backdrop { position: fixed; inset: 0; background: rgba(10, 10, 14, 0.92); }
#q2lb .q2lb-stage { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; }
#q2lb .q2lb-viewer { max-width: 92vw; max-height: 82vh; object-fit: contain; border-radius: 6px; box-shadow: 0 4px 28px rgba(0, 0, 0, 0.6); }
#q2lb .q2lb-close { position: fixed; top: 16px; right: 20px; z-index: 10001; width: 40px; height: 40px; font-size: 26px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,0.35); border-radius: 8px; cursor: pointer; line-height: 1; }
#q2lb .q2lb-nav { position: fixed; top: 50%; transform: translateY(-50%); z-index: 10001; width: 48px; height: 64px; font-size: 34px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,0.35); border-radius: 8px; cursor: pointer; line-height: 1; }
#q2lb .q2lb-prev { left: 18px; }
#q2lb .q2lb-next { right: 18px; }
#q2lb .q2lb-caption { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 10001; max-width: 90%; color: #ddd; background: rgba(0,0,0,0.55); padding: 8px 18px; border-radius: 20px; font-size: 15px; }
#q2lb .q2lb-caption .q2lb-count { opacity: 0.75; margin-left: 14px; font-size: 13px; }