/* WIA Books Global Styles - v1.0 */
:root {
    --wia-primary: #667eea;
    --wia-secondary: #764ba2;
    --secure-blue: #00d4ff;
    --secure-purple: #9b59b6;
    --secure-green: #00ff88;
    --secure-gold: #ffd700;
    --dark: #1e293b;
    --light: #f8fafc;
    --border: #e2e8f0;
    --text: #334155;
    --text-light: #64748b;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
}

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

body {
    font-family: 'Inter', -apple-system, sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    color: var(--text);
}

.wia-main-content {
    margin-top: 70px;
    min-height: calc(100vh - 70px);
    background: white;
}

.wia-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.wia-btn {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.wia-btn-primary {
    background: linear-gradient(135deg, var(--wia-primary), var(--wia-secondary));
    color: white;
}

.wia-btn-small {
    padding: 8px 16px;
    font-size: 0.9rem;
}

/* 이모지 색깔 복원 - Gradient 텍스트에서 이모지만 제외 */
.emoji,
.stat-icon,
.feature-icon,
.action-icon,
.badge-float,
.collection-badge,
.author-badge,
.refugee-badge,
.view-only-badge,
.language-flag,
.flag,
[class*="icon"]:first-child,
span:has(> .fa):first-child,
h1 > span:first-child,
h2 > span:first-child,
h3 > span:first-child,
.section-title > span:first-child,
.priority-title > span:first-child {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: initial !important;
    background-clip: unset !important;
}

/* 이모지가 포함된 텍스트 내 이모지만 복원 */
.hero-title .emoji,
.section-title .emoji,
.feature-title .emoji,
.stat-number + .emoji,
*[data-translate] .emoji {
    display: inline-block;
    background: none !important;
    -webkit-text-fill-color: initial !important;
}

/* 플로팅 배지 이모지 */
.floating-badges .badge-float {
    background: rgba(255,255,255,0.1) !important;
    -webkit-text-fill-color: white !important;
}

.floating-badges .badge-float::before {
    background: none !important;
    -webkit-text-fill-color: initial !important;
}

/* 언어 모달 플래그 이모지 */
.language-modal .language-flag,
.language-card .language-flag,
.language-grid .flag {
    font-size: 2rem;
    background: none !important;
    -webkit-text-fill-color: initial !important;
}