/* ============================================================
   orthopro.ir — glam.css — نسخهٔ ۲.۲
   ۲.۲: قاعدهٔ بی‌استثنای 16px برای همهٔ ورودی‌ها (رفع کامل زوم iOS)
   ۲.۱: اصلاح زوم Safari iOS · ۲.۰: لایهٔ گرافیکی
   نصب: در public_html کنار style.css · بعد از style.css لینک شود
   ============================================================ */

/* ————— رفع زوم iOS — همهٔ ورودی‌ها 16px در همهٔ حالت‌ها ————— */
input, select, textarea {
  font-size: 16px !important;
}

/* ————— هیروی صفحهٔ اصلی — گرادیان + تزئین ✦ ————— */
.hero,
section.blk .hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #F4F8FC 0%, #EAF2F9 55%, #E3EEF8 100%);
  border-radius: 22px;
  box-shadow: 0 14px 36px rgba(30,58,95,.10);
}
.hero::before,
.hero::after {
  content: '✦';
  position: absolute;
  font-size: 95px;
  color: rgba(30,58,95,.07);
  pointer-events: none;
  z-index: 0;
}
.hero::before { top: -20px; left: -10px; }
.hero::after  { bottom: -34px; right: 10%; font-size: 140px; }
.hero h1 {
  position: relative;
  z-index: 1;
  background: linear-gradient(120deg, #1E3A5F 30%, #1E88B8 75%, #29A8D8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -.02em;
}
.hero .italic, .hero em { color: #1E88B8; }

/* ————— کیکِرها ————— */
.kicker {
  color: #2A5A8F;
  font-weight: 800;
  letter-spacing: .4px;
}

/* ————— کارت‌های خدمات (svc) — نوار رنگی + hover عمیق ————— */
.svc {
  position: relative;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.svc::before {
  content: '';
  position: absolute;
  top: 0; right: 0; left: 0;
  height: 4px;
  background: linear-gradient(90deg, #7FB3E0, #29A8D8);
  opacity: .85;
  transition: opacity .2s ease, height .2s ease;
}
.svc:nth-child(3n+2)::before { background: linear-gradient(90deg, #8E7CC3, #B49BE0); }
.svc:nth-child(3n)::before   { background: linear-gradient(90deg, #E0A458, #F0C36D); }
.svc:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(30,58,95,.14);
}
.svc:hover::before { opacity: 1; height: 5px; }
.svc h3 {
  position: relative;
}
.svc h3::after {
  content: '';
  display: block;
  width: 34px;
  height: 3px;
  border-radius: 3px;
  margin-top: 7px;
  background: linear-gradient(90deg, #7FB3E0, #29A8D8);
}
.svc:nth-child(3n+2) h3::after { background: linear-gradient(90deg, #8E7CC3, #B49BE0); }
.svc:nth-child(3n) h3::after   { background: linear-gradient(90deg, #E0A458, #F0C36D); }

/* ————— جدول نقشهٔ درمان ————— */
table.htable {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(30,58,95,.09);
}
table.htable thead th {
  background: linear-gradient(135deg, #2A5A8F, #1E3A5F) !important;
  color: #fff !important;
  font-weight: 800;
  padding: 13px 16px;
}
table.htable tbody td {
  background: #fff;
  transition: background .15s ease;
}
table.htable tbody tr:nth-child(even) td { background: #F6FAFD; }
table.htable tbody tr:hover td { background: #EAF4FB; }
table.htable tbody td:first-child {
  font-weight: 800;
  color: #1E3A5F;
  border-right: 3px solid #7FB3E0;
}
table.htable tbody tr:nth-child(2) td:first-child { border-right-color: #8E7CC3; }
table.htable tbody tr:nth-child(3) td:first-child { border-right-color: #E0A458; }
table.htable tbody tr:nth-child(4) td:first-child { border-right-color: #52B788; }
table.htable tbody tr:nth-child(5) td:first-child { border-right-color: #D97BA0; }

/* ————— دکمه‌ها ————— */
.btn-primary {
  background: linear-gradient(135deg, #2A5A8F, #1E3A5F) !important;
  box-shadow: 0 6px 16px rgba(30,58,95,.28);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(30,58,95,.34);
  filter: brightness(1.06);
}
.btn-outline:hover { transform: translateY(-2px); }

/* ————— فوتر — نوار سه‌رنگ ————— */
.foot {
  position: relative;
  overflow: hidden;
}
.foot::before {
  content: '';
  position: absolute;
  top: 0; right: 0; left: 0;
  height: 4px;
  background: linear-gradient(90deg, #7FB3E0, #8E7CC3 40%, #E0A458 80%);
}

/* ============================================================
   فروشگاه — shop.php
   ============================================================ */

.shop-hero {
  box-shadow: 0 14px 36px rgba(30,58,95,.22);
}
.shop-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 85% 20%, rgba(41,168,216,.30), transparent 45%),
    radial-gradient(circle at 15% 90%, rgba(41,168,216,.18), transparent 40%);
  pointer-events: none;
  z-index: 1;
}
.shop-hero .hk {
  backdrop-filter: blur(4px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}

.trust .t, .tbar .t {
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.trust .t::after, .tbar .t::after {
  content: '';
  position: absolute;
  top: 0; right: 0; left: 0;
  height: 3px;
  background: linear-gradient(90deg, #7FB3E0, #29A8D8);
  opacity: 0;
  transition: opacity .2s ease;
}
.trust .t:nth-child(2)::after, .tbar .t:nth-child(2)::after { background: linear-gradient(90deg, #8E7CC3, #6A5AB0); }
.trust .t:nth-child(3)::after, .tbar .t:nth-child(3)::after { background: linear-gradient(90deg, #E0A458, #C9962F); }
.trust .t:nth-child(4)::after, .tbar .t:nth-child(4)::after { background: linear-gradient(90deg, #52B788, #2D8A5F); }
.trust .t:hover, .tbar .t:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(30,58,95,.12);
}
.trust .t:hover::after, .tbar .t:hover::after { opacity: 1; }

.pcard {
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease;
}
.pcard::before {
  content: '';
  position: absolute;
  top: 0; right: 0; left: 0;
  height: 4px;
  background: linear-gradient(90deg, #7FB3E0, #29A8D8);
  z-index: 2;
}
.pcard:nth-child(3n+2)::before { background: linear-gradient(90deg, #8E7CC3, #B49BE0); }
.pcard:nth-child(3n)::before   { background: linear-gradient(90deg, #E0A458, #F0C36D); }
.pcard:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 44px rgba(30,58,95,.18);
}
.pcard:hover .pimg img { transform: scale(1.08); }
.pcard .price {
  background: #F2F8FC;
  border: 1px solid #D8E8F4;
  border-radius: 999px;
  padding: 4px 13px;
  align-self: flex-start;
}

.empty-shop, .notfound {
  border-right: 4px solid #E0A458;
  border-radius: 14px;
  box-shadow: 0 3px 10px rgba(224,164,88,.14);
}

.sw-card {
  position: relative;
  overflow: hidden;
}
.sw-card::before {
  content: '';
  position: absolute;
  top: 0; right: 0; left: 0;
  height: 4px;
  background: linear-gradient(90deg, #7FB3E0, #29A8D8);
  z-index: 2;
}
.sw-card:nth-child(3n+2)::before { background: linear-gradient(90deg, #8E7CC3, #B49BE0); }
.sw-card:nth-child(3n)::before   { background: linear-gradient(90deg, #E0A458, #F0C36D); }
.sw-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(30,58,95,.17); }
.sw-price {
  background: #F2F8FC;
  border: 1px solid #D8E8F4;
  border-radius: 999px;
  padding: 4px 12px;
  align-self: flex-start;
}

.ticker, .tkr {
  background: linear-gradient(135deg, #1E3A5F, #2A5A8F) !important;
  box-shadow: 0 6px 18px rgba(30,58,95,.25);
}

@media (max-width: 640px) {
  .svc:hover { transform: translateY(-3px); }
}

@media print {
  body { background: #fff !important; }
  .svc, .pcard, .trust .t, .sw-card { box-shadow: none !important; transform: none !important; }
}

/* ————— scroll progress bar — نوار پیشرفت اسکرول ————— */
#scrollBar{
  position:fixed;top:0;right:0;height:3px;width:0;
  background:linear-gradient(90deg,#29A8D8,#2A5A8F,#1E3A5F);
  z-index:9999;border-radius:0 0 0 3px;
  box-shadow:0 1px 6px rgba(41,168,216,.5);
  transition:width .1s linear;pointer-events:none
}
/* — نوار پیشرفت در موبایل: پهن‌تر و واضح‌تر — */
@media (max-width:640px){
  #scrollBar{height:4px;box-shadow:0 1px 8px rgba(41,168,216,.65)}
}