/* My.CollectionLibrary Branding Styles for Authenticated Users */
/* Consistent branding across both landing and authenticated pages */

:root {
    --brand-primary: #2F5233;
    --brand-secondary: #D4AF37;
    --brand-light-green: #4A7C59;
    --brand-accent-blue: #5DADE2;
    --brand-light-bg: #F8F9FA;
    --brand-dark: #1a2e1f;
}

/* Navbar with brand colors */
.bg-brand {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-light-green) 100%) !important;
}

.navbar-logo {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

/* Update Bootstrap primary color to match brand */
.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--brand-light-green);
    border-color: var(--brand-light-green);
}

.bg-primary {
    background-color: var(--brand-primary) !important;
}

.text-primary {
    color: var(--brand-primary) !important;
}

/* Card enhancements */
.card {
    border-radius: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(47, 82, 51, 0.1);
}

/* Success color with brand green */
.btn-success {
    background-color: var(--brand-light-green);
    border-color: var(--brand-light-green);
}

.btn-success:hover {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

/* Info color with brand blue */
.btn-info {
    background-color: var(--brand-accent-blue);
    border-color: var(--brand-accent-blue);
}

/* Warning color with brand gold */
.btn-warning {
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
    color: white;
}

.btn-warning:hover {
    background-color: #c49d2d;
    border-color: #c49d2d;
    color: white;
}

/* Links */
a {
    color: var(--brand-primary);
}

a:hover {
    color: var(--brand-light-green);
}

/* Footer styling */
.footer {
    background-color: #f8f9fa;
    padding: 20px 0;
    margin-top: auto;
}

/* Focus states */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--brand-light-green);
}

/* Dropdown menu improvements */
.dropdown-menu {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.dropdown-item:hover {
    background-color: var(--brand-light-bg);
    color: var(--brand-primary);
}

/* Navigation improvements */
.nav-link:hover {
    opacity: 0.8;
}

/* Badge colors */
.badge.bg-primary {
    background-color: var(--brand-primary) !important;
}

.badge.bg-success {
    background-color: var(--brand-light-green) !important;
}

/* Smooth transitions */
* {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Override transitions for specific elements */
img, video, iframe {
    transition: none;
}