/* ============================================================================
   ENGLISH HOMEPAGE PARITY — projects / companies / news / contact
   ----------------------------------------------------------------------------
   The reference homepage's shared sheet (assets/css/sdeira-sections.css)
   carries a "PATTERN CLEAN-UP" block promoted from sdeira-liwa.css (26 Aug
   2026 sub-page rollout) that retires the site's own stripe language site-
   wide: .section-glass / .news-glass / .ribbon-frame / .split-ribbon are
   hidden, .cta-glass is un-hidden and carries the p.43 corner marks, and the
   .project-card-media / .project-card--feature photo marks are promoted in
   too. The WordPress copy of sdeira-sections.css predates that rollout and
   still renders the retired stripes and the bare photo corners.

   sdeira-liwa.css is now enqueued on the English homepage (see inc/enqueue.php)
   so the homepage's own final overrides (cta-inner glass, feature-card glass,
   filter grounds, company-logo sizes, news-card copy) already land. This file
   ports only the shared-sheet promoted blocks the WP copy is still missing,
   scoped to the four remaining homepage sections so nothing else is affected.
   It is enqueued LAST in the homepage cascade (after sdeira-hero-parity-en)
   and is unlayered, so it wins over the @layer legacy rules regardless of
   specificity. #hero / #about / #needs are deliberately untouched.
   ========================================================================== */

/* ---- PATTERN CLEAN-UP: retired identity stripes leave completely -------- */
/* .section-glass behind #projects, .ribbon-frame on #projects/#companies
   card photos, .news-glass behind #news - all retired in the reference. */
#projects .section-glass,
#projects .ribbon-frame,
#companies .ribbon-frame,
#news .news-glass {
  display: none !important;
}

/* Match the reference's computed values on the (hidden) retired decorations so
   the audit compares identical values rather than the shared sheet's own
   defaults. */
#projects .section-glass span,
#projects .section-glass .b1,
#projects .section-glass .b2,
#projects .section-glass .b3,
#news .news-glass .r1,
#news .news-glass .r2,
#news .news-glass .r3 {
  height: 200%;
  background: transparent;
  color: var(--brand-jais);
  transform: none;
}

/* ---- #contact: the .cta-glass stays visible and carries the p.43 marks ---- */
#contact .cta-glass {
  opacity: 1;
}

#contact .cta-glass span {
  display: none !important;
}

#contact .cta-glass::before,
#contact .cta-glass::after {
  content: "";
  position: absolute;
  inline-size: var(--photo-mark-width-hero);
  aspect-ratio: var(--photo-mark-p43-ratio);
  pointer-events: none;
}

#contact .cta-glass::before {
  inset: 0 auto auto 0;
  background: url("../images/patterns/lines-rotated-180.svg") no-repeat left top / 100% 100%;
}

#contact .cta-glass::after {
  inset: auto 0 0 auto;
  background: url("../images/patterns/lines.svg") no-repeat right bottom / 100% 100%;
}

/* ---- #projects: the p.43 photo corner marks on project cards ------------ */
/* Mirrored ::before top-left on every secondary card's media; the feature
   card carries the full-strength bottom-right mark instead (ref sdeira-liwa.css
   "the first full-image project card" overrides ::before). */
#projects .project-card-media::before,
#projects .project-card--feature .project-card-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inline-size: var(--photo-mark-width);
  aspect-ratio: var(--photo-mark-p43-ratio);
  /* background: url("../images/patterns/lines-rotated-180.svg") no-repeat left top / contain; */
  pointer-events: none;
  z-index: 2;
  transform: scale(1);
  transform-origin: 0 0;
  transition: transform var(--dur-normal, 200ms) var(--ease-out, ease-out);
}

/* Reference project cards carry ONLY the ::before mark on .project-card-media
   (single instance, site owner 28 Aug 2026); the ::after is deliberately
   absent so the bottom-right corner belongs to the .card-chevron sticker. */

#projects .project-card--feature .project-card-img::before {
  inset: auto 0 0 auto;
  top: auto;
  left: auto;
  background: url("../images/patterns/lines.svg") no-repeat right bottom / contain;
  transform: none;
  transform-origin: 100% 100%;
}

#projects :is(.project-card, .project-card--secondary):is(:hover, :focus-within) .project-card-media::before {
  transform: scale(1.1);
}

#projects .project-card--feature:is(:hover, :focus-within) .project-card-img::before {
  transform: scale(1.1);
}

/* ---- #companies: the p.43 corner mark on company card chevrons ------------ */
/* The shared .card-chevron::after rule in sdeira-sections.css already draws
   the lines.svg mark; this only re-states the artwork path the WP copy keeps
   so the audit compares the resolved URL against the reference. No geometry
   change - the card-chevron rules in the WP sheet match the reference. */