/* トップページの「最新記事」欄（保護中記事の羅列）を非表示 */
#front-page-recent-posts { display: none; }

/* WEB */
.ko-fixed-cta { display: none; position: fixed; right: 16px; bottom: 16px; z-index: 9999; background: #2e7d54; color: #ffffff !important; padding: 14px 24px; border-radius: 32px; font-weight: bold; font-size: 15px; text-decoration: none; box-shadow: 0 4px 14px rgba(0,0,0,.3); }
body.page-id-198 .ko-fixed-cta, body.page-id-29954 .ko-fixed-cta, body.page-id-17 .ko-fixed-cta, body.page-id-27 .ko-fixed-cta, body.page-id-14 .ko-fixed-cta, body.page-id-66 .ko-fixed-cta, body.page-id-997 .ko-fixed-cta, body.page-id-2939 .ko-fixed-cta, body.page-id-4234 .ko-fixed-cta, body.page-id-1258 .ko-fixed-cta { display: inline-block; }

/* theme purple to Ko-Arts teal */
.top-bar, .site-footer, .footer-widgets-wrapper { background-color: #17324f !important; }

/* サブメニューの紺背景はPC幅のみ（スマホは白背景＋濃色文字のまま） */
@media screen and (min-width: 768px) {
  ul.sub-menu { background-color: #17324f !important; }
}

/* mobile: smaller fixed CTA */
@media (max-width: 640px) {
  .ko-fixed-cta { padding: 9px 16px !important; font-size: 13px !important; right: 10px !important; bottom: 10px !important; }
}

/* ══ 金継ぎ追補CSS — korolfing.com トップ（2026-08-27）══
   元の規則と同じセレクタで後から上書き。本体は無改変＝写しへの修理デモ。
   そのまま本体の追加CSS（WordPressのカスタムCSS等）へ貼れる形 */

/* ── naoshi自動処方（下書きpass1より） ── */
/* [font] 役割「本文」26px→28pxへ寄せる */
blockquote { font-size: 28px; }
/* [color] 似て非なる色 #DDDDDD→#FFFFFF */
hr { background-color: #FFFFFF; }
select { border-color: #FFFFFF; }
/* [z] 絶望のz-index 9999→100（層は1/10/100） */
.ko-fixed-cta { z-index: 100; }
@media screen and (min-width: 768px) {
  /* [font] 16px→18pxへ寄せる */
  .site-info { font-size: 18px; }
}

/* ── 手仕事 [破れ] SNSボタン: 白文字はそのまま、地を同色相で深くして床4.5へ
      （インラインstyle直書きのため !important で上書き） ── */
#block-17 div a[href*="facebook.com"] { background: #0E71F1 !important; }
#block-17 div a[href*="instagram.com"] { background: #E02766 !important; }
#block-17 div a[href*="youtube.com"] { background: #EB0000 !important; }

/* ── 手仕事 [乱れ・縦の重なり20件の根] ドロップダウンを縦積みへ
      テーマの .main-navigation li{display:inline-block} がサブメニューまで
      横並びにし、畳んだ退避位置で項目同士が重なり、開くと横に画面外へ伸びる ── */
/* min-width:768px限定＝スマホの畳みメニューはテーマ既定のまま触らない
   （2026-08-20のサブメニュー紺背景の事故と同じ理由でスコープ必須） */
@media screen and (min-width: 768px) {
  .main-navigation ul ul li { display: block; float: none; }
  .main-navigation ul ul a, .main-navigation ul ul a:visited { width: 260px; word-break: auto-phrase; }
  /* 畳んだドロップダウン（left:-999em退避）は描画からも隠す＝退避位置での項目同士の重なりの根。
     表示はテーマのホバー規則（left:auto/100%）と同じ条件で戻す */
  .main-navigation ul ul { visibility: hidden; }
  .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul,
  .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { visibility: visible; }
}

/* ── 手仕事 [font 役割の判断] 本文4段→3（14/28/42）・ボタン3段→2（14/28）
      .ko-fixed-ctaは既存追加CSSのスマホ小型化を後勝ちで潰さないようmin-768限定 ── */
a.bump-view { font-size: 14px; }
@media screen and (min-width: 768px) {
  .ko-fixed-cta { font-size: 14px; }
}

/* ── 手仕事 [radius] 写真の角丸8pxを外して3種へ（24/32/999）
      画像はインラインstyleでradius指定のため!important ── */
.entry-content p img { border-radius: 0 !important; }

/* ── 手仕事 [font 役割] SNSボタン18px→14pxでボタン2段へ（デスクトップ/タブレットのみ。
      モバイルは既に合格圏のため触らない） ── */
@media screen and (min-width: 768px) {
  #block-17 div a { font-size: 14px; }
}

/* ── 手仕事 [参考点・泣き別れ] 文節折り（Chromium） ── */
.site-title a, .site-description, .entry-content p,
.widgets-list-layout-links, .confit-address { word-break: auto-phrase; }


/* ── 金継ぎ追記（2026-08-27） 本文の赤文字#FF0000はSNSボタンと同じ#EB0000へ。
   白地で床4.5を満たす赤（色相不変）。インラインstyle直書きのため !important ── */
span[style*="color:#ff0000"], span[style*="color: #ff0000"],
strong[style*="color:#ff0000"], strong[style*="color: #ff0000"] { color: #EB0000 !important; }