/* ブロックエディタで組んだセクション用のスタイル。
   theme.css（従来のPHPテンプレート用）と併用できます。 */

/* 本文エリア：全幅ブロックを画面いっぱいに */
.mw-main--blocks{padding-top:0}
.mw-main--blocks .entry-content>*{margin-block:0}
.entry-content .alignfull{width:100%;max-width:none;margin-inline:0}
.entry-content .alignwide{max-width:var(--max);margin-inline:auto}
.mw-main--blocks>.entry-content>.wp-block-group:first-child,
.mw-main--blocks>.entry-content>.wp-block-cover:first-child{margin-top:0}

/* 共通の下地 */
.wp-site-blocks>*+*{margin-block-start:0}
.mw-sec{padding:var(--sec-y) var(--pad)}
.mw-sec.has-paper-background-color{background:var(--paper)}
.mw-narrow{max-width:var(--max);margin-inline:auto}

/* 英字＋和文の見出しセット（グループ .mw-eh の中に2つの段落） */
.mw-eh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:clamp(24px,4vw,48px)}
.mw-eh.is-left{justify-content:flex-start}
.mw-eh .mw-eh-en{font-family:var(--italic);font-style:italic;font-size:clamp(30px,7vw,60px);color:var(--green);line-height:1;margin:0}
.mw-eh .mw-eh-jp{font-family:var(--sans);font-size:clamp(10px,2.6vw,13px);letter-spacing:.26em;color:var(--muted);margin:0}
.mw-on-dark .mw-eh-en,.mw-on-dark .mw-eh .mw-eh-en{color:rgba(245,242,234,.94)}
.mw-on-dark .mw-eh-jp,.mw-on-dark .mw-eh .mw-eh-jp{color:rgba(245,242,234,.64)}

/* テキストの役割クラス（ブロックの「高度な設定 → CSSクラス」で付けられます） */
.mw-kicker{font-family:var(--sans);font-size:clamp(9px,2.4vw,12px);letter-spacing:.34em;text-transform:uppercase;line-height:1.6}
.mw-label{font-family:var(--sans);font-size:11px;letter-spacing:.28em;color:var(--green);line-height:1.6}
.mw-en{font-family:var(--italic);font-style:italic;color:var(--muted)}
.mw-lede{font-size:clamp(14px,3.6vw,17px);line-height:2.3;letter-spacing:.03em;max-width:34em;margin-inline:auto}
.mw-body{line-height:2.15;letter-spacing:.03em}
.mw-quote{font-weight:500;color:var(--green);font-size:clamp(19px,4.8vw,32px);line-height:1.75;letter-spacing:.04em}
.mw-note{font-size:clamp(12px,3.2vw,13.5px);line-height:1.95;color:var(--muted)}
.mw-big{font-size:clamp(22px,6.2vw,50px);line-height:1.6;letter-spacing:.05em;max-width:22em;margin-inline:auto;text-wrap:balance}
.mw-price{font-size:clamp(19px,4.6vw,22px)}
.mw-num{font-family:var(--italic);font-style:italic;font-size:clamp(24px,6vw,38px);color:var(--green);line-height:1}
.mw-unit{font-family:var(--sans);font-size:10px;color:var(--muted);letter-spacing:.04em}

