/* ============================================
   GLOBAL CSS - Styles de base et variables
   ============================================ */

/* Reset CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Variables CSS globales */
:root {
    /* Couleurs communes */
    --c-space: #1a1a2e;
    --c-glass: rgba(30, 30, 50, 0.8);
    
    /* Dimensions et espacements */
    --radius-main: 22px;
    --max-width: 1400px;
    
    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-smooth: 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    
    /* Z-index */
    --z-particles: 0;
    --z-content: 1;
    --z-ticker: 999;
    --z-header: 1001;
}

/* Styles de base */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    overflow-x: hidden;
    line-height: 1.7;
    min-height: 100vh;
}

/* Utilitaires */
.container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 5%;
}

/* Protection globale pour les logos sociaux - règle de base */
.social-links img,
footer .social-links img {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    object-fit: contain !important;
    display: block !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

.social-links-compact img,
aside .social-links-compact img {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    object-fit: contain !important;
    display: block !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

/* Protection pour les conteneurs sociaux */
footer .social-links,
aside .social-links-compact {
    contain: layout style;
}

footer .social-links *,
aside .social-links-compact * {
    box-sizing: border-box !important;
}