/* ===========================================================================
   Brand wordmark override
   ---------------------------------------------------------------------------
   The build sets the brand name as live text: "Adorn" in italic Cormorant
   plus "Artistry" in letter-spaced champagne, in both the nav (Nav.tsx:15)
   and the footer (Footer.tsx:10). That lockup differs from the client's
   actual wordmark, so this replaces it with the artwork already used on the
   gallery, FAQ and reviews pages.

   Every element in the build carries code-path="<source>:<line>:<col>", which
   gives a precise, stable hook without touching the minified bundle.

   Reversible: remove the <link> in index.html, or `git revert` this commit.
   =========================================================================== */

/* ---------------------------------------------------------------- nav ---- */
a[code-path="src/components/brand/Nav.tsx:15:5"]{
  display:inline-flex;align-items:center;
}
a[code-path="src/components/brand/Nav.tsx:15:5"] > span{ display:none !important; }
a[code-path="src/components/brand/Nav.tsx:15:5"]::after{
  /* 184x40 matches the wordmark's size in the gallery nav (186x41), so the
     mark does not change size as you move between pages */
  content:"";display:block;width:184px;height:40px;
  background:url(/media/wordmark-ivory.png) left center / contain no-repeat;
}
/* the header turns solid ivory once scrolled, so the mark inverts with it */
header.backdrop-blur-md a[code-path="src/components/brand/Nav.tsx:15:5"]::after{
  background-image:url(/media/wordmark-ink.png);
}

/* ------------------------------------------------------------- footer ---- */
p[code-path="src/components/brand/Footer.tsx:10:13"]{
  font-size:0 !important;line-height:0 !important;
}
p[code-path="src/components/brand/Footer.tsx:10:13"] > span{ display:none !important; }
p[code-path="src/components/brand/Footer.tsx:10:13"]::after{
  content:"";display:block;width:276px;height:60px;
  background:url(/media/wordmark-ivory.png) left center / contain no-repeat;
}
@media (min-width:768px){
  p[code-path="src/components/brand/Footer.tsx:10:13"]::after{ width:330px;height:72px; }
}