/* Shared site notice styling, independent of homepage assets. */
:root{--lc-store-notice-height:0px;--lc-notice-admin-offset:0px}
html:has(body.admin-bar){--lc-notice-admin-offset:var(--wp-admin--admin-bar--height,32px)}

body .woocommerce-store-notice.demo_store{
  box-sizing:border-box;
  position:sticky;
  top:var(--lc-notice-admin-offset);
  bottom:auto;
  inset-inline:0;
  z-index:60;
  width:100%;
  max-width:none;
  margin:0;
  padding:11px 52px;
  border:0;
  border-radius:0;
  background:#0e0e0d;
  color:#c9c9c5;
  box-shadow:none;
  font-family:'Montserrat',Helvetica,Arial,sans-serif;
  font-size:10.5px;
  font-weight:500;
  line-height:1.65;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-align:center;
  overflow-wrap:break-word;
}
body .woocommerce-store-notice.demo_store::before,
body .woocommerce-store-notice.demo_store::after{content:none}
body .woocommerce-store-notice.demo_store a{color:inherit;text-decoration:none}
body .woocommerce-store-notice.demo_store a:hover{color:#fff}
body .woocommerce-store-notice.demo_store a:focus-visible{outline:1px solid #fff;outline-offset:3px}

/* Keep the native dismiss link and accessible text; only its visual becomes ×. */
body .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  inset-inline-end:12px;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  font-size:0;
  letter-spacing:0;
  cursor:pointer;
}
body .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link::before{
  content:'×';
  color:inherit;
  font-family:Arial,sans-serif;
  font-size:22px;
  font-weight:400;
  line-height:1;
}
body .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link:hover{background:rgba(255,255,255,.1)}

/* Preserve Blocksy's frame and sticky offset, adding the visible notice above it. */
html.lc-store-notice-visible .ct-header [data-sticky*='yes'],
html.lc-store-notice-visible .ct-header [data-sticky*='fixed']{
  top:calc(var(--lc-notice-admin-offset) + var(--lc-store-notice-height) + var(--theme-frame-size,0px) + var(--header-sticky-offset,0px))!important;
}
@media(max-width:640px){
  body .woocommerce-store-notice.demo_store{letter-spacing:.1em;padding-inline:44px}
  body .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link{inset-inline-end:6px}
}