/* ===== US Bloom — responsive + language toggle styles (shared by all pages) ===== */
img, video, iframe { max-width: 100%; }

#mnav-btn{display:none;cursor:pointer;background:#FFFFFF;border:1.5px solid #12121A;border-radius:12px;padding:8px 12px;font-size:20px;line-height:1;color:#12121A;box-shadow:2px 3px 0 rgba(18,18,26,.16)}
#mnav-panel{display:none}
#lang-btn{cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:#FFFFFF;color:#12121A;font-family:'Shrikhand',serif;font-size:14px;padding:12px 16px;border-radius:999px;border:1.5px solid #12121A;box-shadow:0 3px 0 #12121A;transition:transform .18s}
#lang-btn:hover{transform:translateY(-3px) rotate(-2deg)}
#mnav-lang{cursor:pointer;background:#12121A;color:#FFFFFF;font-family:'Shrikhand',serif;font-size:16px;padding:11px 18px;border-radius:999px;border:1.5px solid #12121A;box-shadow:0 3px 0 #FF1178;margin-top:10px;align-self:flex-start}

/* --- condense the header into a hamburger on narrow screens --- */
@media (max-width: 1080px){
  header nav{display:none!important}
  .hdr-cta{display:none!important}
  #mnav-btn{display:inline-flex;align-items:center}
  #mnav-panel.open{display:flex;flex-direction:column;background:#FFFFFF;border-top:1.5px dashed rgba(18,18,26,.35);padding:10px 20px 18px}
  #mnav-panel a{font-family:'Shrikhand',serif;font-size:18px;color:#12121A;padding:11px 6px;border-bottom:1px dashed rgba(18,18,26,.2)}
  #mnav-panel a:last-of-type{border-bottom:none}
}

/* --- stack the two-column sections into full-width rows on small screens --- */
@media (max-width: 760px){
  [style*="min-width:420px"],[style*="min-width:400px"],[style*="min-width:380px"],
  [style*="min-width:360px"],[style*="min-width:340px"],[style*="min-width:330px"],
  [style*="min-width:320px"],[style*="min-width:300px"],[style*="min-width:280px"],
  [style*="min-width:270px"],[style*="min-width:260px"]{min-width:0!important;flex-basis:100%!important}
  input[type="email"],input[type="text"],input[type="tel"],textarea{width:100%}
  /* stacked flex sections: shrink the huge column gaps */
  [style*="gap:70px"]{gap:34px!important}
  [style*="gap:50px"]{gap:30px!important}
  [style*="gap:44px"]{gap:28px!important}
}

/* --- tighten padding, type and the CTA dock on phones --- */
@media (max-width: 600px){
  section[style*="padding:"]{padding-left:16px!important;padding-right:16px!important}
  section [style*="max-width:"][style*="padding:"]{padding-left:12px!important;padding-right:12px!important}
  footer [style*="max-width:"][style*="padding:"]{padding-left:16px!important;padding-right:16px!important}
  [style*="padding:46px 52px"],[style*="padding:52px 56px"],[style*="padding:50px 56px 42px"],
  [style*="padding:56px 52px 44px"],[style*="padding:36px 38px"],[style*="padding:44px 48px"],
  [style*="padding:48px 52px"]{padding:26px 18px!important}
  h1{font-size:clamp(36px,10.5vw,48px)!important}
  h2{font-size:clamp(28px,8vw,38px)!important}
  h3[style*="font-size:clamp"]{font-size:clamp(26px,7.5vw,34px)!important}
  [data-screen-label="CTA dock"]{right:10px!important;bottom:10px!important;left:10px!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
  [data-screen-label="CTA dock"] a,[data-screen-label="CTA dock"] #lang-btn{font-size:12px!important;padding:9px 12px!important}
  header > div{gap:12px!important;padding-left:16px!important;padding-right:16px!important}
  [data-screen-label="Floating nugs"] span{opacity:.3!important}
}

/* ---- Weedmaps live menu embed ---- */
#wm-menu iframe{width:100%!important;max-width:100%!important;min-height:640px;border:0;display:block;border-radius:14px}
@media (max-width:760px){
  #live-menu{padding:38px 16px 44px!important}
  #wm-menu{padding:6px!important;border-radius:16px!important}
  #wm-menu iframe{min-height:560px}
}

/* ---- phone fixes: the floating dock, overhanging badges and decorations ---- */
@media (max-width: 600px){
  /* the dock was wrapping to two rows and covering the page.
     Espanol lives in the hamburger and Directions is in the footer, so drop both here. */
  [data-screen-label="CTA dock"]{left:auto!important;right:10px!important;bottom:10px!important;
    flex-wrap:nowrap!important;gap:8px!important;width:auto!important}
  [data-screen-label="CTA dock"] #lang-btn,
  [data-screen-label="CTA dock"] a[href*="google.com/maps"]{display:none!important}

  /* badges designed to overhang the artwork on desktop must not leave the screen */
  [style*="left:-34px"],[style*="left:-30px"],[style*="left:-26px"],[style*="left:-22px"]{left:0!important}
  [style*="right:-34px"],[style*="right:-30px"],[style*="right:-26px"],[style*="right:-22px"]{right:0!important}

  /* keep the drifting nugs off the copy */
  [data-screen-label="Floating nugs"] span{opacity:.16!important}
  [data-screen-label="Floating nugs"] span:nth-child(n+5){display:none!important}
}

/* ---- the trademark ---- */
header img[src*="logo-mark"]{image-rendering:auto}
footer img[src*="logo-lockup"]{width:190px;max-width:62%;height:auto;display:block}
@media (max-width: 600px){
  header img[src*="logo-mark"]{width:40px!important;height:40px!important}
  header > div > a > div:first-child{width:40px!important;height:40px!important}
  footer img[src*="logo-lockup"]{width:170px;max-width:78%}
}