/* 《삼흥》多言語辞典検索システム専用スタイル */

/* Pronounフォント定義 */
@font-face {
  font-family: "PronounSH";
  src: url("../../fonts/PronounSH.woff2") format("woff2");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PronounTE";
  src: url("../../fonts/PronounTE.woff2") format("woff2");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PronounTR";
  src: url("../../fonts/PronounTR.woff2") format("woff2");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PronounTC";
  src: url("../../fonts/PronounTC.woff2") format("woff2");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* 言語別発音表示形式 */
.pronoun_sh {
  font-family: "PronounSH", "KP CheongPong", serif !important;
}

.pronoun_te {
  font-family: "PronounTE", "PronounSH", "KP CheongPong", serif !important;
}

.pronoun_tr {
  font-family: "PronounTR", "PronounSH", "KP CheongPong", serif !important;
}

.pronoun_tc {
  font-family: "PronounTC", "PronounSH", "KP CheongPong", serif !important;
}

/* 朝鮮語フォント適用 */
.korean-text {
  font-family: var(--font-family-default);
}

/* 検索結果の辞典バッジ */
.post-content .dictionary-badge {
  background: var(--link-color, #007bff);
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 500;
}

/* 検索結果の単語テキスト */
.post-content .word-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--primary-text-color, #333);
  margin: 0;
}

/* 検索結果の説明文 */
.post-content .word-description {
  color: var(--secondary-text-color, #666);
  line-height: 1.6;
}

.post-content .description-line {
  margin: 0.25rem 0;
  font-size: 1rem;
}

/* 詳細情報表示 */
.post-content .about-line {
  margin: 0.25rem 0;
  color: var(--secondary-text-color, #666);
  line-height: 1.5;
}

.post-content .dictionary-name {
  color: var(--secondary-text-color, #666);
  font-size: 0.9rem;
  margin: 0.5rem 0;
  font-style: italic;
}

/* 辞典選択と일러두기ボタンのレイアウト調整 */
.post-content .dictionary-controls {
  margin-bottom: 1rem;
}

.post-content .dictionary-controls .form-group {
  margin-bottom: 0;
}

.post-content .dictionary-inputs {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.post-content .dictionary-inputs .form-control {
  flex: 1;
  min-width: 0; /* フレックスアイテムの最小幅を0に設定 */
}

.post-content .dictionary-inputs .btn {
  flex-shrink: 0; /* ボタンは縮小しない */
  min-width: 120px;
  white-space: nowrap;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .post-content .dictionary-inputs {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .post-content .dictionary-inputs .form-control,
  .post-content .dictionary-inputs .btn {
    width: 100%;
    min-width: auto;
  }
}
