/* ============================================================
   clinicparvaz.ir — header.css — نسخهٔ ۱.۱ (بازگشت به زبان روشن)
   ۱.۱: نسخهٔ ۲.۰ (نوار تیره) کنار گذاشته شد — بازگشت به
       طراحی روشنِ هم‌خانواده؛ همان ۱.۰ با جابه‌جایی جزئی برای
       سازگاری و بدون هیچ تغییر رنگیِ محسوس
   ۱.۰: جستجوی زنده + بهبودهای هاور/انیمیشن
   نصب: بعد از glam2.css · بدون نیاز به تغییر index/header.js
   ============================================================ */

/* ————— تاپ‌بار — نوار سه‌رنگ + شیشه‌ای مات (بدون تغییر رنگ) ————— */
.topbar::before{
  content:'';position:absolute;top:0;right:0;left:0;height:3px;
  background:linear-gradient(90deg,#7FB3E0,#8E7CC3 40%,#E0A458 80%);
  border-radius:0 0 4px 4px;
}
.topbar{padding-top:3px}

/* — برند — نشان با هالهٔ زنده — */
.tb-brand .logo-mark{
  box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px rgba(41,168,216,.28);
  transition:transform var(--ease),box-shadow var(--ease);
  animation:brandGlow 3.2s ease-in-out infinite;
}
@keyframes brandGlow{
  0%,100%{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px rgba(41,168,216,.28)}
  50%    {box-shadow:0 0 0 2.5px #fff,0 0 0 7px rgba(41,168,216,.42)}
}
.tb-brand:hover .logo-mark{transform:rotate(-8deg) scale(1.07);animation-play-state:paused}
.tb-brand:hover .logo-word b{color:var(--blue)}

/* — آیکون‌های تاپ‌بار — */
.tb-ic{transition:var(--ease)}
.tb-ic:hover{
  background:linear-gradient(135deg,rgba(41,168,216,.14),rgba(30,58,95,.08));
  color:var(--blue);box-shadow:var(--shadow);transform:translateY(-2px);
}

/* ————— جستجوی زنده — قرص تاپ‌بار (دسکتاپ) ————— */
.tb-search{position:relative;margin:0 8px}
.tb-search .live-search{
  width:210px;padding:9px 38px 9px 14px;border:1.5px solid rgba(30,58,95,.10);
  border-radius:999px;font-family:inherit;font-size:16px;background:rgba(255,255,255,.85);
  color:var(--ink);transition:width .3s cubic-bezier(.22,.8,.35,1),
    border-color .2s,box-shadow .2s,background .2s;
}
.tb-search .live-search:focus{
  outline:none;width:320px;border-color:var(--blue);background:#fff;
  box-shadow:0 0 0 4px rgba(41,168,216,.12);
}
.tb-search .sr-ic{
  position:absolute;right:13px;top:50%;transform:translateY(-50%);
  color:var(--sub);pointer-events:none;transition:color .2s;
}
.tb-search:focus-within .sr-ic{color:var(--blue)}
.tb-search .sr-kbd{
  position:absolute;left:10px;top:50%;transform:translateY(-50%);
  font-size:10px;font-weight:800;color:var(--sub);
  border:1px solid var(--line);border-radius:6px;padding:1px 7px;
  background:#fff;pointer-events:none;opacity:.8;
}
.tb-search:focus-within .sr-kbd{opacity:0}

/* — پنل نتایج — */
.sr-results{
  position:absolute;top:calc(100% + 9px);right:0;z-index:80;
  width:min(340px,calc(100vw - 32px));max-height:330px;overflow-y:auto;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  border:1px solid rgba(30,58,95,.08);border-radius:16px;
  box-shadow:var(--shadow-lg);padding:7px;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s ease,transform .25s cubic-bezier(.22,.8,.35,1),visibility .2s;
  scrollbar-width:thin;
}
.sr-results.open{opacity:1;visibility:visible;transform:none}
.sr-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 11px 7px;border-bottom:1px solid rgba(30,58,95,.06);margin-bottom:5px;
}
.sr-head b{color:var(--navy);font-size:11px;font-weight:800}
.sr-head span{color:#adbcc9;font-size:10px;font-weight:700}
.sr-item{
  display:flex;align-items:center;gap:9px;width:100%;text-align:right;
  padding:9px 11px;border:none;border-radius:11px;background:transparent;
  font-family:inherit;cursor:pointer;transition:background .15s;
}
.sr-item:hover,.sr-item.sel{background:#EFF6FC}
.sr-item .sr-ic-box{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:14px;
  background:linear-gradient(135deg,rgba(41,168,216,.14),rgba(30,58,95,.08));
  color:var(--blue);
}
.sr-item .sr-tx{flex:1;min-width:0}
.sr-item .sr-tx b{
  display:block;color:var(--ink);font-size:12.5px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7;
}
.sr-item .sr-tx b mark{background:#FEF3C7;color:#92400E;border-radius:4px;padding:0 2px}
.sr-item .sr-cat{
  flex-shrink:0;background:#EAF5FB;color:var(--blue);border-radius:999px;
  font-size:9.5px;font-weight:800;padding:1px 9px;white-space:nowrap;
}
.sr-empty{
  text-align:center;color:#adbcc9;font-size:12px;font-weight:700;padding:16px 8px;
}
.sr-foot{
  border-top:1px solid rgba(30,58,95,.06);margin-top:5px;padding:7px 11px 4px;
  display:flex;justify-content:space-between;color:#adbcc9;font-size:9.5px;font-weight:700;
}

/* ————— سایدبار — همان زبان روشن، با ظرافت‌های ۱.۰ ————— */
.sidebar{overflow:hidden auto}
.sidebar::after{
  content:'';position:absolute;top:-90px;right:-40%;width:70%;height:180px;
  background:linear-gradient(100deg,transparent,rgba(41,168,216,.10),transparent);
  transform:rotate(14deg);pointer-events:none;z-index:0;
  animation:sbSheen 7s ease-in-out infinite;
}
@keyframes sbSheen{
  0%,100%{transform:translateX(0) rotate(14deg);opacity:.6}
  50%    {transform:translateX(-46%) rotate(14deg);opacity:1}
}
.sidebar > *{position:relative;z-index:1}

.sb-logo{
  padding:4px 8px 11px;
}
.sb-logo .logo-mark{
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(41,168,216,.25);
  transition:transform var(--ease);
}
.sb-logo:hover .logo-mark{transform:rotate(-8deg) scale(1.08)}
.sb-logo b{
  background:linear-gradient(120deg,var(--navy) 40%,var(--blue));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-size:13.5px;
}

.sb-search{position:relative;padding:0 2px 4px}
.sb-search .live-search{
  width:100%;padding:11px 40px 11px 14px;border:1.5px solid rgba(30,58,95,.10);
  border-radius:999px;font-family:inherit;font-size:16px;background:#fff;color:var(--ink);
  transition:border-color .2s,box-shadow .2s;
}
.sb-search .live-search:focus{
  outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(41,168,216,.12);
}
.sb-search .sr-ic{
  position:absolute;right:15px;top:23px;transform:translateY(-50%);
  color:var(--sub);pointer-events:none;
}
.sb-search .sr-results{width:100%;right:0}

.sb-sec{
  display:flex;align-items:center;gap:7px;
}
.sb-sec::before{
  content:'';width:7px;height:7px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  box-shadow:0 0 0 3px rgba(41,168,216,.15);
}

.sb-list a{position:relative;overflow:hidden;border-radius:11px}
.sb-list a::before{
  content:'';position:absolute;top:20%;bottom:20%;right:0;width:3.5px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,var(--blue2),var(--navy));
  transform:scaleY(0);transform-origin:center;
  transition:transform .25s cubic-bezier(.22,.8,.35,1);
}
.sb-list a:hover::before{transform:scaleY(1)}
.sb-list a:hover{
  padding-right:14px;color:var(--blue);
  background:linear-gradient(90deg,rgba(41,168,216,.06),transparent 70%);
}

.sb-tiles{gap:9px}
.tile{
  position:relative;overflow:hidden;
  border:1px solid #E8F1F7;padding:13px 6px 11px;
}
.tile::after{
  content:'';position:absolute;top:0;bottom:0;width:42%;right:-55%;
  background:linear-gradient(90deg,transparent,rgba(41,168,216,.22),transparent);
  transform:skewX(-18deg);transition:right .5s ease;pointer-events:none;
}
.tile:hover::after{right:135%}
.tile .ic{
  width:38px;height:38px;border-radius:12px;margin:0;
  display:flex;align-items:center;justify-content:center;
  background:#EAF5FB;color:var(--blue);
  transition:transform .25s cubic-bezier(.22,.8,.35,1);
}
.tile:nth-child(4n+2) .ic{background:#F0EDFB;color:#7C6FE8}
.tile:nth-child(4n+3) .ic{background:#FDF6E7;color:#D89A1E}
.tile:nth-child(4n+4) .ic{background:#EAF7F0;color:#2D8A5F}
.tile:hover .ic{transform:scale(1.14) rotate(-5deg)}
.tile:hover{color:var(--blue)}

.sb-cta .btn-primary{overflow:hidden}
.sb-cta .btn-primary::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.38) 50%,transparent 68%);
  transform:translateX(130%);animation:ctaSweep 3.4s ease-in-out infinite;
}
@keyframes ctaSweep{
  0%,62%{transform:translateX(130%)}
  84%,100%{transform:translateX(-130%)}
}

.sb-bell{transition:var(--ease)}
.sb-bell:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}

/* — ورود پله‌ای کشو (موبایل) — */
@media(max-width:1030px){
  .tb-search{display:none}
  .sidebar .sb-anim{
    opacity:0;transform:translateX(22px);
    transition:opacity .4s ease,transform .45s cubic-bezier(.22,.8,.35,1);
  }
  .sidebar.open .sb-anim{opacity:1;transform:none}
  .sidebar.open .sb-anim:nth-of-type(1){transition-delay:60ms}
  .sidebar.open .sb-anim:nth-of-type(2){transition-delay:110ms}
  .sidebar.open .sb-anim:nth-of-type(3){transition-delay:160ms}
  .sidebar.open .sb-anim:nth-of-type(4){transition-delay:210ms}
  .sidebar.open .sb-anim:nth-of-type(5){transition-delay:260ms}
}
@media(min-width:1031px){
  .sb-search{display:none}
}