/* --- Social SVG icons --- */
.social-icon .social-svg {
  width: 56px;   /* کمی بزرگتر برای دسکتاپ */
  height: 56px;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.social-icon .social-svg:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* فاصله بین آیکون‌ها */
.social-icon .list-inline-item {
  margin-right: 14px;
}

/* در موبایل لمس راحت‌تر */
@media (max-width: 576px) {
  .social-icon .social-svg {
    width: 44px;
    height: 44px;
  }
}

/* --- Brand colors --- */
.social-icon .facebook { color: #1877F2; }
.social-icon .instagram { color: #E1306C; }

/* --- Logo sizes --- */
.logo img {
  height: 60px;
}

.logo-footer img {
  max-height: 36px;
}

@media (max-width: 768px) {
  .logo img {
    height: 46px !important;
  }
  .logo-footer img {
    max-height: 40px !important;
  }
}

/* Footer — logo behavior */
.footer .footer-logo {
  max-height: 90px !important;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

/* لینک آیکون‌ها قاب کوچک نداشته باشند */
.social-icon li a {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: none !important;
  overflow: visible !important;
  background: transparent !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* --- Header: قبل و بعد از اسکرول --- */
#topnav {
  background: transparent !important;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
#topnav .sub-menu-item {
  color: #fff !important;  /* قبل از اسکرول: سفید */
}

#topnav.nav-sticky {
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
#topnav.nav-sticky .sub-menu-item {
  color: #333 !important;  /* بعد از اسکرول: مشکی */
}

/* فاصله بین Hero و بخش Services */
#home {
  margin-bottom: 80px;
}

/* ✅ متن بیمه با استایل شبیه دکمه */
.insurance-badge {
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 50px;
  padding: 12px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: normal; /* اگر طولانی بود چند خطی شود */
  box-shadow: 0 4px 10px rgba(0,0,0,0.25); /* کمی برجسته‌تر */
}