/* Lodestar Guide (virtual budtender) skin for NY Elite Cannabis. Linked by build.py when GUIDE_HOST is set.
   The widget loads from the guide service; fonts are the ones every page already loads (Cormorant Garamond + Inter). */
lodestar-guide.lg-skin{
  --lg-bg:#F8F5EE; --lg-surface:#FFFFFF; --lg-surface-2:#FAF6E9; --lg-ink:#0F0F0F; --lg-muted:#555555; --lg-line:#E3DCC8;
  --lg-primary:#0F3D38; --lg-primary-ink:#FFFFFF; --lg-accent:#7A6129; --lg-accent-ink:#FFFFFF; --lg-focus:#7A6129;
  --lg-display:'Cormorant Garamond',Georgia,serif; --lg-body:'Inter',system-ui,sans-serif; --lg-label:'Inter',system-ui,sans-serif;
  --lg-head-weight:600; --lg-head-case:none; --lg-body-weight:400; --lg-radius:12px;
  --lg-card-top:4px solid #C9A961;
  /* Floating button: bottom RIGHT, stacked just above the UserWay accessibility button (right 21px, 13px to 57px up,
     same on desktop and phones), right edges aligned with a 12px gap. In the brand gold with forest text and a white
     ring so it stands out on the forest-green sections as well as the cream ones. */
  --lg-launch-left:auto; --lg-launch-right:21px; --lg-launch-y:53px;
  --lg-launch-bg:#C9A961; --lg-launch-ink:#08221E; --lg-launch-icon:#08221E; --lg-launch-border:3px solid #FFFFFF;
}
/* Homepage placement: just before Shop by Mood. */
.lg-section{background:var(--cream,#FAF6E9);padding:clamp(2.5rem,5vw,4rem) clamp(1rem,4vw,3rem)}
.lg-section lodestar-guide{max-width:1160px;margin:0 auto}

/* Phones (2026-11-06): the floating button sits in the same bottom row as the UserWay circle (left side) instead
   of stacked above it, so it covers half as much of the screen. main.js adds .lg-away while the visitor is still on
   the first screen, so it never sits on top of a page's opening buttons (e.g. the homepage "See Deals"). */
@media (max-width: 600px){
  lodestar-guide.lg-launcher{--lg-launch-left:12px; --lg-launch-right:auto; --lg-launch-y:0px}
}
/* display:none (not opacity/visibility): the widget's fixed button ignores the host's opacity. */
lodestar-guide.lg-launcher.lg-away{display:none}
/* Room under the footer so its last lines can scroll clear of the floating buttons. */
/* Desktop: the button is stacked above the UserWay circle (~121px tall together); phones: one row (~68px). */
body:has(> lodestar-guide.lg-launcher) .site-footer{padding-bottom:136px}
@media (max-width: 600px){ body:has(> lodestar-guide.lg-launcher) .site-footer{padding-bottom:84px} }