/* --- Root & stacking --- */
#accessro-panel{ position: fixed; font-size: 14px; line-height: 1.2; inset: 0 auto auto 0; z-index: 2147483647; pointer-events: none; }
#accessro-panel.accessro-pos-right{ left: auto; right: 0; }
#accessro-panel .accessro-fab{ pointer-events: auto; }

/* --- Scoped reset to avoid theme bleed --- */
#accessro-panel, #accessro-panel *{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-sizing: border-box;
  text-transform: none;
  letter-spacing: normal;
}

/* --- FAB button --- */
#accessro-panel .accessro-fab {
    position: fixed;
    right: 0px;
    bottom: 220px;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    
    color: #fff;
    border: 0;
    display: grid
;
    place-items: center;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0%);
    cursor: pointer;
    z-index: 2147483647;
}

#accessro-panel .accessro-fab {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

#accessro-panel.accessro-pos-left .accessro-fab{ left: 20px; right: auto; }

/* --- Backdrop only when open --- */
#accessro-panel .accessro-backdrop[hidden]{ display:none; }
#accessro-panel .accessro-backdrop{
  pointer-events: auto;
  position: fixed; inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 2147483646;
}

/* --- Drawer --- */
#accessro-panel .accessro-drawer[hidden]{ display:none; }
#accessro-panel .accessro-drawer{
  position: fixed; bottom: 20px; right: 20px;
  width: 360px; max-width: calc(100vw - 40px);
  background: #fff; border-radius: 16px; overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.45); border: 1px solid rgba(0,0,0,.06);
  display: flex; flex-direction: column; max-height: calc(100vh - 40px);
  pointer-events: auto; z-index: 2147483647;
}
#accessro-panel.accessro-pos-left .accessro-drawer{ left: 20px; right: auto; }

#accessro-panel .accessro-head{ background:#111; color:#fff; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; position: sticky; top: 0; z-index: 2; }
#accessro-panel .accessro-head h2{ margin:0; font-size: 18px; color: white }
#accessro-panel .accessro-close{ background: transparent; border: 0; color: #fff; font-size: 20px; cursor: pointer; }

#accessro-panel .accessro-body{ overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 12px; }
#accessro-panel .accessro-actions{ display:flex; gap:10px; padding:12px; background:#f6f7f9; position: sticky; top: 0; z-index: 1; }
#accessro-panel .accessro-pill{ flex:1; padding:10px 12px; border-radius: 10px; border:1px solid #ddd; background:#fff; cursor:pointer; font-weight:600; }
#accessro-panel .accessro-pill.secondary {
    background: #ffffff;
    color: #fff;
    border-color: #111;
}

#accessro-panel .accessro-section{ padding:12px; }
#accessro-panel .accessro-section h3{ font-size:14px; margin:6px 0 10px; color:#333; }
#accessro-panel .accessro-font-row{ display:flex; align-items:center; gap:8px; background:#f6f7f9; padding:8px; border-radius:10px; }
#accessro-panel .accessro-iconbtn{ width:34px; height:34px; border-radius:8px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:18px; }
#accessro-panel .accessro-out{ min-width:60px; text-align:center; font-weight:700; }
#accessro-panel .accessro-rowbtn {
    width: 100%;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e6e8ec;
    padding: 10px 12px;
    border-radius: 12px;
    margin-bottom: 8px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    transition: transform .2s ease, box-shadow .2s ease;
}



#accessro-panel .accessro-rowbtn kbd{ background:#f1f2f4; border:1px solid #d8dbe0; border-bottom-width:2px; padding:2px 5px; border-radius:6px; font-size:12px; margin-left:6px; }
#accessro-panel .is-on{ background:#111 !important; color:#fff !important; border-color:#111 !important; }

/* --- Mobile full-screen --- */
@media (max-width: 768px){
  #accessro-panel .accessro-drawer{ top:0; right:0; bottom:0; left:0; width:100vw; height:100vh; max-height:none; border-radius:0; box-shadow:none; border:0; }
  #accessro-panel .accessro-body{ height: calc(100vh - 26px); overflow-y: auto; padding-bottom: 24px; }
}
/* Prevent page scroll when open */
html.accessro-no-scroll, html.accessro-no-scroll body { overflow: hidden !important; }

