.bhd-library-action{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d9e3e1;background:#fff;color:#315f73;border-radius:12px;min-height:42px;padding:9px 13px;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none!important;transition:.16s ease;z-index:12}.bhd-library-action:hover{background:#f2f7f6;border-color:#bfcfcb}.bhd-library-action svg{width:18px;height:18px;flex:0 0 18px}.bhd-library-action.is-saved{background:#e9f6f4;border-color:#b8ddd7;color:#167f78}.bhd-library-action.is-loading{opacity:.55;pointer-events:none}.woocommerce ul.products li.product{position:relative}.bhd-library-action--archive{position:absolute;top:12px;left:12px;width:38px;height:38px;min-height:38px;padding:0;border-radius:50%;box-shadow:0 6px 18px rgba(24,46,42,.10)}.bhd-library-action--archive span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bhd-library-action--single{margin:12px 0 4px}.bhd-reader-library-mount{display:inline-flex!important;margin-inline-start:10px;vertical-align:middle}.bhd-library-action--reader{min-height:38px;padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.76);backdrop-filter:blur(8px)}@media(max-width:680px){.bhd-library-action--single{width:100%}.bhd-reader-library-mount{display:flex!important;width:100%;margin:8px 0 0!important}.bhd-library-action--reader{width:100%;min-height:44px;height:auto;padding:9px 12px;border-radius:12px;font-size:11.5px;line-height:1.6;gap:7px}.bhd-library-action--reader span{display:inline;white-space:normal;text-align:center}.bhd-library-action--reader svg{width:18px;height:18px;flex:0 0 18px}}@media(max-width:360px){.bhd-library-action--reader{font-size:11px;padding-inline:9px}}

/* 1.4.0 — Reader bookmark is a true top-bar action, not an implicit reading action. */
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar{
  display:inline-flex!important;
  width:auto!important;
  margin:0!important;
  flex:0 0 auto;
}
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader{
  width:42px;
  min-width:42px;
  height:42px;
  min-height:42px;
  padding:0;
  border-radius:13px;
  background:var(--br-panel,#fff);
  border-color:var(--br-border,#d9e3e1);
  color:var(--br-text,#315f73);
  box-shadow:none;
  backdrop-filter:none;
}
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader:hover{
  background:var(--br-panel,#fff);
  border-color:var(--br-accent,#315f73);
}
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader.is-saved{
  color:var(--br-accent,#167f78);
  background:color-mix(in srgb,var(--br-panel,#fff) 88%,var(--br-accent,#167f78) 12%);
}
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader svg{
  width:19px;
  height:19px;
}
@media(max-width:680px){
  .br-top-actions .bhd-reader-library-mount.is-in-reader-topbar{
    width:auto!important;
    margin:0!important;
  }
  .br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
  }
}

/* 1.4.2 — Reader bookmark must explain itself. It remains the single explicit
   mutation for «خودیارهای من»; only its presentation is improved here. */
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar{
  display:inline-flex!important;
  width:auto!important;
  margin:0!important;
  flex:0 1 auto!important;
  min-width:0!important;
}
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader{
  width:auto!important;
  min-width:132px!important;
  max-width:184px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 11px!important;
  border-radius:14px!important;
  gap:7px!important;
  line-height:1.25!important;
}
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader span{
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
  border:0!important;
  display:block!important;
  text-align:center!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}

@media(max-width:680px){
  .br-top-actions .bhd-reader-library-mount.is-in-reader-topbar{
    flex:1 1 104px!important;
    min-width:82px!important;
  }
  .br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader{
    width:100%!important;
    min-width:82px!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 7px!important;
    gap:5px!important;
  }
  .br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader span{
    font-size:9.5px!important;
    line-height:1.22!important;
  }
  .br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader svg{
    width:16px!important;height:16px!important;flex-basis:16px!important;
  }
}
@media(max-width:360px){
  .br-top-actions .bhd-reader-library-mount.is-in-reader-topbar{min-width:74px!important}
  .br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader{min-width:74px!important;padding-inline:5px!important}
  .br-top-actions .bhd-reader-library-mount.is-in-reader-topbar .bhd-library-action--reader span{font-size:8.8px!important}
}

/* 1.4.2 — keep the Reader's existing controls, but make the labelled bookmark
   fit first on phones instead of collapsing back to an unexplained icon. */
@media(max-width:680px){
  .br-topbar-inner{
    gap:4px!important;
    padding-left:max(6px,env(safe-area-inset-left))!important;
    padding-right:max(6px,env(safe-area-inset-right))!important;
  }
  .br-toc-open{
    min-width:64px!important;
    width:auto!important;
    padding:0 7px!important;
    gap:4px!important;
  }
  .br-toc-open .br-toc-label{font-size:10.5px!important}
  .br-toc-open .br-toc-icon{font-size:16px!important}
  .br-top-actions{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:4px!important;
    margin-right:0!important;
  }
  .br-mark-read{
    width:auto!important;
    min-width:62px!important;
    padding:0 7px!important;
    gap:4px!important;
  }
  .br-mark-read .br-action-label{font-size:10px!important}
  .br-settings-open{width:40px!important;min-width:40px!important;padding:0!important}
}
@media(max-width:360px){
  .br-toc-open{min-width:58px!important;padding-inline:5px!important}
  .br-toc-open .br-toc-label{font-size:9.5px!important}
  .br-mark-read{min-width:54px!important;padding-inline:5px!important}
  .br-mark-read .br-action-label{font-size:9.3px!important}
  .br-settings-open{width:38px!important;min-width:38px!important}
}