/*
 * Google "Add to Preferred Sources" button
 * templates/common/google-preferred-source.php
 *
 * Loaded as a global module (see CLMS_Enqueue::enqueue_page_styles) rather than from
 * _blog.css: the [google_preferred_source] shortcode can put this button on any page,
 * and _blog.css only loads on the blog index, single posts and modern-blog-page.php.
 * Anywhere else the reserved height below would be missing and the async button would
 * shift whatever sits under it — the exact thing this file exists to prevent.
 *
 * Plain CSS rather than Tailwind utilities in the markup so the whole component is
 * styled in one place, and so it does not depend on a tailwind_output.css rebuild.
 */

.est-preferred-source {
  margin-top: 24px;
}

/*
 * Google's library injects its button into this div after first paint. Reserving the
 * pill's height is what keeps that late paint from pushing the rest of the post hero
 * down.
 */
.est-preferred-source > [google-add-preferred-source-btn] {
  min-height: 40px;
}

.est-preferred-source__label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #5f738b;
}

.est-preferred-source__fallback {
  color: #e39418;
  text-decoration: underline;
}

.est-preferred-source__fallback:hover,
.est-preferred-source__fallback:focus {
  color: #37506e;
}