/*
 * Instabooster — blog area: hand-written additions/fixes on top of live.css (generated, do not
 * edit). Plain CSS served as is (no build step). Keep every rule inside @layer ib and scoped to
 * html[data-brand="ib"] (add :where(:has(.ibm-<template>)) for page-specific rules), like live.css.
 */
@layer ib {
  /* Live never sets text-rendering (auto); globals.css sets optimizeLegibility on <html>, which
     changes glyph rasterisation on mobile. Brand-wide candidate for reset.css. */
  html[data-brand="ib"]:where(:has(.ibm-blog, .ibm-blog-category, .ibm-blog-post)) {
    text-rendering: auto;
  }
  /* blog-article.css rule no crawled post exercised (a <p> inside a blockquote). */
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body blockquote p:last-child {
    margin-bottom: 0;
  }

  /* Blocks of the admin post editor (callouts, button to a service, FAQ, YouTube, figures):
     same markup on every store, Instabooster palette here. */
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .callout {
    margin: 26px 0;
    padding: 16px 18px;
    border-radius: 14px;
    border-left: 4px solid #f5a524;
    background: #fff8ed;
    color: #3d2a05;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .callout-info {
    border-left-color: #3b82f6;
    background: #f3f7ff;
    color: #0b2a5b;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .callout-success {
    border-left-color: #16a34a;
    background: #f1fbf4;
    color: #0c3b1d;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .callout-danger {
    border-left-color: #e11d48;
    background: #fff1f3;
    color: #5b0c1d;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .callout p,
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .callout ul {
    margin: 0;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .callout > * + * {
    margin-top: 8px;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .post-cta {
    margin: 30px 0;
    text-align: center;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .post-cta a {
    display: inline-flex;
    align-items: center;
    min-height: 50px;
    padding: 0 30px;
    border-radius: 999px;
    background: linear-gradient(135deg, #e61c72, #ff4d94);
    box-shadow: 0 14px 30px -16px rgba(230, 28, 114, 0.6);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .post-cta a:hover {
    filter: brightness(1.05);
    color: #fff;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .faq {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 22px 0;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body details {
    border: 1px solid #f3d3e2;
    border-radius: 14px;
    padding: 14px 18px;
    background: #fff;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body summary {
    cursor: pointer;
    font-weight: 700;
    color: #14181f;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body details > * + * {
    margin-top: 10px;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body .video-embed,
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body figure {
    margin: 26px 0;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body iframe {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: 14px;
  }
  html[data-brand="ib"]:where(:has(.ibm-blog-post)) .bga-body figcaption {
    margin-top: 8px;
    font-size: 0.85rem;
    color: #6b7280;
    text-align: center;
  }
}