/* Canadian NDT Portal — Custom Overrides for Webestica Social Theme */

/* Ensure main content doesn't overlap the fixed header */
body {
    padding-top: 0;
}

/* Dashboard stat cards */
.stat-card {
    transition: transform 0.15s;
}
.stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
}
.stat-card .stat-number {
    font-size: 2rem;
    font-weight: 700;
}

/* Table sorting links */
.table th a {
    color: inherit;
    text-decoration: none;
}
.table th a:hover {
    text-decoration: underline;
}

.detail-label {
    font-weight: 600;
    color: #6c757d;
}

/* Make tables responsive at all sizes */
.table-container {
    overflow-x: auto;
}

/* Feed update card transitions */
.card {
    transition: box-shadow 0.2s ease;
}

/* Pinned post highlight */
.card.border-warning {
    box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.25);
}

/* File attachment label styling */
.nav-pills .nav-link label {
    margin-bottom: 0;
}
.nav-pills .nav-link input[type="file"] {
    display: none;
}

/* Social sidebar user card adjustments */
.h-50px {
    height: 50px;
}
.h-20px {
    height: 20px;
}

/* Avatar utilities */
.avatar-xs { width: 32px; height: 32px; }
.avatar-sm { width: 40px; height: 40px; }
.avatar { width: 48px; height: 48px; }
.avatar-lg { width: 64px; height: 64px; }
.avatar-xl { width: 80px; height: 80px; }
.avatar-xxl { width: 96px; height: 96px; }

/* Rounded pill buttons */
.btn.rounded-pill {
    border-radius: 50rem;
}

/* Booking status badges */
.badge {
    font-weight: 500;
}

/* Form controls in cards */
.card .form-control:focus {
    box-shadow: none;
    border-color: #0d6efd;
}

/* Icon button utility */
.icon-md {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Soft button variants */
.btn-success-soft {
    color: #198754;
    background-color: rgba(25, 135, 84, 0.1);
    border-color: transparent;
}
.btn-success-soft:hover {
    color: #fff;
    background-color: #198754;
}

/* Footer spacing */
footer {
    margin-top: auto;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .vstack.gap-4 > .card {
        margin-bottom: 0;
    }
}