/* ===================================
   Kakao Ad Styles
   광고비용 극대화를 위한 최적화 스타일
   =================================== */

/* 광고 컨테이너 기본 스타일 */
.kakao-ad-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--spacing-xl) 0;
    min-height: 250px;
    width: 100%;
}

.kakao-ad-container.hero-ad {
    margin: var(--spacing-2xl) 0;
    padding: var(--spacing-lg);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
}

.kakao-ad-container.content-ad {
    margin: var(--spacing-xl) 0;
}

/* 한 페이지에 1개만 배치하므로 사이드/하단 고정 광고는 제거됨 */

/* 광고 영역 스타일 */
.kakao_ad_area {
    display: block !important;
    width: 300px;
    height: 250px;
    margin: 0 auto;
}

/* 광고 로딩 상태 */
.kakao-ad-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 250px;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-md);
    border: 1px dashed var(--color-border);
    color: var(--color-text-muted);
    font-size: 0.875rem;
}

/* 광고 레이블 (선택사항) */
.kakao-ad-label {
    text-align: center;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    margin-bottom: var(--spacing-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 반응형 조정 */
@media (max-width: 768px) {
    .kakao-ad-container {
        margin: var(--spacing-lg) 0;
        min-height: 250px;
    }
    
    .kakao-ad-container.hero-ad {
        margin: var(--spacing-xl) 0;
        padding: var(--spacing-md);
    }
}

@media (max-width: 480px) {
    .kakao-ad-container {
        margin: var(--spacing-md) 0;
    }
    
    .kakao-ad-mobile-bottom {
        padding: var(--spacing-xs);
    }
}