/* Floor Visualizer - Custom Styles */

/* Info tooltips handled by tooltips.js via data-tip attributes */

img-comparison-slider {
    --divider-color: #aace46;
    --divider-width: 3px;
    --handle-opacity: 1;
    --handle-size: 40px;
}

img-comparison-slider {
    width: 100%;
    height: 100%;
    display: block;
}

img-comparison-slider img[slot="first"],
img-comparison-slider img[slot="second"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill !important;
    object-position: center center !important;
    display: block;
}

#floors-grid::-webkit-scrollbar {
    width: 4px;
}

#floors-grid::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 2px;
}

#floors-grid::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

#floors-grid::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.floor-check {
    display: none;
}

.floor-card.border-brand-500 .floor-check {
    display: flex !important;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

#result-section, #error-section {
    animation: fadeIn 0.3s ease-out;
}

@keyframes pulse-brand {
    0%, 100% { box-shadow: 0 0 0 0 rgba(170, 206, 70, 0.3); }
    50% { box-shadow: 0 0 0 12px rgba(170, 206, 70, 0); }
}

#process-btn:not(:disabled):hover {
    animation: pulse-brand 1.5s infinite;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}