/* bigbook.css — Big Book CMS-specific overrides on top of the original
   Codrops theme. Keeps the two-column film layout and fixes a few things the
   original relied on WordPress inline styles / remote assets for. */

/* Two-column film content (replaces WP's is-layout-flex + per-block classes) */
.bb-cols {
  display: flex;
  flex-wrap: nowrap;
  gap: 2em;
  align-items: flex-start;
}
.bb-cols > .wp-block-column {
  flex: 1 1 0;
  min-width: 0;
}
@media only screen and (max-width: 700px) {
  .bb-cols { flex-wrap: wrap; }
}

/* Title + year sit inline on the big line; only the source stays as the
   smaller block "subtitle" the theme styles by default. */
.dragslider h2 span.ttl, .dragslider h2 span.yr,
.img-dragger-small .slide h2 span.ttl, .img-dragger-small .slide h2 span.yr,
.pages .content h2 span.ttl, .pages .content h2 span.yr {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
  padding-top: 0;
}

/* The poster fills the video button; drop the theme's remote placeholder bg. */
.image-vid-link .vid-btn-img {
  background-image: none;
}

/* Edit pill (shown only when a CMS user is signed in) */
.bb-edit-pill {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 10000;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(20, 20, 20, 0.72);
  color: #fff;
  font: 600 13px/1 'Lato', sans-serif;
  letter-spacing: 0.04em;
  text-decoration: none;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  transition: background 0.2s;
}
.bb-edit-pill:hover { background: #000; }