/**
 * Front-End Badge Styles
 * Matching admin panel appearance without interactive controls
 */

/* SVG Badge Base Styles */
.floor-svg text,
.main-apart-svg text,
.block-svg text {
    pointer-events: none;
    user-select: none;
}

/* Ensure SVG badges render crisply */
svg {
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
}

/* Badge text antialiasing */
svg text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Optional: If you want to add hover effects on badges (non-interactive) */
svg rect[fill="#dc3545"],
svg rect[fill="#212529"],
svg rect[fill="#28a745"],
svg rect[fill="#ffc107"],
svg rect[fill="#007bff"],
svg rect[fill="#fd7e14"],
svg rect[fill="#6f42c1"],
svg rect[fill="#ffffff"] {
    transition: filter 0.2s ease;
}

/* Print support - ensure badges are visible when printing */
@media print {
    .floor-svg,
    .main-apart-svg,
    .block-svg {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    svg text {
        fill-opacity: 1 !important;
    }

    svg rect {
        fill-opacity: 1 !important;
        stroke-opacity: 1 !important;
    }
}

/* Mobile optimizations */
@media (max-width: 768px) {
    svg text {
        /* Ensure text remains readable on small screens */
        -webkit-text-size-adjust: 100%;
    }
}