/* Custom styles for profile page */
:root {
    --primary: #0056b3;    /* Logo primary blue */
    --secondary: #003366;  /* Logo secondary blue */
    --accent: #007bff;     /* Logo accent blue */
}

/* Custom background gradient for hero section */
.bg-primary {
    background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;
}

/* Custom card hover effects */
.card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-color: rgba(0, 86, 179, 0.1);
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 86, 179, 0.15) !important;
}

/* Custom list item hover effects */
.list-group-item {
    transition: all 0.3s ease-in-out;
}

.list-group-item:hover {
    background-color: rgba(0, 86, 179, 0.05) !important;
    transform: translateX(5px);
}

/* Custom table header */
.table th {
    background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;
    color: white !important;
}

/* Custom image hover effect */
.img-fluid {
    transition: transform 0.3s ease-in-out;
}

.img-fluid:hover {
    transform: scale(1.02);
}

/* Custom button hover effect */
.btn {
    transition: all 0.3s ease-in-out;
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-primary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    transform: translateY(-2px);
}

.btn-dark {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.btn-dark:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    transform: translateY(-2px);
}

/* Text colors */
.text-primary {
    color: var(--primary) !important;
}

/* Print styles */
@media print {
    .bg-primary,
    .btn,
    .card {
        background: none !important;
        box-shadow: none !important;
    }
    
    .table th {
        background: #f8f9fa !important;
        color: #000 !important;
    }
}