/* ===============================
   LOGO RESPONSIVE SIZES
   =============================== */

/* ===============================
   LOGO RESPONSIVE SIZES (NEW)
   =============================== */

/* Desktop mid (1141–1320px) */
@media (min-width: 1141px) and (max-width: 1320px) {
  .forintek-logo {
    width: 220px !important;
  }
}

/* Desktop small (991–1140px) */
@media (min-width: 991px) and (max-width: 1140px) {
  .forintek-logo {
    width: 200px !important;
  }
}

/* Tablet + Mobile large (<720px) */
@media (max-width: 720px) {
  .forintek-logo {
    width: 220px !important;
  }
}

/* Mobile mid (<600px) */
@media (max-width: 600px) {
  .forintek-logo {
    width: 200px !important;
    padding-bottom: 6px !important;
  }
}

/* ===============================
   CONTACT INFO RESPONSIVE
   =============================== */

/* MOBILE (<720px) — reduce icon + text size */
@media (max-width: 720px) {
  /* Search icon */
  .btn.btn-icon.btn-lg .ci-search {
    font-size: 20px !important;
  }

  /* Contact icons */
  .contact-icon {
    font-size: 16px !important;
    width: 18px !important;
  }

  /* Contact text */
  .contact-text {
    font-size: 0.75rem !important;
  }

  /* Vertical spacing */
  .contact-item {
    margin-bottom: 2px !important;
  }
}

/* EXTRA SMALL (<530px) — hide contact info */
@media (max-width: 530px) {
  .contact-item {
    display: none !important;
  }
}

/* County Stacking */
@media (max-width: 1399.98px) {
  .country-mobile-stack {
    flex-basis: 100%; /* страна занимает всю строку и уходит вниз */
  }
}

/* ===============================
   FOOTER CONTACT INFO RESPONSIVE
   =============================== */

/* Диапазон 768–991 px — только телефон, на всю ширину */
@media (max-width: 991.98px) and (min-width: 768px) {
  /* Скрываем WhatsApp и Email */
  footer .whatsapp-col,
  footer .email-col {
    display: none !important;
  }

  /* Делаем колонку телефона на всю ширину,
     игнорируя row-cols-sm-3 */
  footer .footer-contact-block > .phone-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Центрируем телефон (на всякий случай) */
  footer .phone-col {
    text-align: center;
  }
}

/* ===============================
   BTN ANIMATION ON HOVER
   =============================== */

.btn-forintek {
  background-color: #333d4c;
  color: #fff;
}

.btn-forintek:hover {
  background-color: #333d4c; /* без изменения фона */
  color: #fff;
}

/* Анимация иконки только при hover */
.btn-forintek .animate-target {
  transition: transform 0.25s ease;
}

.btn-forintek:hover .animate-target {
  animation: shake 0.6s ease;
}

.btn-forintek {
  --forintek-shift-y: -6px;
}

.btn-forintek > span,
.btn-forintek > .d-flex {
  transform: translateY(var(--forintek-shift-y));
}