/* CODDB Main Stylesheet - Imports all components */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap');

/* Core Styles */
@import url('core/coddb_base.css');
@import url('core/coddb_background.css');
@import url('core/coddb_grid_system.css');
@import url('core/coddb_layout_v2.css'); /* New optimized layout */

/* Component Styles - V2 System */
@import url('components/coddb_header_v2.css'); /* New optimized header */

/* New Modular Sidebar System V3 */
@import url('coddb/sidebars/coddb_sidebar_left_core.css');
@import url('coddb/sidebars/coddb_sidebar_left_elements.css');
@import url('coddb/sidebars/coddb_sidebar_right_core.css');
@import url('coddb/sidebars/coddb_sidebar_right_elements.css');

/* Tactical Right Sidebar v3.0 - Modular System */
@import url('coddb/sidebars/coddb_sidebar_right_core.css');
@import url('coddb/sidebars/coddb_sidebar_right_elements.css');

@import url('components/coddb_center.css');
@import url('components/coddb_loading.css');
@import url('components/coddb_theme_controller.css');
@import url('components/coddb_notifications.css');

/* Quests System */
@import url('quests/core.css?v=1.0');
@import url('quests/elements.css?v=1.0');
@import url('quests/components.css?v=1.0');

/* Credit Shop System */
@import url('creditshop/core.css');
@import url('creditshop/elements.css');
@import url('creditshop/components.css');

/* Additional shared animations and utilities */
@keyframes rippleEffect {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

@keyframes clickFlash {
    0% { transform: scale(0); opacity: 0.7; }
    50% { transform: scale(1); opacity: 0.4; }
    100% { transform: scale(2); opacity: 0; }
}

.ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    animation: rippleEffect 0.6s linear;
    pointer-events: none;
}

/* Utility Classes */
.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}

.fade-in {
    animation: fadeIn 0.5s ease-in;
}

.fade-out {
    animation: fadeOut 0.5s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}