/* --- Всплывашка контакты --- */

/* Контейнер */
.custom-contact-dropdown {
  position: relative;
  display: inline-block;
  font-family: Arial, sans-serif;
  z-index: 999;
}

/* Триггер (Верхняя полоска) */
.contact-trigger {
  background: #222; /* Цвет фона шапки, поменяйте под свой */
  color: #fff;
  padding: 10px 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
}

.contact-trigger:hover {
  background: #333;
}

.social-icons-mini i {
  margin-right: 3px;
}
.social-icons-mini .fa-viber { color: #8e24aa; }
.social-icons-mini .fa-telegram-plane { color: #0088cc; }
.social-icons-mini .fa-whatsapp { color: #25d366; }

.main-phone {
  font-weight: bold;
  font-size: 16px;
}

/* Выпадающее меню */
.contact-content {
  display: none; /* Скрыто по умолчанию */
  position: absolute;
  top: 100%;
  right: 0; /* Выравнивание по правому краю */
  background-color: #fff;
  min-width: 280px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 15px;
  border-radius: 4px;
  z-index: 1000;
  border: 1px solid #eee;
}

/* Показываем при наведении */
.custom-contact-dropdown:hover .contact-content {
  display: block;
}

/* Кнопки мессенджеров */
.messenger-btn {
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 5px;
  color: white !important;
  text-align: left;
  text-decoration: none;
  font-size: 14px;
  border-radius: 2px;
  transition: opacity 0.2s;
}
.messenger-btn:hover { opacity: 0.9; text-decoration: none; }
.messenger-btn i { margin-right: 8px; font-size: 16px; width: 20px; text-align: center;}

.viber-btn { background-color: #7d539d; }
.telegram-btn { background-color: #2fa6da; }
.whatsapp-btn { background-color: #4dc247; }

/* Инфо строки (Телефон/Почта) */
.info-rows {
  margin: 15px 0;
  background: #f9f9f9;
  border: 1px solid #eee;
  padding: 5px 10px;
}

.info-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 13px;
}
.info-row:last-child { border-bottom: none; }

.info-row .label { color: #777; }
.info-row .value { color: #333; font-weight: bold; text-decoration: underline; }

/* Золотые кнопки внизу */
.action-btn {
  display: block;
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  background-color: #b0985a; /* Золотистый цвет с картинки */
  color: white;
  border: 1px solid #9c854e;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  border-radius: 3px; /* Края кнопок */
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(0,0,0,0.1));
}

.action-btn:hover {
  background-color: #a38c52;
}
.action-btn i { margin-right: 8px; }

/* Логика отображения Viber */

/* По умолчанию (для ПК) скрываем мобильную кнопку */
.viber-mobile {
  display: none !important;
}
.viber-pc {
  display: block !important;
}

/* Если ширина экрана меньше 992px (планшеты и телефоны) */
@media (max-width: 991px) {
  .viber-mobile {
    display: block !important;
  }
  .viber-pc {
    display: none !important;
  }
}

/* --- // Всплывашка контакты --- */



/* --- Share buttons styles (us-share.css) --- */

.us-share-block {
    margin-top: 20px;
}

.us-share-title {
    font-size: 14px;
    margin-bottom: 8px;
    color: #333;
}

.us-share-icons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.us-share-btn {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    transition: all .25s ease;
    cursor: pointer;
    border: none;
}

.us-share-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.2);
}

/* brand colors */
.us-share-tg { background: #229ED9; }
.us-share-viber { background: #7360f2; }
.us-share-wa { background: #25D366; }
.us-share-fb { background: #1877F2; }
.us-share-copy { background: #444; }

/* copy effect */
.us-share-copy.copied {
    background: #28a745 !important;
}

.us-share-copy.copied i::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* --- telephone form --- */

.callback-box {
    display: flex;
    width: 100%;
    max-width: 420px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.12);
}

.callback-box input {
    width: 50%;
    padding: 10px 14px;
    border: none;
    font-size: 16px;
    outline: none;
}

.callback-box button {
    width: 50%;
    background: #8a3e2d; /* колір як на картинці */
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: .2s ease;
}

.callback-box button:hover {
    background: #6e301f;
}