/* =====================================================================
   MQL5 LAB ｜ コードコピー機能のスタイル（copy-code.css）
   プラグイン mql5lab-copycode が読み込みます（手動での貼り付け不要）。
   .mql5lab-post 内のコードブロックに付く「コピー」ボタンの見た目。
   ※ legal.css（共通スタイル）とは別物。役割を分けています。
   ===================================================================== */

.mql5lab-post .code-wrap{ position:relative; }

/* ボタンと1行目が重ならないよう、上に余白を作る */
.mql5lab-post .code-wrap pre{ margin:0 0 18px; padding-top:40px; }

/* コピペOKラベルがある場合は、その下にコードがくるので上余白は不要 */
.mql5lab-post .code-wrap .code-label + pre{ padding-top:18px; border-top-left-radius:0; }

.mql5lab-post .copy-btn{
  position:absolute; top:8px; right:8px;
  font-size:12px; font-weight:700; line-height:1;
  color:#cfe3ec; background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.25);
  border-radius:6px; padding:6px 12px; cursor:pointer;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.mql5lab-post .copy-btn:hover{ background:rgba(255,255,255,0.18); color:#fff; }
.mql5lab-post .copy-btn.copied{ background:#2e7d57; border-color:#2e7d57; color:#fff; }

@media (max-width:600px){
  .mql5lab-post .copy-btn{ top:6px; right:6px; padding:5px 10px; font-size:11px; }
}