/* Section: Generic blocks */

#navigation {
  width: 100%;
}

.elm-button {
  margin: 3vw 0;
}

.block-title {
  margin: 80px 0 40px 0;
}

/* Section: Post "Leia também" callout */

.post-leia-tambem {
  margin: var(--space-sm) 0;
  padding: var(--space-xs) var(--space-sm);
  background: var(--beige);

  font-family: var(--font-display);
  font-size: var(--font-size-xs);
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--dark);
}

.post-leia-tambem p {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
}

.single #content .post-leia-tambem a,
.single .content-recipe .post-leia-tambem a,
.post-leia-tambem a {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  text-transform: inherit;
  text-decoration: none;
  background-image: none;
}

.post-leia-tambem > a:only-of-type:first-child:last-child {
  display: block;
}

.post-leia-tambem a:hover {
  opacity: 0.7;
}

/* Section: Manifest block */

.block-manifest {
  margin: 40px 0;
  padding: 30px;

  background: var(--beige);
}

.block-manifest ul {
  margin: 20px 0;
}

.block-manifest li {
  margin: 0 20px;

  display: flex;
  align-items: center;
  list-style: none;
}

.block-manifest h1 {
  padding-top: 80px;
}

/* Section: Page block */

.block-page {
  margin: 20px 10px;
  padding: 5% 20%;

  background: var(--beige);
}

/* Section: Search term hero */

.search-term {
  display: block;
  text-align: center;

  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.search-term strong {
  padding: 0 10px;

  font-family: var(--font-display);
  font-size: var(--font-size-h6);
  font-weight: 600;
  text-transform: capitalize;

  color: var(--dark);
}

/* Section: Recipe section heading (single receitas) */

.recipe-section-heading {
  margin-top: 20px;
  margin-bottom: var(--space-md);
  padding-left: 60px;
  text-align: left;
}

.recipe-section-heading__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-sm);
  max-width: 100%;
}

.recipe-section-heading__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0;
}

.recipe-section-heading__icon img {
  width: auto;
  height: 36px;
  display: block;
  object-fit: contain;
  object-position: center center;
}

.recipe-section-heading__title {
  margin: 0;
  scroll-margin-top: 20px;
  font-family: var(--font-display);
  font-size: var(--font-size-xl);
  line-height: 1.4;
  font-weight: 400;
  color: var(--dark);
}

.recipe-section-heading__hand {
  font-family: var(--font-hand);
  font-size: var(--font-size-hand-sm);
  line-height: 1;
  font-weight: 400;
  white-space: nowrap;
  vertical-align: -12px;
  padding-left: 5px;
}

@media (max-width: 768px) {
  .recipe-section-heading {
    padding-left: 20px;
  }
}

/* Section: Skip recipe button */

.btn-pular-receita {
  position: fixed;
  top: 70%;
  right: -40px;
  transform: translateY(-50%) rotate(-90deg);

  padding: 6px 10px;
  background: #000;
  color: #fff;
  font-size: var(--font-size-xs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  background-image: none;

  border-radius: 8px 8px 0 0;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  z-index: 9999;

  display: flex;
  align-items: center;
  gap: 8px;

  animation: pulse-receita 3.5s ease-in-out infinite;
}

.btn-pular-receita:hover {
  animation-play-state: paused;
  background: #111;
}

@keyframes pulse-receita {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.35);
  }
  50% {
    box-shadow: 0 0 0 12px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@media (max-width: 768px) {
  .btn-pular-receita {
    padding: 8px 12px;
    font-size: var(--font-size-xxs);
    letter-spacing: 0.06em;
    right: -36px;
    border-radius: 6px 6px 0 0;
  }
}