/*
Theme Name: Erma
Theme URI: https://themeshaper.com/erma/
Author: Automattic
Author URI: https://automattic.com/
Description: Erma is a WordPress portfolio block theme that features gorgeous imagery and modern layouts. With three unique style variations and elegant templates, Erma is the perfect choice for artists, designers, and other creative professionals looking to showcase their work in an eye-catching way. The theme's design is clean and sophisticated, allowing your portfolio pieces to take center stage.
Requires at least: 5.8
Tested up to: 6.2
Requires PHP: 5.7
Version: 1.0.11
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: erma
Tags: one-column, block-patterns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks, style-variations
*/

/* ===== 기본 유지 스타일 ===== */
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover{
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--secondary);
}
a{
  text-decoration-thickness:.0625em !important;
  text-underline-offset:.15em;
}
img{
  height:auto;
  max-width:100%;
  display:block;
}

/* ===== 포스트 목록 그리드 ===== */
/* 공통(기본값은 큰 화면 기준 5열 규칙이 미디어쿼리에서 재정의됨) */
.wp-block-post-template{
  display:grid !important;
  gap:28px;
  max-width:100% !important;
}

/* 모바일(≤640px): 1열 */
@media (max-width:640px){
  .wp-block-post-template{
    grid-template-columns: 1fr !important;
    gap:20px;
  }
}

/* 641–1199px: 3열 (칸 최소 200px 보장) */
@media (min-width:641px) and (max-width:1199px){
  .wp-block-post-template{
    grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
  }
}

/* ≥1200px: 5열 (칸 최소 240px 보장) */
@media (min-width:1200px){
  .wp-block-post-template{
    grid-template-columns: repeat(5, minmax(240px, 1fr)) !important;
  }
}

/* ===== 카드/이미지 ===== */
.wp-block-post-template .wp-block-post-featured-image img,
.wp-block-post-featured-image img{
  width:100% !important;
  height:auto !important;
  object-fit:cover;
  border-radius:0 !important; /* 직사각형 유지 */
}
.wp-block-post-title{
  margin-top:.5rem;
  margin-bottom:0;
  text-align:center;
}

/* 리스트 마커 제거(ul/li 렌더링 대비) */
.wp-block-post-template > li{ list-style:none; }

/* 블록 간 여백 */
.wp-block-query{ margin-top:1rem; margin-bottom:2rem; }