/* CERC 2026 Dynamic Wave Logo CSS */
/* ================================= */
/* 원래 상태 복원 - 그라데이션 유지, CERC 2026 한 줄 */

/* 기본 로고 스타일 */
.cerc-logo, .cerc-logo-small {
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding-top: 5px; /* l 윗부분 보호 */
    transition: transform 0.3s ease;
}

.cerc-logo:hover, .cerc-logo-small:hover {
    transform: scale(1.05);
}

/* Seoul 텍스트 - 그라데이션 복원 */
.cerc-logo .seoul, .cerc-logo-small .seoul {
    font-family: 'Pacifico', cursive;
    font-weight: 400;
    font-size: 52px;
    background: linear-gradient(90deg, #5B9BD5 0%, #9B7BC4 33%, #C85BA4 66%, #E87B84 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
    position: relative;
    line-height: 1.1;
    letter-spacing: 2px;
    margin-right: 5px;
    padding-right: 10px;
    vertical-align: middle;
    overflow: visible;
}

.cerc-logo-small .seoul {
    font-size: 24px;
    margin-right: 5px;
    padding-right: 8px;
    overflow: visible;
}

/* Conference 텍스트 */
.cerc-logo .conference, .cerc-logo-small .conference {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 10.5px;
    letter-spacing: 6.8px;
    text-transform: uppercase;
    display: block;
    margin-top: -5px;
    margin-bottom: 8px;
    color: #5B6B88;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #5B6B88;
    background: none;
}

.cerc-logo-small .conference {
    font-size: 8px;
    letter-spacing: 2px;
}

/* CERC 텍스트 - 한 줄 유지 */
.cerc-logo .cerc-text, .cerc-logo-small .cerc-text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #1A2A3A;
    letter-spacing: 4px;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: -2px; /* C와 2 사이 적절한 간격 */
    display: inline-block;
}

.cerc-logo-small .cerc-text {
    font-size: 11px;
    letter-spacing: 2px;
    margin-right: -1px;
}

/* 2026 년도 - 한 줄 유지 */
.cerc-logo .year, .cerc-logo-small .year {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #6B7BA8;
    margin-left: 8px; /* CERC와 적절한 간격 */
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 3px;
}

.cerc-logo-small .year {
    font-size: 11px;
    margin-left: 5px;
    letter-spacing: 2px;
}

/* 물결 애니메이션 요소 */
.wave {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #4A90E2 10%, #5B9BD5 50%, #7BA5E8 90%, transparent);
    animation: wave 2s ease-in-out infinite;
}

.cerc-logo-small .wave {
    bottom: 10px;
    height: 2px;
    width: 75px;
}

@keyframes wave {
    0%, 100% {
        transform: translateX(0);
        opacity: 0.8;
    }
    50% {
        transform: translateX(10px);
        opacity: 1;
    }
}

/* 색상 테마들 */
.cerc-logo.purple .seoul, .cerc-logo-small.purple .seoul {
    background: linear-gradient(135deg, #8E44AD, #9B59B6, #BF55EC);
}

.cerc-logo.purple .wave, .cerc-logo-small.purple .wave {
    background: linear-gradient(90deg, transparent, #9B59B6, transparent);
}

.cerc-logo.korean .seoul, .cerc-logo-small.korean .seoul {
    background: linear-gradient(135deg, #003478, #C60C30, #003478);
}

.cerc-logo.korean .wave, .cerc-logo-small.korean .wave {
    background: linear-gradient(90deg, transparent, #C60C30, transparent);
}

.cerc-logo.korean .cerc-text, .cerc-logo-small.korean .cerc-text {
    color: #003478;
}

.cerc-logo.mono .seoul, .cerc-logo-small.mono .seoul {
    background: #2C3E50;
    -webkit-text-fill-color: #2C3E50;
}

.cerc-logo.mono .wave, .cerc-logo-small.mono .wave {
    background: linear-gradient(90deg, transparent, #2C3E50, transparent);
}

.cerc-logo.static .wave, .cerc-logo-small.static .wave {
    display: none;
}

.cerc-logo.static:hover, .cerc-logo-small.static:hover {
    transform: none;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .cerc-logo .seoul {
        font-size: 30px;
        margin-right: 5px;
    }
    
    .cerc-logo .cerc-text {
        font-size: 12px;
        letter-spacing: 2px;
    }
    
    .cerc-logo .year {
        font-size: 12px;
        margin-left: 5px;
    }
    
    .cerc-logo-small .seoul {
        font-size: 22px;
        margin-right: 3px;
    }
    
    .cerc-logo-small .cerc-text {
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .cerc-logo .seoul {
        font-size: 26px;
        display: block;
        margin-bottom: 5px;
    }
    
    .cerc-logo .cerc-text {
        font-size: 11px;
        display: inline-block;
    }
    
    .cerc-logo .year {
        font-size: 11px;
        display: inline-block;
    }
    
    .cerc-logo-small .seoul {
        font-size: 20px;
    }
    
    .cerc-logo-small .cerc-text {
        font-size: 9px;
    }
}

/* 인쇄용 스타일 */
@media print {
    .cerc-logo .seoul, .cerc-logo-small .seoul {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    
    .wave {
        display: none;
    }
}

/* 접근성 - 포커스 스타일 */
.cerc-logo:focus, .cerc-logo-small:focus {
    outline: 2px solid #4A90E2;
    outline-offset: 4px;
}

/* 다크 모드 지원 */
@media (prefers-color-scheme: dark) {
    .cerc-logo .cerc-text, .cerc-logo-small .cerc-text {
        color: #ECF0F1;
    }
    
    .cerc-logo .year, .cerc-logo-small .year {
        color: #BDC3C7;
    }
    
    .cerc-logo .conference, .cerc-logo-small .conference {
        color: #BDC3C7;
    }
    
    .cerc-logo.mono .seoul, .cerc-logo-small.mono .seoul {
        background: #ECF0F1;
        -webkit-text-fill-color: #ECF0F1;
    }
}