/* 77dogs - Custom styles */

[x-cloak] {
    display: none !important;
}

/* Flash messages */
.flash {
    padding: 0.75rem 1rem;
    margin: 1rem auto;
    max-width: 80rem;
    font-size: 0.875rem;
    border-left: 3px solid;
}
.flash-success {
    background-color: #f0fdf4;
    border-color: #22c55e;
    color: #166534;
}
.flash-error {
    background-color: #fef2f2;
    border-color: #ef4444;
    color: #991b1b;
}
.flash-info {
    background-color: #eff6ff;
    border-color: #3b82f6;
    color: #1e40af;
}

/* Smooth transitions */
a, button {
    transition: color 0.2s, background-color 0.2s;
}

/* Product grid hover effect */
.group:hover .group-hover\:scale-105 {
    transform: scale(1.05);
}

/* WYSIWYG content styling */
.prose h2 { font-size: 1.5rem; font-weight: 600; margin: 1.5rem 0 0.75rem; }
.prose h3 { font-size: 1.25rem; font-weight: 600; margin: 1.25rem 0 0.5rem; }
.prose p { margin: 0.75rem 0; line-height: 1.75; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin: 0.75rem 0; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin: 0.75rem 0; }
.prose li { margin: 0.25rem 0; }
.prose img { max-width: 100%; height: auto; margin: 1rem 0; }
.prose a { color: #77328a; text-decoration: underline; }
.prose a:hover { color: #5a2468; }