/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Scoped styles for _Layout.cshtml – header, nav and footer chrome. */

/* ---- Header / navbar ---- */
header[b-m13idlp2cu] {
  position: sticky;
  top: 0;
  z-index: 1030;
}

.navbar[b-m13idlp2cu] {
  background-color: rgba(255, 255, 255, .92) !important;
  backdrop-filter: saturate(160%) blur(8px);
  border-bottom: 1px solid var(--rc-line, #e9ddc9);
  box-shadow: none;
  transition: box-shadow .2s ease, background-color .2s ease;
}

.navbar.is-scrolled[b-m13idlp2cu] {
  box-shadow: 0 6px 20px rgba(44, 32, 20, .10);
}

/* Three-column layout: left links · centered banner · account menu.
   The banner sits in its own auto/`minmax` track so left/right content can
   never slide under it. */
.nav-grid[b-m13idlp2cu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-height: 72px;
  width: 100%;
}

@media (min-width: 576px) {
  .nav-grid[b-m13idlp2cu] {
    display: grid;
    grid-template-columns: 1fr minmax(0, 320px) 1fr;
    min-height: 76px;
  }

  .nav-grid .navbar-toggler[b-m13idlp2cu] { display: none; }

  .nav-links[b-m13idlp2cu] {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    min-width: 0;
  }

  .navbar-brand[b-m13idlp2cu] {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
  }

  .nav-account[b-m13idlp2cu] {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }
}

a.navbar-brand[b-m13idlp2cu] {
  padding: 0;
  margin: 0;
  white-space: normal;
  text-align: center;
  word-break: normal;
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
}

@media (min-width: 576px) {
  a.navbar-brand[b-m13idlp2cu] { flex: 0 0 auto; }
}

.banner-image[b-m13idlp2cu] {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  transition: transform .2s ease;
}

a.navbar-brand:hover .banner-image[b-m13idlp2cu] {
  transform: scale(1.02);
}

/* On phones the collapsible links drop to their own full-width row. */
.nav-links[b-m13idlp2cu] {
  flex-basis: 100%;
}

.nav-link[b-m13idlp2cu] {
  color: var(--rc-ink-soft, #7a6c5d);
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  transition: color .14s ease, background-color .14s ease;
}

.nav-link:hover[b-m13idlp2cu],
.nav-link:focus[b-m13idlp2cu] {
  color: var(--rc-primary-dark, #a2472e);
  background-color: var(--rc-cream-deep, #f4ead8);
}

.nav-link.active[b-m13idlp2cu] {
  color: var(--rc-primary-dark, #a2472e);
  background-color: var(--rc-primary-soft, #f7e6de);
}

.navbar-toggler[b-m13idlp2cu] {
  border-color: var(--rc-line, #e9ddc9);
  color: var(--rc-ink, #2c2620);
  padding: 0.3rem 0.55rem;
}

.navbar-toggler:focus[b-m13idlp2cu] {
  box-shadow: 0 0 0 0.22rem rgba(190, 90, 60, .28);
}

/* Account links folded into the mobile hamburger panel (below 576px) —
   the standalone avatar dropdown right-aligns off the screen edge on
   narrow viewports, so mobile gets a flat list here instead. */
.mobile-account[b-m13idlp2cu] {
  padding: 0.25rem 0.85rem 0.5rem;
}

.mobile-account__divider[b-m13idlp2cu] {
  margin: 0.25rem 0 0.75rem;
  border: 0;
  border-top: 1px solid var(--rc-line, #e9ddc9);
  opacity: 1;
}

.mobile-account__head[b-m13idlp2cu] {
  padding: 0 0.15rem 0.4rem;
}

.mobile-account__name[b-m13idlp2cu] {
  display: block;
  font-family: var(--rc-font-head, Georgia, serif);
  font-weight: 600;
  color: var(--rc-ink, #2c2620);
}

.mobile-account__email[b-m13idlp2cu] {
  display: block;
  font-size: 0.82rem;
  color: var(--rc-ink-faint, #9c8c78);
}

.mobile-account__logout[b-m13idlp2cu] {
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
}

/* ---- Footer ---- */
footer.footer[b-m13idlp2cu] {
  flex-shrink: 0;
  margin-top: 3rem;
  padding: 2rem 0 2.25rem;
  background-color: var(--rc-deep, #2a2018);
  color: #d9cbb8;
  border-top: 0;
  line-height: 1.6;
  white-space: normal;
}

footer.footer .footer-brand[b-m13idlp2cu] {
  font-family: var(--rc-font-head, Georgia, serif);
  font-weight: 600;
  font-size: 1.1rem;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

footer.footer .footer-brand i[b-m13idlp2cu] { color: var(--rc-accent, #e0a438); }

footer.footer a[b-m13idlp2cu] {
  color: #f0e6d6;
  text-decoration: none;
}

footer.footer a:hover[b-m13idlp2cu] { text-decoration: underline; }

footer.footer .footer-fine[b-m13idlp2cu] {
  color: #a89a86;
  font-size: 0.85rem;
}

footer.footer .footer-social a[b-m13idlp2cu] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
}

footer.footer .footer-social i[b-m13idlp2cu] {
  color: var(--rc-accent, #e0a438);
  font-size: 1.05rem;
}

/* ---- Cookie notice ----
   Informational only — every cookie we set is strictly necessary, so there's
   nothing to opt in or out of. One slim bar, one "got it" button, remembered
   in localStorage so it only shows once per browser. */
.cookie-notice[b-m13idlp2cu] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1.5rem;
  padding: 0.85rem 1.25rem;
  background-color: var(--rc-deep, #2a2018);
  color: #d9cbb8;
  box-shadow: var(--rc-shadow-lg, 0 18px 44px rgba(44, 32, 20, .14));
}

.cookie-notice__text[b-m13idlp2cu] {
  margin: 0;
  max-width: 56rem;
  font-size: 0.9rem;
  line-height: 1.5;
}

.cookie-notice__text a[b-m13idlp2cu] {
  color: #f0e6d6;
  text-decoration: underline;
}

.cookie-notice__button[b-m13idlp2cu] {
  flex-shrink: 0;
}