/*
Theme Name: Medal of Honor V2
Description: Thème WordPress refactorisé pour la gestion de médaillons commémoratifs et témoignages. Version optimisée avec architecture moderne, code clean et performance améliorée.
Author: Medal of Honor Team
Version: 2.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medal-of-honor-v2
Tags: custom-post-types, e-commerce, memorial, testimonials, user-dashboard, responsive, glassmorphism
*/

/* ==========================================================================
   VARIABLES CSS GLOBALES - PALETTE MEDAL OF HONOR V2
   ========================================================================== */
:root {
    /* Palette harmonisée Blanc / Blanc cassé / Doré */
    --moh-alabaster: #f9f6f1;        /* Fond principal (blanc cassé) */
    --moh-sunset: #f3e6c9;           /* Fond secondaire (ivoire chaud) */
    --moh-pink: #d4af37;             /* Accent principal (doré) */
    --moh-buff: #5c4a1f;             /* Texte principal (brun chaud) */
    --moh-russian-violet: #7a5c28;   /* Texte secondaire / accents (brun doré) */
    
    /* Attribution sémantique */
    --moh-bg-primary: var(--moh-alabaster);
    --moh-bg-secondary: var(--moh-sunset);
    --moh-accent-primary: var(--moh-pink);
    --moh-text-primary: var(--moh-buff);
    --moh-text-secondary: var(--moh-russian-violet);
    
    /* Couleurs d'état */
    --moh-success: #7fb069;
    --moh-error: #d88c9a;
    --moh-warning: #f4a261;
    --moh-info: #a8dadc;
    
    /* Espacements cohérents */
    --moh-space-xs: 0.25rem;
    --moh-space-sm: 0.5rem;
    --moh-space-md: 1rem;
    --moh-space-lg: 1.5rem;
    --moh-space-xl: 2rem;
    --moh-space-xxl: 3rem;
    
    /* Bordures et rayons */
    --moh-radius-sm: 8px;
    --moh-radius-md: 12px;
    --moh-radius-lg: 16px;
    
    /* Ombres modernes */
    --moh-shadow-sm: 0 2px 8px rgba(57, 28, 94, 0.08);
    --moh-shadow-md: 0 4px 16px rgba(57, 28, 94, 0.12);
    --moh-shadow-lg: 0 8px 32px rgba(57, 28, 94, 0.15);
    
    /* Glassmorphisme */
    --moh-glass-bg: rgba(255, 255, 255, 0.25);
    --moh-glass-border: rgba(255, 255, 255, 0.4);
    --moh-glass-backdrop: blur(16px) saturate(180%);
    
    /* Typographie */
    --moh-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --moh-font-heading: 'Playfair Display', Georgia, serif;
    
    /* Typographie fluide */
    --moh-text-xs: clamp(0.72rem, 0.2vw + 0.68rem, 0.78rem);
    --moh-text-sm: clamp(0.84rem, 0.25vw + 0.8rem, 0.92rem);
    --moh-text-base: clamp(0.98rem, 0.3vw + 0.94rem, 1.06rem);
    --moh-text-lg: clamp(1.08rem, 0.35vw + 1.02rem, 1.22rem);
    --moh-text-xl: clamp(1.22rem, 0.45vw + 1.12rem, 1.4rem);
    --moh-text-2xl: clamp(1.45rem, 0.8vw + 1.2rem, 1.8rem);
    --moh-text-3xl: clamp(1.72rem, 1.2vw + 1.3rem, 2.1rem);
    --moh-text-4xl: clamp(2.05rem, 1.6vw + 1.5rem, 2.5rem);
    
    /* Transitions */
    --moh-transition-fast: 0.15s ease;
    --moh-transition-normal: 0.3s ease;
    --moh-transition-slow: 0.5s ease;
}

/* ==========================================================================
   RESET ET BASE MODERNE
   ========================================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--moh-font-primary);
    font-size: var(--moh-text-base);
    line-height: 1.6;
    color: var(--moh-text-primary);
    background: linear-gradient(135deg, var(--moh-bg-primary) 0%, var(--moh-bg-secondary) 100%);
    min-height: 100vh;
}

/* Améliorations générales des liens et du texte */
a { color: var(--moh-accent-primary); text-decoration: underline; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
::selection { background: rgba(212, 175, 55, 0.2); }

/* Medias responsives */
img, video { max-width: 100%; height: auto; }

/* Import des composants */
@import url('./assets/css/components.css');
@import url('./assets/css/layout.css');
@import url('./assets/css/forms.css');
@import url('./assets/css/responsive.css');

/* Custom logo variants without default WordPress class */
.site-logo-symbol,
.footer-logo-symbol,
.floating-logo-symbol {
    max-width: 140px;
    height: auto;
    display: inline-block;
}

.site-logo-symbol {
    margin: 0;
}

.floating-logo-symbol {
    max-width: 56px;
}