/*
  Page-scoped styles for /{lang}/sharing-of-recipes.
  Kept in its own file (like topbar.css) so it only loads on this page
  and never affects the rest of the site.
*/

.src-lang-switcher {
  background: #f5f7f2;
  border-bottom: 1px solid #e5e9df;
  font-size: 0.85rem;
}

.src-lang-switcher a {
  color: #2e353e;
  text-decoration: none;
  padding: 2px 10px;
  border-radius: 999px;
  font-weight: 600;
}

.src-lang-switcher a:hover,
.src-lang-switcher a:focus-visible {
  background: #e3ecc9;
  color: #2e353e;
}

.src-lang-switcher a[aria-current="page"] {
  background: #c4e76b;
  color: #000;
}

.src-eyebrow {
  color: #6d9c1c;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 0.85rem;
}

.src-hero-img {
  max-width: 560px;
  width: 100%;
  height: auto;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.src-audience-tag {
  background: #eef3e6;
  color: #2e353e;
  font-weight: 600;
  padding: 8px 16px;
  font-size: 0.9rem;
}

.src-final-cta {
  background: #2e353e;
  color: #fff;
}

.src-final-cta h2 {
  color: #fff;
}

/* Keyboard focus visibility (site relies on browser defaults elsewhere;
   made explicit here since this page introduces new interactive elements) */
.btn-outline-dark:focus-visible,
.btn-brand:focus-visible,
.src-lang-switcher a:focus-visible {
  outline: 3px solid #2f6fed;
  outline-offset: 2px;
}