/*
 * Memories by BloomBridge: nav brand for Memories pages only (single memorial pages and the /memories/ landing).
 * Approved by Justin 2026-09-23. Loaded by _partials/memories-lockup.php; never enqueue site-wide.
 * Lotus = the approved logo image (Huey, Jun 23), OPAQUE on its own evened mauve: never make it transparent.
 * Words = live type (Cormorant Garamond) with the rose-gold metal sampled from the logo's letters.
 */
nav#nav,nav#nav.scrolled{background:#74656c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 0 rgba(202,143,126,.35),0 6px 22px rgba(40,30,36,.18)!important}
nav#nav .nav-tagline{display:none!important}
nav#nav .nav-links a:not(.nav-cta):not(.nav-account),nav#nav.scrolled .nav-links a:not(.nav-cta):not(.nav-account){color:rgba(255,255,255,.86)!important;text-shadow:none!important}
nav#nav .nav-links a:not(.nav-cta):not(.nav-account):hover,nav#nav.scrolled .nav-links a:not(.nav-cta):not(.nav-account):hover{color:#f0c4b4!important}
nav#nav .nav-links a.nav-account,nav#nav.scrolled .nav-links a.nav-account{background:#69525e!important;color:#fff!important}
nav#nav .nav-cta{background:#ca8f7e!important;color:#2C2520!important}
nav#nav .nav-cta:hover{background:#dcaa9b!important}
nav#nav .nav-account,nav#nav.scrolled .nav-account{color:#fff!important}
nav#nav button,nav#nav [class*="burger"],nav#nav [class*="toggle"]{color:#fff!important}
nav#nav button span,nav#nav [class*="burger"] span{background:#fff!important}
nav#nav .nav-logo{min-width:0;flex:0 1 auto;padding:0}
nav#nav .nav-links{flex:0 0 auto}

/* Lockup */
nav#nav .mem-lockup{display:flex;align-items:center;gap:14px;min-width:0}
nav#nav .mem-nav-icon{height:56px;width:auto;flex:0 0 auto;display:block;filter:none!important}
nav#nav .mem-word{display:flex;flex-direction:column;align-items:center;line-height:1;flex:0 0 auto;min-width:max-content;
  filter:drop-shadow(0 1.5px 1px rgba(38,24,31,.55)) drop-shadow(0 0 5px rgba(38,24,31,.22))}
