fix(logo): keep header brand centered — .rentv-logo's position:relative clobbered .brand's absolute centering

ee669c0a950cbe0817dc0d5091173d4307014755 · 2026-08-06 09:19:06 -0700 · Steve Abrams

The 2026 logo landed top-right on the live homepage because .rentv-logo{position:relative} overrode .brand{position:absolute;left:50%}. Re-assert the centering with a higher-specificity rule (a.brand.rentv-logo), which also still serves as the positioning context for the ::before/::after glass layers. Verified centered via isolated header render.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Files touched

M public/rentv-logo.css

Diff

commit ee669c0a950cbe0817dc0d5091173d4307014755
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu Aug 6 09:19:06 2026 -0700

    fix(logo): keep header brand centered — .rentv-logo's position:relative clobbered .brand's absolute centering
    
    The 2026 logo landed top-right on the live homepage because .rentv-logo{position:relative} overrode .brand{position:absolute;left:50%}. Re-assert the centering with a higher-specificity rule (a.brand.rentv-logo), which also still serves as the positioning context for the ::before/::after glass layers. Verified centered via isolated header render.
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/rentv-logo.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/public/rentv-logo.css b/public/rentv-logo.css
index 9dbad0f7..c6b047ac 100644
--- a/public/rentv-logo.css
+++ b/public/rentv-logo.css
@@ -11,6 +11,10 @@
     inset 0 1px 0 rgba(255,255,255,.55), inset 0 -7px 15px rgba(4,24,64,.5),
     inset 0 0 0 1px rgba(255,255,255,.14);
 }
+/* Keep the header brand CENTERED: .brand centers via absolute+left:50%, but .rentv-logo's own
+   position:relative would clobber it. Re-assert absolute centering (higher specificity), which
+   also still serves as the positioning context for the ::before/::after glass layers. */
+a.brand.rentv-logo{position:absolute;left:50%;transform:translateX(-50%)}
 /* the "liquid glass" top sheen — a bright meniscus that fades into the body */
 .rentv-logo::before{
   content:"";position:absolute;left:0;right:0;top:0;height:58%;border-radius:inherit;

← f3b16410 harden(deals): Cody gate — scope parseOccupancy 'pre-' to 'l · back to Rentv · auto-save: 2026-08-06T09:20:28 (10 files) — .deploy.conf dat df653c37 →