/*
  Scoped overrides for WordPress/theme-json CSS that is applied inside
  the `.wp-theamargi` container.

  Put all project-specific fixes/overrides here so you can safely
  regenerate public/wp.css from the WP API without losing local changes.
*/

/* Example: make all WP links use site primary color inside the scope */
/* .wp-theamargi a {
    color: rgb(var(--primary-foreground));
    text-decoration: underline;
    text-underline-offset: 3px;
} */
.wp-theamargi .wp-block-quote {
  color: inherit !important;
  font-size: 1.58rem;
  background: #eee;
  border-radius: 10px;
  border-right: 3px hsl(var(--primary)) solid;
  border-left: none;
  margin-bottom: 0.5em !important;
  padding-left: 0.5em !important;
}

.wp-theamargi .wp-block-embed iframe {
  height: 378px !important;
  /* 16:9 ratio for max-w-2xl (672px) */
  width: 100% !important;
  max-width: 672px !important;
}

@media (max-width: 768px) {
  .wp-theamargi .wp-block-embed iframe {
    height: 250px !important;
    /* Smaller for mobile */
  }
}