/* === Global site effects (unchanged) === */
html.accessro-highlight-links :where(a,[role="link"]):not(.button):not([role="button"]):not(.add_to_cart_button):not(.ajax_add_to_cart):not(.add-to-cart):not([class*="btn"]):not([href*="add-to-cart"]){
  text-decoration: underline !important; text-underline-offset: 2px; text-decoration-thickness: 2px; background: none !important; outline: none !important;
}
html.accessro-underline-headings :where(
  h1,h2,h3,h4,h5,h6,
  .product_title,
  .woocommerce-loop-product__title,
  [class*='product-title'],
  .nasa-product-name,
  .entry-title,
  a.name,
  .nasa-bold
){
  text-decoration: underline !important;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
}

html.accessro-pause-anim *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
html.accessro-contrast-high, html.accessro-contrast-high body { background:#000 !important; color:#fff !important; }
html.accessro-grayscale { filter: grayscale(1) !important; }
html.accessro-invert { filter: invert(1) hue-rotate(180deg) !important; }
html.accessro-cursor-light *{ cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><path d='M2,2 L38,24 L24,28 L20,42 Z' fill='%23ffffff' stroke='%23000' stroke-width='2'/></svg>") 2 2, default !important; }
html.accessro-cursor-dark *{ cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><path d='M2,2 L38,24 L24,28 L20,42 Z' fill='%23000' stroke='%23fff' stroke-width='2'/></svg>") 2 2, default !important; }


/* ——— Subliniază TITLURILE produselor în grila de pe homepage (tema Nasa) ——— */
html.accessro-underline-headings .product-info-wrap.info a.name.woocommerce-loop-product__title,
html.accessro-underline-headings .nasa-products-page-warp a.name.woocommerce-loop-product__title,
html.accessro-underline-headings .nasa-product-grid a.name.woocommerce-loop-product__title,
html.accessro-underline-headings .products a.name.woocommerce-loop-product__title,
html.accessro-underline-headings a.name.nasa-bold.woocommerce-loop-product__title {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 2px !important;
  border-bottom: none !important;
  background-image: none !important;
}

/* NU sublinia butoanele “Adaugă în coș” */
html.accessro-underline-headings a.button.add_to_cart_button,
html.accessro-underline-headings a.ajax_add_to_cart,
html.accessro-underline-headings a.add-to-cart-grid,
html.accessro-underline-headings a[role="button"][href*="add-to-cart"] {
  text-decoration: none !important;
}


/* === FIX v2.0.10: keyboard shortcuts aligned === */
#accessro-panel .accessro-rowbtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#accessro-panel .accessro-rowbtn span { flex: 1; }
#accessro-panel .accessro-rowbtn .kbd-wrap {
  display: flex;
  gap: 4px;
}
#accessro-panel .accessro-rowbtn kbd {
  min-width: 28px;
  text-align: center;
  display: inline-block;
}

/* === FIX v2.0.10: mobile scroll fully visible === */
@media (max-width: 768px){
  #accessro-panel .accessro-body {
    max-height: calc(100vh - 56px);
    overflow-y: auto;
    padding-bottom: 80px;
    -webkit-overflow-scrolling: touch;
  }
}


/* Kill-switch total pentru fundalul FAB + umbre + contururi */
html body #accessro-panel .accessro-fab,
html body #accessro-panel .accessro-fab::before,
html body #accessro-panel .accessro-fab::after {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Dacă fundalul vine din elemente interne (ex: span, i) */
#accessro-panel .accessro-fab * {
  background: #000000 !important;
  box-shadow: none !important;
  border-radius: 50%;
}

/* Dacă fundalul e desenat de SVG (rect/circle/ellipse) */
#accessro-panel .accessro-fab svg rect,
#accessro-panel .accessro-fab svg circle,
#accessro-panel .accessro-fab svg ellipse {
  fill: none !important;
}

/* Pictograma să rămână vizibilă */
#accessro-panel .accessro-fab svg path {
  fill: currentColor !important;
}

#accessro-panel .accessro-fab:hover,
#accessro-panel .accessro-fab:focus,
#accessro-panel .accessro-fab:focus-visible,
#accessro-panel .accessro-fab:active {
  background: transparent !important;
  outline: none !important;
}