/* =========================================================
   TAMINYAR SITE FINAL V5
   ========================================================= */


/* =========================================================
   HOME EXPERIENCE SECTION
   ========================================================= */

.home-final-cta-section {
  margin: 0 !important;

  padding:
    42px 0
    30px !important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7fbf8 32%,
      #f1f8f4 68%,
      #eaf5ef 100%
    ) !important;
}

.home-final-cta-section .container,
.home-final-cta-section .cta-box {
  margin-bottom: 0 !important;
}


/* فاصله دکمه‌ها */
.home-final-cta-actions {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex-wrap: wrap !important;

  gap: 32px !important;

  margin-top: 24px !important;
}

.home-final-cta-actions > .btn {
  min-width: 180px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
}


/* تماس با ما - سفید */
.home-final-cta-section a[href="contact.html"],
.home-final-cta-actions a[href="contact.html"] {
  color: #ffffff !important;

  border-color:
    rgba(255,255,255,.72) !important;
}

.home-final-cta-section a[href="contact.html"]:hover,
.home-final-cta-actions a[href="contact.html"]:hover {
  color: #ffffff !important;

  border-color: #ffffff !important;

  background:
    rgba(255,255,255,.10) !important;
}


/* =========================================================
   BRIDGE
   بدون هیچ نوار سفید
   ========================================================= */

.home-footer-bridge {
  width: 100% !important;

  margin: 0 !important;

  /*
   * بالا صفر؛ یعنی مستقیم به سکشن تجربه وصل می‌شود
   */
  padding:
    0 0
    42px !important;

  background:
    linear-gradient(
      180deg,
      #eaf5ef 0%,
      #e5f2eb 100%
    ) !important;
}

.home-final-cta-section + .home-footer-bridge {
  margin-top: 0 !important;
}


