/* WordPress/Gutenberg integration layer. The design CSS remains unchanged. */

.wp-site-blocks {
  padding: 0;
}

.wp-site-blocks > * {
  margin-block-start: 0;
}

.wp-block-template-part {
  margin: 0;
}

.header__phone-icon {
  display: block;
  background: url("../icons/phone.svg") center / contain no-repeat;
}

.burger__icon {
  display: block;
  background: url("../icons/burger.svg") center / contain no-repeat;
}

.page-hero__media--news {
  width: min(100%, 529px);
  aspect-ratio: 529 / 443;
  background: url("../img/news-hero.png") center / contain no-repeat;
}

.tender-honeypot {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.form-status {
  padding: 0.75rem 1rem;
  border-radius: var(--radius-sm);
  background: rgba(3, 172, 140, 0.12);
}

.form-status--error {
  color: #8a1f11;
  background: rgba(180, 35, 24, 0.1);
}

/* Query Loop produces a few wrappers absent from the static reference. */
.tender-news-query .wp-block-post-template.news__grid {
  display: grid;
  padding: 0;
}

.tender-news-query .wp-block-post,
.suggestions .wp-block-post {
  margin: 0;
}

.news-card .wp-block-post-date,
.news-card .wp-block-post-title,
.news-card .wp-block-post-excerpt,
.news-card .wp-block-post-excerpt__excerpt {
  margin: 0;
}

.news-card .wp-block-post-excerpt__excerpt {
  font-size: inherit;
}

.wp-block-query-pagination.pagination {
  gap: 7px;
}

.wp-block-query-pagination.pagination .page-numbers,
.wp-block-query-pagination.pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination.pagination .wp-block-query-pagination-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding-inline: 0.65rem;
  color: rgba(9, 8, 8, 0.4);
  border-radius: var(--radius-pill);
}

.wp-block-query-pagination.pagination .page-numbers.current {
  color: var(--c-white);
  background-image: var(--grad-brand);
}

.tender-single {
  padding-inline: var(--gutter);
}

.tender-single > * + * {
  margin-block-start: 1.5rem;
}

/* Keep the editor canvas close to the public rendering. */
.editor-styles-wrapper {
  background: var(--c-page);
}

.editor-styles-wrapper .section,
.editor-styles-wrapper .hero,
.editor-styles-wrapper .page-hero,
.editor-styles-wrapper .breadcrumbs {
  max-width: none;
}
