/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/* Blog Post */
.column_heading .title {
    margin-bottom: 0;
    text-align: center;
}


/* --- Code Blocks --- */
pre {
    padding: 21px 15px 20px;
    margin: 15px 0;
    display: block;
    font-size: 70%;
    line-height: 1.5em !important;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 50%,#fafafa 50%);
    background: -webkit-linear-gradient(top, #fafafa 50%, #eaeaea 50%);
    background: -o-linear-gradient(top,#fff 50%,#fafafa 50%);
    background: linear-gradient(top,#fff 50%,#fafafa 50%);
    background-size: 42px 42px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
}


code,  q {
    padding: 2px 4px;
    line-height: 1.5em;
    font-size: 80%;
    white-space: pre-wrap;
    margin: 0px 2px;
    color: #2991d6;
    background: transparent;
    border: 0;
}



/* Shorthand for the BeTheme post content wrapper */
.mcb-item-post_content-inner pre,
.the_content_wrapper pre,
article pre {
  background: #131627 !important;
  border: 1px solid #2a2d4a !important;
  border-radius: 8px;
  padding: 1.25em 1.5em !important;
  overflow-x: auto;
  margin: 1.5em 0;
  font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', 'Monaco', monospace !important;
  font-size: 0.875em !important;
  line-height: 1.6 !important;
  color: #e0e0e0 !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  -webkit-overflow-scrolling: touch;
}

.mcb-item-post_content-inner pre code,
.the_content_wrapper pre code,
article pre code {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  font-size: inherit !important;
  color: inherit !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  border-radius: 0;
}

/* Language label on code blocks */
.mcb-item-post_content-inner pre[data-lang]::before,
.the_content_wrapper pre[data-lang]::before,
article pre[data-lang]::before {
  content: attr(data-lang);
  display: block;
  text-align: right;
  font-size: 0.75em;
  color: #8589b2;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #2a2d4a;
}

/* --- Inline Code --- */
.mcb-item-post_content-inner code,
.the_content_wrapper code,
article code {
  background: #1e2140;
  color: #00d7ff;
  padding: 0.15em 0.4em;
  border-radius: 4px;
  font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  font-size: 0.875em;
  word-break: break-word;
}

/* Don't double-style code inside pre */
.mcb-item-post_content-inner pre code,
.the_content_wrapper pre code,
article pre code {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border-radius: 0;
}

/* --- Prism.js Dark Theme (compatible with DRS Web palette) --- */
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: #6a6f8e; }
.token.punctuation { color: #8589b2; }
.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: #ff6b8a; }
.token.boolean, .token.number { color: #f4a261; }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #2ee6a8; }
.token.operator, .token.entity, .token.url, .language-css .token.string { color: #00d7ff; }
.token.atrule, .token.attr-value, .token.keyword { color: #575efe; }
.token.function, .token.class-name { color: #e6c07b; }
.token.regex, .token.important, .token.variable { color: #f4a261; }

/* --- Headings --- */
.mcb-item-post_content-inner h2,
.the_content_wrapper h2 {
  margin-top: 2em;
  margin-bottom: 0.75em;
  padding-bottom: 0.3em;
  border-bottom: 2px solid #575efe;
  font-size: 1.6em;
}

.mcb-item-post_content-inner h3,
.the_content_wrapper h3 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-size: 1.3em;
  color: #c0c4e0;
}

.mcb-item-post_content-inner h4,
.the_content_wrapper h4 {
  margin-top: 1.25em;
  margin-bottom: 0.4em;
  font-size: 1.1em;
  color: #a0a4c0;
}

/* --- Paragraph spacing --- */
.mcb-item-post_content-inner p,
.the_content_wrapper p {
  margin-bottom: 1.25em;
  line-height: 1.75;
}

/* --- Links --- */
.mcb-item-post_content-inner a:not(.mfn-link),
.the_content_wrapper a:not(.mfn-link) {
  color: #00d7ff;
  text-decoration: underline;
  text-decoration-color: rgba(0, 215, 255, 0.3);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s ease;
}
.mcb-item-post_content-inner a:not(.mfn-link):hover,
.the_content_wrapper a:not(.mfn-link):hover {
  text-decoration-color: #00d7ff;
}

/* --- Blockquotes --- */
.mcb-item-post_content-inner blockquote,
.the_content_wrapper blockquote {
  border-left: 4px solid #575efe;
  background: rgba(87, 94, 254, 0.08);
  margin: 1.5em 0;
  padding: 1em 1.5em;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: #c0c4e0;
}
.mcb-item-post_content-inner blockquote p:last-child,
.the_content_wrapper blockquote p:last-child {
  margin-bottom: 0;
}

/* --- Lists --- */
.mcb-item-post_content-inner ul,
.mcb-item-post_content-inner ol,
.the_content_wrapper ul,
.the_content_wrapper ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.75;
}
.mcb-item-post_content-inner li,
.the_content_wrapper li {
  margin-bottom: 0.4em;
}
.mcb-item-post_content-inner li::marker,
.the_content_wrapper li::marker {
  color: #575efe;
}

/* --- Tables --- */
.mcb-item-post_content-inner table,
.the_content_wrapper table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 0.95em;
}
.mcb-item-post_content-inner th,
.the_content_wrapper th {
  background: #1e2140;
  color: #00d7ff;
  padding: 0.75em 1em;
  text-align: left;
  border-bottom: 2px solid #575efe;
  font-weight: 600;
}
.mcb-item-post_content-inner td,
.the_content_wrapper td {
  padding: 0.6em 1em;
  border-bottom: 1px solid #2a2d4a;
}
.mcb-item-post_content-inner tr:hover td,
.the_content_wrapper tr:hover td {
  background: rgba(87, 94, 254, 0.05);
}

/* --- Hero / Featured Image --- */
.mcb-item-post_content-inner figure.hero-image,
.the_content_wrapper figure.hero-image {
  margin: 0 0 2em 0;
  border-radius: 12px;
  overflow: hidden;
}
.mcb-item-post_content-inner figure.hero-image img,
.the_content_wrapper figure.hero-image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.mcb-item-post_content-inner figure,
.the_content_wrapper figure {
  margin: 1.5em 0;
}
.mcb-item-post_content-inner figure img,
.the_content_wrapper figure img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.mcb-item-post_content-inner figcaption,
.the_content_wrapper figcaption {
  font-size: 0.8em;
  color: #8589b2;
  padding: 0.5em 0;
  text-align: center;
  font-style: italic;
}

/* --- FAQ Section --- */
.openclaw-faq {
  margin: 2em 0;
  border: 1px solid #2a2d4a;
  border-radius: 12px;
  overflow: hidden;
}
.openclaw-faq h2 {
  border: none;
  margin: 0;
  padding: 1em 1.25em 0.5em;
}
.faq-item {
  border-bottom: 1px solid #2a2d4a;
}
.faq-item:last-child {
  border-bottom: none;
}
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1.25em;
  cursor: pointer;
  font-weight: 600;
  color: #e0e0e0;
  background: rgba(30, 33, 64, 0.5);
  transition: background 0.2s;
}
.faq-question:hover {
  background: rgba(87, 94, 254, 0.1);
}
.faq-question::after {
  content: '+';
  font-size: 1.4em;
  color: #575efe;
  flex-shrink: 0;
  margin-left: 1em;
  transition: transform 0.3s;
}
.faq-item.open .faq-question::after {
  transform: rotate(45deg);
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 1.25em;
}
.faq-item.open .faq-answer {
  max-height: 500px;
  padding: 0.75em 1.25em 1.25em;
}

/* --- CTA Section --- */
.openclaw-cta {
  margin: 2.5em 0;
  padding: 2em;
  background: linear-gradient(135deg, rgba(87, 94, 254, 0.15), rgba(0, 215, 255, 0.08));
  border: 1px solid #575efe;
  border-radius: 12px;
  text-align: center;
}
.openclaw-cta h3 {
  color: #fff;
  margin-top: 0;
  font-size: 1.3em;
  border: none;
}
.openclaw-cta .cta-button {
  display: inline-block;
  background: #575efe;
  color: #fff;
  padding: 0.75em 2em;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1em;
  transition: background 0.2s, transform 0.1s;
}
.openclaw-cta .cta-button:hover {
  background: #6b72ff;
  transform: translateY(-1px);
}

/* --- Author Bio --- */
.author-bio {
  display: flex;
  gap: 1em;
  align-items: flex-start;
  margin: 2em 0;
  padding: 1.25em;
  background: #1e2140;
  border-radius: 10px;
  border-left: 4px solid #575efe;
}
.author-bio p {
  margin: 0 0 0.3em;
}

/* --- AI Disclosure --- */
.ai-disclosure {
  margin: 2em 0;
  padding: 1em 1.25em;
  background: rgba(87, 94, 254, 0.06);
  border-radius: 8px;
  font-size: 0.85em;
  color: #8589b2;
  border: 1px solid #2a2d4a;
}
.ai-disclosure p {
  margin: 0;
}

/* --- Source Attribution --- */
.source-attribution {
  font-size: 0.85em;
  color: #8589b2;
  margin: 1.5em 0;
  padding-top: 1em;
  border-top: 1px solid #2a2d4a;
}

/* --- Last Updated Banner --- */
p.last-updated {
  font-size: 0.85em;
  color: #8589b2;
  margin-bottom: 1.5em;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 767px) {
  .mcb-item-post_content-inner pre,
  .the_content_wrapper pre {
    padding: 1em;
    font-size: 0.8em;
    border-radius: 6px;
  }
  .openclaw-cta {
    padding: 1.5em 1em;
  }
  .author-bio {
    flex-direction: column;
  }
  .mcb-item-post_content-inner h2,
  .the_content_wrapper h2 {
    font-size: 1.3em;
  }
  .mcb-item-post_content-inner h3,
  .the_content_wrapper h3 {
    font-size: 1.15em;
  }
  .mcb-item-post_content-inner table,
  .the_content_wrapper table {
    display: block;
    overflow-x: auto;
  }
}