/* container */
.home-footer-bridge > .container {
  width:
    calc(100% - 64px) !important;

  max-width:
    1450px !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


/* =========================================================
   3 LARGE BOXES
   ========================================================= */

/*
 * کارت بیرونی قبلی عملاً حذف می‌شود
 * و هر آیتم خودش یک باکس مستقل می‌شود.
 */
.home-footer-bridge-card {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap:
    22px !important;

  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;
}


/* جداکننده قدیمی دیگر لازم نیست */
.bridge-divider {
  display: none !important;
}


/* هر کدام از سه باکس */
.bridge-item {
  position: relative !important;

  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  min-width: 0 !important;

  min-height:
    138px !important;

  padding:
    27px 30px !important;

  gap:
    18px !important;

  direction:
    rtl !important;

  text-align:
    right !important;

  background:
    rgba(255,255,255,.97) !important;

  border:
    1px solid
    rgba(180,216,195,.95) !important;

  border-radius:
    26px !important;

  box-shadow:
    0 18px 48px
    rgba(5,57,34,.09) !important;
}


.bridge-item > div:last-child {
  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  gap:
    6px !important;
}


/* آیکن‌ها بزرگ‌تر */
.bridge-icon {
  width:
    60px !important;

  height:
    60px !important;

  flex:
    0 0 60px !important;

  display:
    grid !important;

  place-items:
    center !important;

  border-radius:
    19px !important;

  color:
    #117442 !important;

  background:
    linear-gradient(
      145deg,
      #e6f8ed,
      #f7fff9
    ) !important;

  box-shadow:
    inset 0 0 0 1px
    rgba(30,155,76,.12) !important;
}


.bridge-icon svg {
  width:
    28px !important;

  height:
    28px !important;

  stroke-width:
    1.9 !important;
}


/* عنوان بزرگ‌تر */
.bridge-item strong {
  color:
    #103c2a !important;

  font-size:
    16px !important;

  font-weight:
    900 !important;

  line-height:
    1.7 !important;
}


/* توضیح بزرگ‌تر */
.bridge-item span {
  color:
    #687e73 !important;

  font-size:
    12.5px !important;

  line-height:
    1.9 !important;
}


/* =========================================================
   FOOTER BRAND
   بدون JavaScript
   ========================================================= */

/*
 * لینک لوگوی اصلی فوتر
 */
.site-footer a[href="index.html"],
.site-footer a[href="./index.html"],
.site-footer a[href="/"] {
  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  text-align:
    center !important;

  text-decoration:
    none !important;

  /*
   * متن اصلی و ناخوانا مخفی می‌شود
   */
  font-size:
    0 !important;

  line-height:
    0 !important;

  color:
    transparent !important;
}


/*
 * هر متن داخل لینک برند هم مخفی
 * ولی تصویر باقی می‌ماند.
 */
.site-footer a[href="index.html"] span,
.site-footer a[href="index.html"] strong,
.site-footer a[href="index.html"] p,

.site-footer a[href="./index.html"] span,
.site-footer a[href="./index.html"] strong,
.site-footer a[href="./index.html"] p,

.site-footer a[href="/"] span,
.site-footer a[href="/"] strong,
.site-footer a[href="/"] p {
  font-size:
    0 !important;

  line-height:
    0 !important;

  color:
    transparent !important;

  margin:
    0 !important;
}


/*
 * لوگو دست‌نخورده
 */
.site-footer a[href="index.html"] img,
.site-footer a[href="./index.html"] img,
.site-footer a[href="/"] img {
  display:
    block !important;

  margin:
    0 auto 12px !important;
}


/*
 * متن دستی جدید
 */
.site-footer a[href="index.html"]::after,
.site-footer a[href="./index.html"]::after,
.site-footer a[href="/"]::after {
  content:
    "تأمین‌یار\Aاز بیمه‌پردازی تا بازنشستگی";

  display:
    block !important;

  white-space:
    pre-line !important;

  color:
    #ffffff !important;

  font-size:
    19px !important;

  font-weight:
    900 !important;

  line-height:
    1.8 !important;

  text-align:
    center !important;
}


/* خط دوم کمی ملایم‌تر نیست چون pseudo یکپارچه است؛
   در عوض shadow ظریف برای خوانایی */
.site-footer a[href="index.html"]::after,
.site-footer a[href="./index.html"]::after,
.site-footer a[href="/"]::after {
  text-shadow:
    0 1px 8px
    rgba(0,0,0,.18);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .home-final-cta-section {
    padding:
      28px 0
      24px !important;
  }

  .home-final-cta-actions {
    gap:
      14px !important;
  }

  .home-final-cta-actions > .btn {
    min-width:
      145px !important;
  }


  .home-footer-bridge {
    padding:
      0 0
      28px !important;
  }

  .home-footer-bridge > .container {
    width:
      calc(100% - 24px) !important;
  }


  .home-footer-bridge-card {
    grid-template-columns:
      1fr !important;

    gap:
      13px !important;
  }


  .bridge-item {
    min-height:
      105px !important;

    padding:
      19px 18px !important;

    border-radius:
      20px !important;

    gap:
      14px !important;
  }


  .bridge-icon {
    width:
      50px !important;

    height:
      50px !important;

    flex-basis:
      50px !important;

    border-radius:
      16px !important;
  }


  .bridge-icon svg {
    width:
      24px !important;

    height:
      24px !important;
  }


  .bridge-item strong {
    font-size:
      14px !important;
  }


  .bridge-item span {
    font-size:
      11.5px !important;
  }


  .site-footer a[href="index.html"]::after,
  .site-footer a[href="./index.html"]::after,
  .site-footer a[href="/"]::after {
    font-size:
      17px !important;
  }

}


@media (max-width: 390px) {

  .home-final-cta-actions {
    flex-direction:
      column !important;

    align-items:
      stretch !important;
  }

  .home-final-cta-actions > .btn {
    width:
      100% !important;

    min-width:
      0 !important;
  }

}


/* =========================================================
   FOOTER TAMINYAR MARK
   ========================================================= */

.site-footer .footer-brand img,
.site-footer .brand img,
.site-footer .footer-brand-logo {
  display: block !important;

  width: 118px !important;
  height: 118px !important;

  object-fit: contain !important;

  margin: 0 auto 14px !important;

  background: transparent !important;
  border-radius: 0 !important;
}


/* متن فوتر خوانا */
.site-footer .footer-brand .brand span {
  color: #ffffff !important;

  font-size: 20px !important;
  font-weight: 900 !important;

  line-height: 1.6 !important;

  text-align: center !important;
}


.site-footer .footer-brand .brand span small {
  display: block !important;

  margin-top: 2px !important;

  color: rgba(255,255,255,.68) !important;

  font-size: 11px !important;
  font-weight: 500 !important;
}


@media (max-width: 640px) {

  .site-footer .footer-brand img,
  .site-footer .brand img,
  .site-footer .footer-brand-logo {
    width: 100px !important;
    height: 100px !important;
  }

}