/*
================================================================================
LIONS CLUBS THEME (Lions.Web)
Author: Antigravity (Assistant)
Based on: Velzon Admin Template
Description: Official theme implementation mapping LionsClubs brand identity 
             to Velzon's variable system.
================================================================================
*/

/* 
--------------------------------------------------------------------------------
1. GLOBAL VARIABLES & COLOR MAP
--------------------------------------------------------------------------------
*/
:root {
    /* --- LIONS CLUBS BRAND PALETTE --- */
    --lions-blue:       #00338D;
    --lions-blue-dark:  #002566;
    --lions-gold:       #EBB700;
    --lions-gold-dark:  #D4A500;
    --lions-purple:     #7A2582;
    
    /* Neutrals */
    --lions-white:      #FFFFFF;
    --lions-gray-100:   #F3F6F9;
    --lions-gray-200:   #EFF2F7;
    --lions-gray-300:   #E9EBEC;
    --lions-gray-400:   #CED4DA;
    --lions-gray-500:   #ADB5BD;
    --lions-gray-600:   #878A99;
    --lions-gray-700:   #495057;
    --lions-gray-800:   #343A40;
    --lions-gray-900:   #212529;

    /* --- VELZON THEME MAPPING --- */
    /* By mapping to --vz vars, we ensure all components (buttons, badges, alerts) automatically adapt. */
    
    /* Primary: Lions Blue */
    --vz-primary:           var(--lions-blue);
    --vz-primary-rgb:       0, 51, 141;
    --vz-primary-text-emphasis: #002566; /* Darker blue for emphasis text */
    --vz-primary-bg-subtle: rgba(0, 51, 141, 0.1);
    --vz-primary-border-subtle: rgba(0, 51, 141, 0.2);

    /* Secondary: Lions Gold */
    --vz-secondary:         var(--lions-gold);
    --vz-secondary-rgb:     235, 183, 0;
    --vz-secondary-text-emphasis: #D4A500;
    --vz-secondary-bg-subtle: rgba(235, 183, 0, 0.1);
    --vz-secondary-border-subtle: rgba(235, 183, 0, 0.2);

    /* System Status Colors */
    --vz-success:           #0AB39C; /* Velzon Teal is good */
    --vz-success-rgb:       10, 179, 156;
    
    --vz-info:              var(--lions-blue); /* Info maps to primary brand */
    --vz-info-rgb:          0, 51, 141;

    --vz-warning:           #FFEE58; /* Lighter yellow for warnings to contrast with Gold */
    --vz-warning-rgb:       255, 238, 88;

    --vz-danger:            #F06548; /* Coral red */
    --vz-danger-rgb:        240, 101, 72;

    /* Body & App Backgrounds */
    --vz-body-bg:           var(--lions-gray-100);
    --vz-body-color:        var(--lions-gray-900);
    --vz-card-bg-custom:    var(--lions-white);
}

/* 
--------------------------------------------------------------------------------
2. LAYOUT OVERRIDES (Header, Sidebar, Footer)
--------------------------------------------------------------------------------
*/

/* Topbar (Header) - Clean White Styles */
#page-topbar {
    background-color: var(--lions-white);
    border-bottom: 1px solid var(--lions-gray-300);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    z-index: 1060;
}

#page-topbar .header-item {
    color: var(--lions-gray-700);
}

#page-topbar .header-item:hover,
#page-topbar .header-item.show {
    color: var(--lions-blue);
    background-color: rgba(0, 51, 141, 0.05);
}

/* Sidebar (Vertical Menu) - Modern Dark Blue */
[data-sidebar="dark"] .navbar-menu {
    background-color: var(--lions-blue);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link:hover {
    color: var(--lions-white);
}

[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link.active {
    color: var(--lions-gold);
}

/* Sidebar Brand Area */
.navbar-brand-box {
    background-color: transparent; /* Seamless integration */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Footer */
.footer {
    background-color: var(--lions-white);
    border-top: 1px solid var(--lions-gray-300);
    color: var(--lions-gray-600);
}

/* 
--------------------------------------------------------------------------------
3. COMPONENT OVERRIDES
--------------------------------------------------------------------------------
*/

/* Buttons - Ensure contrast and hover states */
.btn-primary {
    background-color: var(--lions-blue);
    border-color: var(--lions-blue);
    color: var(--lions-white);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--lions-blue-dark);
    border-color: var(--lions-blue-dark);
    color: var(--lions-gold); /* Gold text on hover for brand pop */
}

.btn-secondary {
    background-color: var(--lions-gold);
    border-color: var(--lions-gold);
    color: var(--lions-blue-dark); /* Dark text on gold for readability */
}

.btn-secondary:hover {
    background-color: var(--lions-gold-dark);
    border-color: var(--lions-gold-dark);
    color: var(--lions-blue);
}

/* Cards - Premium shadow handling */
.card {
    border: none;
    box-shadow: 0 5px 10px rgba(30, 32, 37, 0.05); /* Slight lift */
    margin-bottom: 1.5rem;
}

.card-header {
    background-color: transparent;
    border-bottom: 1px solid var(--lions-gray-200);
    padding: 1rem 1.25rem;
}

/* 
--------------------------------------------------------------------------------
4. UTILITY HELPERS
--------------------------------------------------------------------------------
*/

/* Glassmorphism helpers */
.bg-glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Text Highlights */
.text-lions-blue { color: var(--lions-blue) !important; }
.text-lions-gold { color: var(--lions-gold) !important; }

/* Placeholder do seletor de ano (esconde após WASM montar) */
html[data-ano-seletor-ready="1"] .ano-seletor-placeholder {
    display: none !important;
}