/* ==========================================================================
   ATERIA WORDPRESS - WordPress固有スタイル
   --------------------------------------------------------------------------
   静的版の common.css / responsive.css をなるべく変更せず、
   WordPress化で必要になった差分だけをここに記載します。
   ========================================================================== */

/* 01. 管理バー表示時 */
.admin-bar .site-header{top:32px;}
@media (max-width:782px){.admin-bar .site-header{top:46px;}}

/* 02. WordPress投稿リンク */
.news-item-link{display:contents;color:inherit;text-decoration:none;}
.news-feature a,.news-item a{color:inherit;}
.news-feature-body .read-more{color:var(--orange);font-weight:700;align-self:flex-end;margin-top:10px;}

/* 03. お問い合わせ送信結果 */
.form-status{margin:0 0 18px;padding:14px 16px;border-radius:10px;font-weight:700;}
.form-status--success{background:#effbdc;border:1px solid #a9cf55;color:#4f7511;}
.form-status--error{background:#fff0f4;border:1px solid #efb3c1;color:#a53653;}
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}

/* 04. 投稿本文 */
.post-article{max-width:980px;margin:0 auto;}
.post-article .entry-content{font-size:16px;line-height:2;}
.post-article .entry-content h2{margin-top:2em;color:var(--orange);}
.post-article .entry-content h3{margin-top:1.6em;}
.post-article .entry-content img{max-width:100%;height:auto;border-radius:14px;}
.post-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px;color:var(--muted);}

/* 05. 投稿一覧が空の場合 */
.news-empty{padding:34px;text-align:center;}

/* 06. TOPのお知らせ行をリンク化しても見た目を維持 */
.news-row{color:inherit;text-decoration:none;}

/* ==========================================================================
   07. HEADER WIDTH / ヘッダー幅の管理先
   common.css の .header-inner で一元管理。本文の .container とは独立。
   ========================================================================== */