/**
 * HKMS Image Magnifier Styles
 * Version: 1.0.0
 */

/* Magnifier Container */
.hkms-magnifier-container {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.hkms-magnifier-container:hover {
    cursor: crosshair;
}

/* Magnifier Image */
.hkms-magnifier-image {
    max-width: 100%;
    max-height: 80vh;
    display: block;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

/* Magnifier Lens */
.hkms-magnifier-lens {
    position: absolute;
    border: 3px solid #595959;
    border-radius: 50%;
    cursor: none;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    display: none;
    z-index: 1000;
}

/* Alternative lens shapes */
.hkms-magnifier-lens.square {
    border-radius: 0;
}

.hkms-magnifier-lens.rounded-square {
    border-radius: 10px;
}

/* Alternative border colors */
.hkms-magnifier-lens.blue-border {
    border-color: #3498db;
}

.hkms-magnifier-lens.green-border {
    border-color: #388538;
}

.hkms-magnifier-lens.red-border {
    border-color: #e74c3c;
}

.hkms-magnifier-lens.gold-border {
    border-color: #f39c12;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hkms-magnifier-image {
        max-height: 60vh;
    }
}

/* Print styles - hide magnifier when printing */
@media print {
    .hkms-magnifier-lens {
        display: none !important;
    }
}