/**
 * SVG Buildings - Estilos para mapeamento de espaços
 * ExpoFarma 2025
 */

/* Container do SVG */
.svg-pav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.svg-pav svg {
    max-width: 100%;
    height: auto;
    pointer-events: none;
}

/* Espaços clicáveis */
.svg-pav .link-item {
    cursor: pointer;
    transition: all 0.3s ease;
    pointer-events: auto;
}

/* Hover em espaços disponíveis */
.svg-pav .link-item:not(.sold):hover path[fill="white"] {
    fill: #F0FFD8 !important;
    transition: fill 0.3s ease;
}

.svg-pav .link-item:not(.sold):hover path[stroke="#80BA27"] {
    stroke: #76BD22 !important;
    stroke-width: 3 !important;
    transition: stroke 0.3s ease, stroke-width 0.3s ease;
}

/* Espaços vendidos/reservados */
.svg-pav .link-item.sold {
    cursor: not-allowed;
    opacity: 0.8;
}

.svg-pav .link-item.sold path[fill="white"] {
    fill: #FFE5E5 !important;
}

.svg-pav .link-item.sold path[stroke="#80BA27"] {
    stroke: #E53935 !important;
}

.svg-pav .link-item.sold path[fill="#8F8F97"] {
    fill: #C62828 !important;
}

/* Hover em espaços vendidos */
.svg-pav .link-item.sold:hover path[fill="#FFE5E5"] {
    fill: #FFCDD2 !important;
}

/* Espaço selecionado */
.svg-pav .link-item.selected:not(.sold) path[fill="white"] {
    fill: #FFF3E0 !important;
}

.svg-pav .link-item.selected:not(.sold) path[stroke="#80BA27"] {
    stroke: #FF9800 !important;
    stroke-width: 3 !important;
}

.svg-pav .link-item.selected:not(.sold) path[fill="#8F8F97"] {
    fill: #E65100 !important;
}

/* Animação de pulse para espaço selecionado */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
}

.svg-pav .link-item.selected {
    animation: pulse 2s infinite;
}

/* Bordas pretas dos espaços */
.svg-pav .link-item path[stroke="#1C1C1C"] {
    stroke: #1C1C1C !important;
    stroke-width: 1;
}

/* Responsivo */
@media (max-width: 1000px) {
    .svg-pav svg {
        width: 100% !important;
        height: auto !important;
    }

    .svg-pav {
        padding: 10px;
    }
}

@media (max-width: 768px) {
    .svg-pav .link-item:hover path[stroke="#80BA27"] {
        stroke-width: 2 !important;
    }

    .svg-pav .link-item.selected path[stroke] {
        stroke-width: 2 !important;
    }
}

/* Animação de fade in ao carregar */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.svg-pav {
    animation: fadeIn 0.5s ease-in-out;
}

/* Estados adicionais */
.svg-pav .link-item.pending path[fill="white"] {
    fill: #FFF9C4 !important;
}

.svg-pav .link-item.pending path[stroke="#80BA27"] {
    stroke: #FBC02D !important;
}

.svg-pav .link-item.reserved path[fill="white"] {
    fill: #E3F2FD !important;
}

.svg-pav .link-item.reserved path[stroke="#80BA27"] {
    stroke: #1976D2 !important;
}

/* Tooltip (opcional) */
.svg-pav .link-item:hover::after {
    content: attr(data-item);
    position: absolute;
    background: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 1000;
}