/* ボタン（「もっと見る」形式のリンク） */
.wp-block-button.is-style-mw-line .wp-block-button__link{background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 8px;font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:inherit;min-height:44px;display:inline-flex;align-items:center}
.wp-block-button.is-style-mw-line .wp-block-button__link:hover{color:var(--green)}
.mw-on-dark .wp-block-button.is-style-mw-line .wp-block-button__link:hover{color:#fff;opacity:.75}

/* ヒーロー（カバーブロック） */
.wp-block-cover.mw-hero{min-height:520px;height:88svh;padding:var(--head-h) var(--pad) 0}
.wp-block-cover.mw-hero .wp-block-cover__inner-container{text-align:center;max-width:none}
.wp-block-cover.mw-hero h1{font-size:clamp(28px,8.4vw,92px);text-shadow:0 2px 30px rgba(0,0,0,.28);text-wrap:balance}
.wp-block-cover.mw-hero .mw-lede{line-height:2.1;opacity:.95;text-shadow:0 1px 16px rgba(0,0,0,.3)}

/* 帯（写真の上に文章） */
.wp-block-cover.mw-band{min-height:380px;height:62svh;max-height:700px;padding:var(--pad);align-items:center;justify-content:flex-start}
.wp-block-cover.mw-band .wp-block-cover__inner-container{max-width:520px;margin-inline:0}
.wp-block-cover.mw-band p{line-height:2.05;letter-spacing:.03em;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.wp-block-cover.mw-band .mw-band-en{font-family:var(--italic);font-style:italic;font-size:clamp(26px,6vw,44px);line-height:1.2;text-shadow:none}

/* sowa（ブランド名を大きく） */
.wp-block-cover.mw-sowa{min-height:auto;padding:clamp(80px,12vw,170px) var(--pad);text-align:center}
.mw-sowa-word{font-family:var(--italic);font-style:italic;font-size:clamp(76px,22vw,220px);line-height:.9;letter-spacing:-.02em;margin:0}

/* 画像の切り抜き比率 */
.mw-img-portrait img{aspect-ratio:3/4;object-fit:cover;width:100%}
.mw-img-square img{aspect-ratio:1/1;object-fit:cover;width:100%}
.mw-img-wide img{aspect-ratio:4/3;object-fit:cover;width:100%}
.mw-img-tall img{aspect-ratio:4/5;object-fit:cover;width:100%}

/* カラム：スマホで2列にしたい場合（工程など） */
.wp-block-columns.mw-cols-2sp{gap:clamp(18px,3vw,28px)}
@media (max-width:781px){
  .wp-block-columns.mw-cols-2sp{flex-wrap:wrap!important;flex-direction:row}
  .wp-block-columns.mw-cols-2sp>.wp-block-column{flex-basis:calc(50% - clamp(9px,1.5vw,14px))!important;flex-grow:0}
}
.wp-block-columns.mw-cols-gap{gap:clamp(28px,5vw,72px)}

/* 罫線で区切る行（商品リスト・成分・メンバー） */
.mw-row{border-top:1px solid var(--rule);padding-top:16px;margin-top:16px}
.mw-rows>*{border-bottom:1px solid var(--rule);padding-bottom:18px}
.mw-rows>*:first-child{border-top:1px solid var(--rule);padding-top:18px}

/* よもぎラボ・情報ボックス */
.mw-box{background:var(--bg);border:1px solid var(--rule);padding:clamp(20px,4vw,32px)}
.mw-box p{margin:0}
.mw-box .mw-dt{font-family:var(--sans);font-size:10px;letter-spacing:.14em;color:var(--muted)}

/* 暗い背景セクション */
.mw-on-dark{background:var(--ink);color:#fff}
.mw-on-dark a{color:#fff}
.mw-on-dark .mw-en,.mw-on-dark .mw-note{color:rgba(245,242,234,.62)}

/* エディタ内でも近い見た目に */
.editor-styles-wrapper .mw-sec{padding-inline:clamp(16px,4vw,40px)}
.editor-styles-wrapper .wp-block-cover.mw-hero{height:auto;min-height:420px}

/* ── お知らせ（一覧・詳細） ───────────────────────── */
.news-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-bottom:clamp(28px,5vw,48px);font-family:var(--sans);font-size:12px;letter-spacing:.1em}
.news-filter a{padding-bottom:4px;border-bottom:1px solid transparent;color:var(--muted);min-height:32px}
.news-filter a:hover,.news-filter a.is-active{color:var(--ink);border-bottom-color:currentColor}
.news .ttl a{text-decoration:none}
.news .ttl a:hover{color:var(--green)}
.news-meta{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
.news-meta .date{font-family:var(--italic);font-style:italic;font-size:15px;color:var(--green)}
.news-meta .tag{font-family:var(--sans);font-size:10px;letter-spacing:.2em;color:var(--muted)}
.news-title{font-family:var(--serif);font-weight:500;font-size:clamp(22px,5.6vw,36px);line-height:1.6;letter-spacing:.04em;margin-bottom:clamp(24px,4vw,40px)}
.news-thumb{margin:0 0 clamp(24px,4vw,40px)}
.news-thumb img{width:100%;height:auto}
.news-body{font-size:clamp(14px,3.5vw,15.5px);line-height:2.15;letter-spacing:.03em}
.news-body>*+*{margin-top:1.6em}
.news-body h2{font-size:clamp(18px,4.6vw,24px);margin-top:2.4em}
.news-body h3{font-size:clamp(16px,4.2vw,19px);margin-top:2em}
.news-body img{height:auto}
.news-body a{text-decoration:underline;text-underline-offset:3px}
.news-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:clamp(48px,7vw,80px);padding-top:24px;border-top:1px solid var(--rule);font-family:var(--sans);font-size:12px;letter-spacing:.1em}
.news-nav a{min-height:32px}
.wp-block-query-pagination,.pagination,.nav-links{display:flex;gap:14px;justify-content:center;font-family:var(--sans);font-size:13px;letter-spacing:.08em}
.nav-links .current{color:var(--green)}

/* ── 読みもの ─────────────────────────────────────── */
.journal--grid{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,40px)}
.journal--grid a{grid-template-columns:minmax(96px,34%) minmax(0,1fr)}
@media (min-width:600px){
  .journal--grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journal--grid a{display:block}
  .journal--grid .media{aspect-ratio:4/3;margin-bottom:14px}
}
@media (min-width:900px){.journal--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.journal-hero{width:100%;max-height:70svh;overflow:hidden}
.journal-hero img{width:100%;height:100%;object-fit:cover;display:block}
.journal-sub{font-family:var(--italic);font-style:italic;font-size:clamp(16px,4vw,19px);color:var(--muted);margin:-16px 0 clamp(24px,4vw,40px)}

/* ── ストアボタン ─────────────────────────────────── */
.wp-block-button.is-style-mw-store .wp-block-button__link{background:var(--green);color:#fff;border:0;border-radius:0;font-family:var(--sans);font-size:12.5px;letter-spacing:.2em;padding:18px 40px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s}
.wp-block-button.is-style-mw-store .wp-block-button__link:hover{opacity:.85;color:#fff}
.mw-on-dark .wp-block-button.is-style-mw-store .wp-block-button__link{background:#fff;color:var(--ink)}
@media (max-width:599px){.wp-block-button.is-style-mw-store{width:100%}.wp-block-button.is-style-mw-store .wp-block-button__link{width:100%;padding-inline:20px}}