/* Estilos Customizados para PetMaxi Guide */

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Hover effects para opções */
.hover-option {
    transition: all 0.2s ease-in-out;
}

.hover-option:hover {
    background-color: #d4f1d4 !important;
    border-color: #198754 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Cursor pointer para labels */
.cursor-pointer {
    cursor: pointer;
}

/* Hover effect para cards de produtos */
.hover-card {
    transition: all 0.3s ease-in-out;
}

.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* Badges customizados */
.bg-success-subtle {
    background-color: #d1e7dd !important;
}

.text-success-emphasis {
    color: #0a3622 !important;
}

/* Animação suave para transições */
* {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Ajustes para botões */
.btn {
    transition: all 0.2s ease-in-out;
}

.btn:hover {
    transform: translateY(-1px);
}

/* Checkbox customizado */
.form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
}

/* Responsividade para imagens */
img {
    max-width: 100%;
    height: auto;
}
.product-image-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f8f9fa;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.product-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Sombra suave para cards */
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.product-card {
    transition: 
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}