nav#nav .mem-word__main,nav#nav .mem-word__by{
  background:linear-gradient(180deg,#f3cfbf 0%,#e2b1a0 30%,#d29784 52%,#c4897a 72%,#d9a08a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
nav#nav .mem-word__main{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:28px;letter-spacing:.42em;margin-right:-.42em;text-transform:uppercase}
nav#nav .mem-word__by{display:flex;align-items:center;gap:10px;margin-top:4px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:15px;letter-spacing:.09em;white-space:nowrap}
nav#nav .mem-word__by i{font-style:italic;letter-spacing:.02em;margin-right:.1em}
nav#nav .mem-word__by::before,nav#nav .mem-word__by::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,rgba(214,156,136,0),#d69c88 40%,#d69c88)}
nav#nav .mem-word__by::after{background:linear-gradient(90deg,#d69c88,#d69c88 60%,rgba(214,156,136,0))}

/* Logo link: no hover underline or colour change (site-wide a:hover). Keyboard focus ring kept. */
nav#nav a.nav-logo,nav#nav a.nav-logo:hover,nav#nav a.nav-logo:focus,nav#nav a.nav-logo:active,nav#nav a.nav-logo *{text-decoration:none!important}
nav#nav a.nav-logo:hover,nav#nav a.nav-logo:focus{color:inherit!important;opacity:1!important}
nav#nav a.nav-logo,nav#nav a.nav-logo *{transition:none!important}

/* Full menu links and the lockup share the bar from 1025 to 1199px */
@media (min-width:1025px) and (max-width:1199px){
 nav#nav{padding-left:24px!important;padding-right:24px!important}
 nav#nav .mem-lockup{gap:9px}
 nav#nav .mem-nav-icon{height:42px}
 nav#nav .mem-word__main{font-size:19px;letter-spacing:.32em;margin-right:-.32em}
 nav#nav .mem-word__by{font-size:11px;gap:5px;margin-top:3px}
 nav#nav .mem-word__by::before,nav#nav .mem-word__by::after{width:12px}
}
@media (max-width:600px){
 nav#nav{padding-left:12px!important;padding-right:12px!important;gap:12px}
 nav#nav .nav-cta{white-space:nowrap;padding:9px 13px!important;font-size:13px!important}
 nav#nav .mem-lockup{gap:7px}
 nav#nav .mem-nav-icon{height:36px}
 nav#nav .mem-word__main{font-size:17px;letter-spacing:.27em;margin-right:-.27em}
 nav#nav .mem-word__by{font-size:10.5px;gap:4px;margin-top:2px}
 nav#nav .mem-word__by::before,nav#nav .mem-word__by::after{width:9px}
}
@media (max-width:350px){
 nav#nav .nav-cta{padding:8px 10px!important;font-size:12.5px!important}
 nav#nav .mem-lockup{gap:5px}
 nav#nav .mem-nav-icon{height:28px}
 nav#nav .mem-word__main{font-size:14.5px;letter-spacing:.2em;margin-right:-.2em}
 nav#nav .mem-word__by{font-size:9.5px}
 nav#nav .mem-word__by::before,nav#nav .mem-word__by::after{display:none}
}

/* Single memorial pages: the cream name strip */
@media (max-width:600px){body.single-memorial .bb-page-hero{padding:92px 20px 20px!important}}
body.single-memorial .skip-link{background:#69525e!important}

/* Phone menu (static pages): mauve header strip carrying the lockup, like the nav */
.nav-drawer .nav-drawer__head{background:#74656c;border-bottom:1px solid rgba(202,143,126,.35)}
.nav-drawer .nav-drawer__close{color:#fff!important}
.nav-drawer a.nav-logo--memories,.nav-drawer a.nav-logo--memories:hover,.nav-drawer a.nav-logo--memories *{text-decoration:none!important}
.nav-drawer .mem-lockup{display:flex;align-items:center;gap:8px}
.nav-drawer .mem-nav-icon{height:34px;width:auto;display:block;filter:none}
.nav-drawer .mem-word{display:flex;flex-direction:column;align-items:center;line-height:1;filter:drop-shadow(0 1.5px 1px rgba(38,24,31,.55)) drop-shadow(0 0 5px rgba(38,24,31,.22))}
.nav-drawer .mem-word__main,.nav-drawer .mem-word__by{background:linear-gradient(180deg,#f3cfbf 0%,#e2b1a0 30%,#d29784 52%,#c4897a 72%,#d9a08a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.nav-drawer .mem-word__main{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:15px;letter-spacing:.24em;margin-right:-.24em;text-transform:uppercase}
.nav-drawer .mem-word__by{display:flex;align-items:center;gap:4px;margin-top:2px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:10px;letter-spacing:.08em;white-space:nowrap}
.nav-drawer .mem-word__by i{font-style:italic;margin-right:.1em}
.nav-drawer .mem-word__by::before,.nav-drawer .mem-word__by::after{content:"";width:8px;height:1px;background:#d69c88}

/* Footer (Memories pages): the lockup on its own mauve badge, then "a brand of" + the BloomBridge logo */
footer a.footer-mem-badge{display:inline-flex;align-items:center;background:#74656c;border-radius:12px;padding:12px 18px 12px 10px;box-shadow:0 1px 0 rgba(202,143,126,.35),0 8px 22px rgba(40,30,36,.16);text-decoration:none!important}
footer a.footer-mem-badge:hover,footer a.footer-mem-badge *{text-decoration:none!important}
footer .footer-mem-badge .mem-lockup{display:flex;align-items:center;gap:10px}
footer .footer-mem-badge .mem-nav-icon{height:44px;width:auto;display:block;filter:none}
footer .footer-mem-badge .mem-word{display:flex;flex-direction:column;align-items:center;line-height:1;filter:drop-shadow(0 1.5px 1px rgba(38,24,31,.55)) drop-shadow(0 0 5px rgba(38,24,31,.22))}
footer .footer-mem-badge .mem-word__main,footer .footer-mem-badge .mem-word__by{background:linear-gradient(180deg,#f3cfbf 0%,#e2b1a0 30%,#d29784 52%,#c4897a 72%,#d9a08a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
footer .footer-mem-badge .mem-word__main{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:21px;letter-spacing:.36em;margin-right:-.36em;text-transform:uppercase}
footer .footer-mem-badge .mem-word__by{display:flex;align-items:center;gap:6px;margin-top:3px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:12px;letter-spacing:.08em;white-space:nowrap}
footer .footer-mem-badge .mem-word__by i{font-style:italic;margin-right:.1em}
footer .footer-mem-badge .mem-word__by::before,footer .footer-mem-badge .mem-word__by::after{content:"";width:14px;height:1px;background:#d69c88}
footer .footer-mem-byline{display:flex;align-items:center;gap:10px;margin:16px 0 4px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#8a7d83}
footer .footer-mem-byline a.footer-mem-bb{display:inline-flex;line-height:0}
footer .footer-mem-byline img{height:26px;width:auto;display:block}
/* Footer accents in the Memories palette */
footer .footer-newsletter-input button{background:#69525e!important;color:#fff!important}
footer .footer-newsletter-input button:hover{background:#5c4852!important}
footer .footer-col-links a:hover,footer .footer-legal a:hover,footer .footer-contact a:hover{color:#9c6252!important}
/* Footer badge sized to the brand column (about 230px at desktop widths) */
footer a.footer-mem-badge{padding:10px 14px 10px 8px;max-width:100%;box-sizing:border-box}
footer .footer-mem-badge .mem-lockup{gap:8px}
footer .footer-mem-badge .mem-nav-icon{height:36px}
footer .footer-mem-badge .mem-word__main{font-size:17px;letter-spacing:.3em;margin-right:-.3em}
footer .footer-mem-badge .mem-word__by{font-size:11px;gap:5px;margin-top:2px}
footer .footer-mem-badge .mem-word__by::before,footer .footer-mem-badge .mem-word__by::after{width:10px}
/* Footer badge stacked like the approved logo (lotus over the words): fits the brand column at every width */
footer a.footer-mem-badge{padding:14px 18px 12px}
footer .footer-mem-badge .mem-lockup{flex-direction:column;gap:6px}
footer .footer-mem-badge .mem-nav-icon{height:46px}
footer .footer-mem-badge .mem-word__main{font-size:17px;letter-spacing:.3em;margin-right:-.3em}
footer .footer-mem-badge .mem-word__by{font-size:11px}

/* Phones and tablets (menu links hidden): Send Flowers sits at the right edge, or right beside the menu
   button. The hidden account slot kept a 32px gap after it, and space-between floated it mid-bar. */
@media (max-width:1024px){
 nav#nav .nav-links{gap:0!important;margin-left:auto}
}
/* Footer byline: "a brand of" over a full-size BloomBridge logo (26px read as an afterthought) */
footer .footer-mem-byline{flex-direction:column;align-items:flex-start;gap:6px;margin:18px 0 8px}
footer .footer-mem-byline .bb-lotus{height:26px}

/* Nav gap is the same scrolled or not (a .scrolled-only gap moved Send Flowers 4px left when the nav switched). */
nav#nav,nav#nav.scrolled{gap:16px}
@media (max-width:1024px){nav#nav,nav#nav.scrolled{gap:12px}}