/*
 * 파일명: layouts.css
 * 위치: /wp-content/plugins/wp-auto-posting/assets/css/
 * 기능: 자동 생성 포스트 레이아웃 스타일
 * 작성일: 2025-03-09
 * 수정일: 2025-06-16
 */

/* =================================================
 * 플러그인 전용 HTML 태그 스타일 보호
 * GeneratePress 테마 및 기타 테마 스타일과 완전 격리
 * ================================================= */

/* 플러그인 컨테이너 전체 격리 */
.wp-auto-post {
    isolation: isolate !important;
    contain: layout style !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    line-height: 1.6 !important;
    color: #333 !important;
    margin-bottom: 2rem !important;
}

/* 플러그인 컨테이너 내 모든 시맨틱 태그 초기화 */
.wp-auto-post article,
.wp-auto-post section,
.wp-auto-post aside,
.wp-auto-post header,
.wp-auto-post footer,
.wp-auto-post blockquote,
.wp-auto-post h1,
.wp-auto-post h2,
.wp-auto-post h3,
.wp-auto-post h4,
.wp-auto-post h5,
.wp-auto-post h6,
.wp-auto-post ul,
.wp-auto-post ol,
.wp-auto-post li,
.wp-auto-post button {
    all: unset !important;
    display: block !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    text-decoration: none !important;
    outline: none !important;
    color: #333 !important;
    line-height: 1.6 !important;
}

.wp-auto-post button {
    cursor: pointer !important;
    display: inline-block !important;
}

.wp-auto-post img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border: none !important;
    outline: none !important;
}

/* =================================================
 * 기본 섹션 스타일
 * ================================================= */

.header-section,
.middle-section,
.footer-section,
.wpap-faq-section {
    margin-bottom: 1.5rem !important;
}

.wpap-section-margin {
    margin-bottom: 2rem !important;
}


   /* =================================================
    * 4블록 조합 초소형 화면 공통 최적화
    * ================================================= */
   
   /* 모든 이미지 더 작게 */
   .middle-section img {
       border-radius: 4px !important;
   }
   
   /* 텍스트 크기 전체적으로 약간 축소 */
   .wp-auto-post {
       font-size: 0.95rem !important;
       line-height: 1.5 !important;
   }
   
   /* 섹션 간격 최소화 */
   .header-section,
   .footer-section,
   .wpap-faq-section {
       margin-bottom: 1rem !important;
   }
}