/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


.run-code-btn {
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background-color: #efefef;
  color: #333;
  cursor: pointer;
  line-height: 1.2;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

/* Hover */
.run-code-btn:hover {
  background-color: #f1f1f1;
  border-color: #cfcfcf;
  color: #111;
}

/* Active – almost identical to hover */
.run-code-btn:active {
  background-color: #efefef; /* very tiny difference */
  border-color: #c9c9c9;
  color: #111;
}

.code-output iframe {
  background-color:#FFFFFF;
  border-radius: 4px;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .code-btn,
  .run-code-btn {
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
  }
}



/* ===== Code Runner Container ===== */
.code-runner {
  position: relative;
}

/* ===== Header INSIDE code box ===== */
.code-header {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
}

/* Small language label */
.code-lang {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #f0f0f0;
  color: #555;
  line-height: 1;
}

/* Actions */
.code-actions {
  display: flex;
  gap: 4px;
}

/* Match Run button style (small & neutral) */
.code-btn {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  color: #333;
  cursor: pointer;
  line-height: 1;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

/* Hover — very subtle */
.code-btn:hover {
  background-color: #f2f2f2;
  border-color: #cfcfcf;
  color: #111;
}

/* Active — almost identical to hover */
.code-btn:active {
  background-color: #f1f1f1; /* micro difference */
  border-color: #c9c9c9;
  color: #111;
}

/* Space for header inside code block */
.code-runner pre {
  padding-top: 32px;
}