/* =========================================================
   Site-wide additions to the template (style.css stays untouched)
   ========================================================= */

/* Mobile menu has a seventh item ("Hukuk"); continue the stagger. */
.menu-open .mobile-menu__nav a:nth-child(7) { transition-delay: .3s; }

/* style.css hides the side bar's last button on phones (the Instagram link).
   When Instagram is not configured the call-back button is last; keep it visible. */
@media (max-width: 767px) {
  .side-bar .side-bar__btn--tall { display: flex; }
}

/* ---------- Error pages (404 / 500) ---------- */
.error-page {
  display: flex; align-items: center;
  min-height: 80vh; min-height: 80svh;
  padding: calc(var(--header-h) + 4rem) 0 4.5rem;
  background: var(--white);
}
.error-page .h-section { font-size: clamp(2rem, 4.4vw, 4.2rem); }
.error-page__actions {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 1.2rem 2rem; margin-top: 2.6rem;
}

/* ---------- Home: residences slider fed from published projects (TASK-008) ---------- */
/* The template's location/form table and feature icons are replaced by a status row and the short description. */
.res__desc { margin-top: 1.6rem; font-size: .95rem; line-height: 1.7; color: var(--fg); }
.res__info .btn { margin-top: 2rem; }
/* A project without a cover shows the brand mark on the media background. */
.res__media img.res__placeholder { object-fit: contain; padding: 22%; }
/* The tab count follows the number of projects (set inline by _Residences). */
@media (min-width: 900px) { .res-tabs { grid-template-columns: repeat(var(--res-tab-cols, 4), 1fr); } }

/* ---------- Header: frosted glass once scrolled ---------- */
/* style.css uses 95% white, which hides its blur; where backdrop-filter is supported, let the page show through. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-header {
    transition: background-color .5s var(--ease), border-color .5s var(--ease), box-shadow .5s var(--ease),
      backdrop-filter .5s var(--ease), -webkit-backdrop-filter .5s var(--ease);
  }
  .site-header.is-scrolled {
    background: rgba(255, 255, 255, .7);
    backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom-color: rgba(51, 52, 58, .07);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .45), 0 8px 32px rgba(38, 39, 43, .06);
  }
  /* The open mobile menu sits on plain white; keep the header solid there. */
  .menu-open .site-header.is-scrolled { background: rgba(255, 255, 255, .95); box-shadow: none; }
}