/* Custom styles for Socioly */

/* Additional responsive improvements */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1.25rem;
    }

    .card {
        margin-bottom: 1rem;
    }
}

/* Hover effects */
.card:hover {
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease;
}

/* Clickable card hover effects */
.card-hover, .clickable-card {
    cursor: pointer;
    transition: all 0.3s ease;
}

.card-hover:hover, .clickable-card:hover {
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
    transform: translateY(-4px);
}

/* Keep card text colors when inside anchor tags */
a.card .card-title,
a .card-title {
    color: #212529;
}

a.card .card-text,
a .card-text {
    color: #6c757d;
}

a.card .text-muted,
a .text-muted {
    color: #6c757d !important;
}

/* Image placeholders */
.group-image, .event-image {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Tag styling */
.tag:hover {
    background-color: #cbd5e1;
}

/* Form focus states */
.form-control:focus, .form-select:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.25);
}

/* Button enhancements */
.btn {
    transition: all 0.2s ease;
}

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

/* List group enhancements */
.list-group-item-action:hover {
    background-color: #f8f9fa;
}

/* Badge improvements */
.badge {
    font-weight: 500;
    padding: 0.35em 0.65em;
}

/* Alert improvements */
.alert {
    border-radius: 0.375rem;
    border: none;
}

/* Table improvements */
.table > :not(caption) > * > * {
    padding: 0.75rem;
}

.table-hover tbody tr:hover {
    background-color: #f8f9fa;
}