/*
 * Snow Monkey Editor 削除の代替
 *
 * SME プラグインは削除するが、本文HTMLに残る sme-* クラスは削除しない
 * （CLAUDE.md §6 / docs/decisions.md D-001）。
 * ここに置くのは **SME プラグインの front.css と同じ内容**。
 *
 * ---------------------------------------------------------------------------
 * 出典（推測ゼロ）
 * ---------------------------------------------------------------------------
 *   wp-content/plugins/snow-monkey-editor/dist/css/front.css（ローカル実物）
 *   および本番の Autoptimize 統合CSS 内の同一ルール（2026-09-01 取得）
 *
 *   @media not all and (min-width:640px){.sme-hidden-sm{display:none!important}}
 *   @media (min-width:640px) and (max-width:1023.9px){.sme-hidden-md{display:none!important}}
 *   @media (min-width:1024px){.sme-hidden-lg-up{display:none!important}}
 *   .sme-br{display:inline;position:relative}
 *   @media (min-width:1024px){.sme-br--disable\:desktop br{display:none}}
 *   @media (min-width:640px) and (max-width:1023.9px){.sme-br--disable\:tablet br{display:none}}
 *   @media not all and (min-width:640px){.sme-br--disable\:mobile br{display:none}}
 *
 * ---------------------------------------------------------------------------
 * 本番で実際に使われている sme-* クラス（16ページを grep した実測）
 * ---------------------------------------------------------------------------
 *   sme-text-color        18   ← CSSなし。has-*-color と inline style が実体
 *   sme-font-size         12   ← CSSなし。has-*-font-size が実体
 *   sme-br--disable:tablet 11
 *   sme-br                11
 *   sme-br--disable:desktop 8
 *   sme-hidden-sm          3
 *   sme-hidden-md          3
 *   sme-hidden-lg-up       3
 *   sme-br--disable:mobile 3
 *
 * sme-text-color / sme-font-size には CSS が存在しない（統合CSSを grep して0件）。
 * マーカークラスであり、実際の見た目は WordPress のプリセットクラスが担っている。
 * したがってここに書くことは無い。書くと差分になる。
 *
 * クラス名に「:」が入るのは SME の仕様。CSSでは「\:」とエスケープする。
 */

@media not all and (min-width: 640px) {
  .sme-hidden-sm {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023.9px) {
  .sme-hidden-md {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .sme-hidden-lg-up {
    display: none !important;
  }
}

.sme-br {
  display: inline;
  position: relative;
}

@media (min-width: 1024px) {
  .sme-br--disable\:desktop br {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1023.9px) {
  .sme-br--disable\:tablet br {
    display: none;
  }
}

@media not all and (min-width: 640px) {
  .sme-br--disable\:mobile br {
    display: none;
  }
}
