/*
 * 파일명: footer_layouts.css
 * 위치: /wp-content/plugins/wp-auto-posting/assets/css/layouts/
 * 기능: Footer 레이아웃 전용 스타일 (레이아웃 1~6)
 * 작성일: 2025-06-20
 * 수정일: 2025-06-20
 */

/* =================================================
 * Footer 레이아웃 스타일 (레이아웃 1~6)
 * ================================================= */

/* 풋터 레이아웃 1: 결론 박스 */
[class*="conclusion-box-"] {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

[class*="conclusion-box-"] h3 {
    font-size: 1.2rem;
    color: #4a6ea9;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* 풋터 레이아웃 2: 요약 스타일 */
[class*="wpap-summary-block-"].wpap-footer-summary-wrapper {
    background-color: #f1f1f1 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

[class*="wpap-summary-block-"] .wpap-summary-title-main {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 15px !important;
}

/* 풋터 레이아웃 3: 메모 스타일 */
[class*="wpap-note-box-"].wpap-footer-note-wrapper {
    position: relative !important;
    background-color: #fffde7 !important;
    padding: 30px 20px 20px !important;
    border: 1px solid #fff9c4 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

[class*="wpap-note-box-"] .wpap-note-title-badge.wpap-footer-note-badge {
    position: absolute !important;
    top: -12px !important;
    left: 20px !important;
    background-color: #ffeb3b !important;
    padding: 2px 15px !important;
    border-radius: 15px !important;
    font-size: 0.9rem !important;
    font-weight: bold !important;
    color: #333 !important;
    border: 1px solid #fdd835 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* 풋터 레이아웃 4: 카드형 풋터 */
[class*="wpap-card-footer-"].wpap-footer-card-wrapper {
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #e9ecef !important;
    background-color: #ffffff !important;
}

[class*="wpap-card-footer-"] .wpap-card-header-footer.wpap-footer-card-top {
    background-color: #4a6fc0 !important;
    color: white !important;
    padding: 15px 20px !important;
}

[class*="wpap-card-footer-"] .wpap-card-title-footer {
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    color: white !important;
}

[class*="wpap-card-footer-"] .wpap-card-body-footer.wpap-footer-card-content {
    padding: 20px !important;
    background-color: #ffffff !important;
    color: #333 !important;
}

[class*="wpap-card-footer-"] .wpap-card-footer-bottom.wpap-footer-card-bottom {
    background-color: #f8f9fa !important;
    padding: 12px 20px !important;
    border-top: 1px solid #e9ecef !important;
}

[class*="wpap-card-footer-"] .wpap-footer-note {
    font-size: 0.9rem !important;
    color: #6c757d !important;
}

/* 풋터 레이아웃 5: 주요 포인트 풋터 */
[class*="key-points-footer-"] {
    padding: 25px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

[class*="key-points-footer-"] .points-heading {
    color: #343a40;
    font-size: 1.3rem;
    margin-bottom: 20px;
    text-align: center;
}

[class*="key-points-footer-"] .points-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

[class*="key-points-footer-"] .point-item {
    display: flex;
    align-items: flex-start;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

[class*="key-points-footer-"] .point-number {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    background-color: #4a6fc0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 15px;
    margin-top: 3px;
}

/* 풋터 레이아웃 6: 인용형 풋터 */
[class*="quote-footer-"] {
    position: relative;
    background-color: #f8f9fa;
    padding: 35px 25px 25px;
    border-radius: 8px;
    margin-top: 20px;
}

[class*="quote-footer-"] .quote-icon {
    position: absolute;
    top: -15px;
    left: 25px;
    width: 32px;
    height: 32px;
    background-color: #4a6fc0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

[class*="quote-footer-"] .footer-quote {
    font-style: italic;
    padding: 0;
    margin: 0 0 15px 0;
    border-left: none;
}

[class*="quote-footer-"] .quote-caption {
    text-align: right;
    font-size: 0.9rem;
    color: #6c757d;
}

/* =================================================
 * Footer 레이아웃 반응형 스타일
 * ================================================= */

@media (max-width: 768px) {
    /* 풋터 레이아웃 4: 카드형 풋터 - 패딩 축소 */
    [class*="wpap-card-footer-"] .wpap-card-header-footer.wpap-footer-card-top,
    [class*="wpap-card-footer-"] .wpap-card-body-footer.wpap-footer-card-content,
    [class*="wpap-card-footer-"] .wpap-card-footer-bottom.wpap-footer-card-bottom {
        padding: 15px !important;
    }
    
    /* 풋터 레이아웃 5: 주요 포인트 풋터 - 패딩 및 포인트 크기 조정 */
    [class*="key-points-footer-"] {
        padding: 20px !important;
    }
    
    [class*="key-points-footer-"] .point-item {
        padding: 12px !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    [class*="key-points-footer-"] .point-number {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }
    
    /* 풋터 레이아웃 6: 인용형 풋터 - 패딩 조정 */
    [class*="quote-footer-"] {
        padding: 30px 20px 20px !important;
    }
}

@media (max-width: 576px) {
    /* 풋터 레이아웃 4: 카드형 풋터 - 더 작은 패딩 */
    [class*="wpap-card-footer-"] .wpap-card-header-footer.wpap-footer-card-top,
    [class*="wpap-card-footer-"] .wpap-card-body-footer.wpap-footer-card-content,
    [class*="wpap-card-footer-"] .wpap-card-footer-bottom.wpap-footer-card-bottom {
        padding: 12px !important;
    }
    
    [class*="wpap-card-footer-"] .wpap-card-title-footer {
        font-size: 1.1rem !important;
    }
    
    [class*="wpap-card-footer-"] .wpap-footer-note {
        font-size: 0.8rem !important;
    }
    
    /* 풋터 레이아웃 5: 주요 포인트 풋터 - 더 컴팩트하게 */
    [class*="key-points-footer-"] {
        padding: 15px !important;
    }
    
    [class*="key-points-footer-"] .points-heading {
        font-size: 1.1rem !important;
        margin-bottom: 15px !important;
    }
    
    [class*="key-points-footer-"] .point-item {
        padding: 10px !important;
        margin-bottom: 10px !important;
    }
    
    [class*="key-points-footer-"] .point-number {
        min-width: 25px !important;
        height: 25px !important;
        font-size: 0.8rem !important;
        margin-bottom: 8px !important;
    }
    
    /* 풋터 레이아웃 6: 인용형 풋터 - 더 작은 패딩 */
    [class*="quote-footer-"] {
        padding: 25px 15px 15px !important;
    }
    
    [class*="quote-footer-"] .quote-icon {
        width: 28px !important;
        height: 28px !important;
        top: -12px !important;
        left: 20px !important;
    }
    
    [class*="quote-footer-"] .footer-quote {
        font-size: 0.95rem !important;
        margin-bottom: 10px !important;
    }
    
    [class*="quote-footer-"] .quote-caption {
        font-size: 0.8rem !important;
    }
}



/* 풋터 레이아웃 7: 심플 라운드 박스 */
[class*="wpap-round-box-"].wpap-footer-round {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 15px;
    border: 2px solid #f0f0f0;
    margin-bottom: 20px;
}

[class*="wpap-round-box-"] h3 {
    font-size: 1.2rem;
    color: #555;
    margin-bottom: 15px;
    text-align: center;
}

/* 풋터 레이아웃 8: 얇은 테두리 박스 */
[class*="wpap-thin-border-"].wpap-footer-border {
    background-color: #ffffff;
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

[class*="wpap-thin-border-"] h3 {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

/* 풋터 레이아웃 9: 그림자 박스 */
[class*="wpap-shadow-box-"].wpap-footer-shadow {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

[class*="wpap-shadow-box-"] h3 {
    font-size: 1.2rem;
    color: #444;
    margin-bottom: 15px;
    font-weight: 600;
}

/* 풋터 레이아웃 10: 그라데이션 배경 박스 */
[class*="wpap-gradient-box-"].wpap-footer-gradient {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #dee2e6;
    margin-bottom: 20px;
}

[class*="wpap-gradient-box-"] h3 {
    font-size: 1.2rem;
    color: #495057;
    margin-bottom: 15px;
    font-weight: 600;
}

/* 반응형 스타일 추가 */
@media (max-width: 768px) {
    [class*="wpap-round-box-"].wpap-footer-round,
    [class*="wpap-thin-border-"].wpap-footer-border,
    [class*="wpap-shadow-box-"].wpap-footer-shadow,
    [class*="wpap-gradient-box-"].wpap-footer-gradient {
        padding: 20px;
    }
    
    [class*="wpap-round-box-"] h3,
    [class*="wpap-thin-border-"] h3,
    [class*="wpap-shadow-box-"] h3,
    [class*="wpap-gradient-box-"] h3 {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }
}

@media (max-width: 576px) {
    [class*="wpap-round-box-"].wpap-footer-round,
    [class*="wpap-thin-border-"].wpap-footer-border,
    [class*="wpap-shadow-box-"].wpap-footer-shadow,
    [class*="wpap-gradient-box-"].wpap-footer-gradient {
        padding: 15px;
    }
    
    [class*="wpap-round-box-"] h3,
    [class*="wpap-thin-border-"] h3,
    [class*="wpap-shadow-box-"] h3,
    [class*="wpap-gradient-box-"] h3 {
        font-size: 1rem;
        margin-bottom: 10px;
    }
}