/* Cards de miniaturas */
.miniatura-card {
    height: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: none;
}

/* Área da imagem com feedback para Mobile */
.miniatura-img-wrapper {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
}

/* Overlay para indicar clique no mobile/hover */
.miniatura-img-wrapper::after {
    content: "🔍 Detalhes";
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 0.75rem;
    text-align: center;
    padding: 4px 0;
    opacity: 0;
    transition: opacity 0.3s;
}

@media (max-width: 768px) {
    .miniatura-img-wrapper { height: 150px; }
    .miniatura-img-wrapper::after { opacity: 0.8; } /* Visível no mobile */
}

.miniatura-img-wrapper:hover::after {
    opacity: 1;
}

/* Imagem */
.miniatura-img {
    max-height: 90%;
    max-width: 90%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.miniatura-img-wrapper:hover .miniatura-img {
    transform: scale(1.05);
}

/* Suporte ao Tema Escuro do Bootstrap 5.3+ */
[data-bs-theme="dark"] .miniatura-img-wrapper,
[data-bs-theme="dark"] .estoque-img-wrapper,
[data-bs-theme="dark"] .selecao-miniatura-img,
[data-bs-theme="dark"] .garagem-img-wrapper {
    background-color: #2b3035;
}

/* Modal imagem */
#modalImagem {
    max-height: 60vh;
    object-fit: contain;
}

/* Outros elementos existentes */
.estoque-img-wrapper {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 6px;
}

.estoque-img-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.selecao-miniatura-img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 4px;
    background-color: #f8f9fa;
}

.list-group-item {
    align-items: center;
}

.garagem-img-wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 6px;
}

.garagem-img-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.auth-container {
    max-width: 420px;
    margin: 0 auto;
}

@media (max-width: 576px) {
    .auth-container { padding: 0 10px; }
}

.auth-card { border-radius: 12px; }
.auth-title { font-weight: 600; text-align: center; }
.auth-subtitle { text-align: center; color: #6c757d; font-size: 0.9rem; }
.form-control { padding: 0.65rem 0.75rem; }
.btn { border-radius: 8px; }