/* WP.4 — only what WordPress adds to the PV.5.15.3 pages; the other files in this folder are copies
   of preview/ (styles.css, references.css, project.css) and release/canli/canli.css. */

/* The admin bar of a logged-in user sits above the site header: 32 px, 46 px up to 782 px; below
   601 px WordPress lets it scroll away with the page, so the sticky header goes to the top there. */
body.admin-bar .site-header { top: 32px; }
body.admin-bar .primary-nav { inset: 110px 0 0; }
@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
  body.admin-bar .primary-nav { inset: 124px 0 0; }
}
@media (max-width: 600px) {
  body.admin-bar .site-header.is-sticky { top: 0; }
  body.admin-bar .site-header.is-sticky .primary-nav { inset: 78px 0 0; }
}

/* WP.4.2 — the open mobile menu (styles.css: a fixed panel below the header, up to 820 px).
   - Once the page is scrolled, the sticky header's backdrop-filter makes the header the containing
     block of its fixed children: the menu was only as tall as the header and its links ran over the
     page. While the menu is open the header has no backdrop-filter (its own background stays).
   - The header (z-index 50) goes above the WhatsApp button (70) and the review note (69).
   - A menu taller than the screen scrolls inside; the page behind does not (body.menu-open).
   site.js also starts the menu at the header's bottom edge as it is on screen (admin bar, a page
   scrolled less than the sticky point) and closes it when the screen becomes wide. */
@media (max-width: 820px) {
  body.menu-open .site-header { z-index: 100; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .primary-nav.is-open { overflow-y: auto; overscroll-behavior: contain; }
}

/* Staging review: unpublished projects are shown only to logged-in editors, with this note. */
.olusum-review-note { position: fixed; z-index: 69; left: 16px; bottom: 16px; max-width: min(420px, calc(100vw - 32px)); margin: 0; padding: 9px 14px; color: #fff; background: rgba(21, 23, 26, .92); border-left: 3px solid #dba617; border-radius: 4px; font-size: .74rem; line-height: 1.45; }
@media (max-width: 560px) {
  .olusum-review-note { bottom: 76px; }
}

/* Content of other WordPress pages (index.php) in the project page's type. */
.pd-summary-text > :first-child { margin-top: 0; }
.pd-summary-text img { max-width: 100%; height: auto; }