/* 구텐베르크 에디터 표 스타일 */
.editor-styles-wrapper table th,
.editor-styles-wrapper table td {
  border-color: #fff !important;
  color: #fff !important;
}

.my-codeblock-wrap {
  position: relative;
  margin-bottom: 2em;
  /* 필요에 따라 width 조정 */
}

.my-codeblock-label {
  position: absolute;
  top: 0.3em;
  left: 0.2em;
  background: #444;
  color: #fff;
  font-size: 0.8em;
  font-family: 'JetBrains Mono', 'D2Coding', 'Menlo', 'Consolas', 'Courier New', monospace;
  padding: 0.15em 0.9em;
  border-radius: 6px 6px 6px 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.95;
  /* box-shadow로 살짝 띄워보이게 */
  box-shadow: 0 2px 6px rgba(0,0,0,0.07);
}

.my-codeblock-wrap pre {
  padding-top: 2em !important; /* 라벨만큼 아래로 내리기 */
  border-radius: 8px;
  overflow-x: auto;
  position: relative;
}

/* 코드블록 공통 스타일 */
pre code {
  white-space: pre-wrap;
}

/* 구텐베르크 에디터 코드블럭에 커스텀 스타일 적용 */
.wp-block-code code {
    background: #2d2d2d !important;
    color: #ccc !important;
    font-family: 'JetBrains Mono', 'D2Coding', 'Menlo', 'Consolas', 'Courier New', monospace !important;
    font-size: 0.8em !important;
    border-radius: 5px !important;
    padding: 1.2em 1em !important;
    line-height: 1.6 !important;
    box-sizing: border-box;
    tab-size: 4;
    overflow-x: auto;
    word-break: normal;
    word-wrap: normal;
    margin-bottom: 1.5em;
    min-width: 1px;
    white-space: pre-wrap;
}