/* ==========================================================================
   Trial-version notice  (نسخة تجريبية)
   A slim band above the header telling visitors this is the new site being
   tried out. It scrolls away with the page; the sticky header is unaffected.

   TO REMOVE IT WHEN THE TRIAL ENDS
   1. In app/Views/layouts_base.php set  $betaNotice = false;
   2. Delete this file and its <link> tag in the same file.
   ========================================================================== */
.beta-bar{background:var(--olive-900);color:var(--on-dark);position:relative;z-index:40;
  border-bottom:1px solid rgba(217,179,91,.35);font-size:.9rem;line-height:1.5}
.beta-bar::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;
  background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 12px);opacity:.75}
.beta-bar__inner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;
  padding-block:.55rem;justify-content:center;text-align:center}
.beta-bar__tag{flex:0 0 auto;background:var(--gold);color:var(--olive-900);font-weight:700;
  padding:.15rem .75rem;border-radius:99px;font-size:.82rem;white-space:nowrap}
.beta-bar p{margin:0;color:var(--on-dark-2);max-width:none}
.beta-bar a{color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}
.beta-bar a:hover{color:#fff}
@media (max-width:700px){
  .beta-bar{font-size:.84rem}
  .beta-bar__inner{gap:.4rem;padding-block:.5rem}
  .beta-bar p{flex:1 1 100%;order:3}
}
@media print{.beta-bar{display:none}}