/* ===== Atlanta-Tur Premium Glass Side Menu (v3) ===== */

.atl-float{
  position:fixed;
  right:26px;
  top:50%;
  transform:translateY(-50%);
  z-index:2147483000;
  display:flex;
  flex-direction:column;
  gap:16px;
  font-family: Inter, Arial, sans-serif;
}

/* Карточка */
.atl-card{
  width:260px;
  background:rgba(255,255,255,0.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.5);
  box-shadow: 
    0 25px 60px rgba(0,0,0,.18),
    0 4px 12px rgba(0,0,0,.08);
  transition:.3s ease;
  animation: atlFade .6s ease forwards;
}

/* Строка */
.atl-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  cursor:pointer;
  user-select:none;
  transition:.25s ease;
}

/* Разделитель */
.atl-row + .atl-row{
  border-top:1px solid rgba(255,255,255,.35);
}

/* Hover эффект */
.atl-row:hover{
  background:linear-gradient(
    90deg,
    rgba(0,178,255,.08),
    rgba(0,210,255,.04)
  );
  transform:translateX(4px);
}

/* Иконка */
.atl-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,#00c6ff,#0072ff);
  color:#fff;
  font-size:14px;
  flex:0 0 34px;
  box-shadow:0 6px 16px rgba(0,114,255,.35);
  transition:.25s ease;
}

/* Hover иконки */
.atl-row:hover .atl-icon{
  transform:scale(1.08);
}

/* Текст */
.atl-text{
  font-size:15px;
  font-weight:500;
  color:#0e2f44;
  letter-spacing:.2px;
}

@keyframes atlFade{
  from{ opacity:0; transform:translateY(20px); }
  to{ opacity:1; transform:translateY(0); }
}

/* Мобильная версия */
@media (max-width:768px){
  .atl-float{ right:16px; gap:12px; }
  .atl-card{ width:220px; }
}
@media (max-width:520px){
  .atl-float{ display:none; }
}

/* ===== УБРАТЬ "Оцените сайт" (скрываем ПЕРВУЮ карточку) ===== */
.atl-float .atl-card:first-child{
  display:none !important;
}
/* ===== Atlanta-Tur Premium Glass Popups ===== */
.t-popup__container,
.t-popup,
.t-body_popupshow{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.t-popup__container .t-popup__container-content,
.t-popup__container .t-popup__content,
.t-popup .t-popup__content{
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 22px !important;
  box-shadow: 0 25px 70px rgba(0,0,0,.22) !important;
}

.t-input,
.t-form input,
.t-form textarea,
.t-select{
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(14,47,68,.18) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.t-submit,
.t-form__submit button,
button.t-submit{
  border-radius: 16px !important;
  background: linear-gradient(135deg,#00c6ff,#0072ff) !important;
  box-shadow: 0 10px 26px rgba(0,114,255,.35) !important;
}


/* ===== MOBILE-TAP-TARGETS BEGIN (2026-04-24) =====
   Увеличивает область нажатия до >=44px на мобиле (<=767px)
   без изменения визуального размера. Откат: удалить блок
   между MOBILE-TAP-TARGETS BEGIN и MOBILE-TAP-TARGETS END.
   =================================================== */
@media (max-width: 767px) {
  /* 1) Гамбургер в шапке (28x20 -> ~56x48 тап-зона) */
  .t-menuburger {
    position: relative !important;
  }
  .t-menuburger::after {
    content: "";
    position: absolute;
    top: -14px; right: -14px; bottom: -14px; left: -14px;
    z-index: 1;
  }

  /* 2) Иконки в шапке: телефон / email / VK (30x17 -> ~58x45) */
  .t-sociallinks__item,
  .t-sociallinks__item > a {
    position: relative !important;
  }
  .t-sociallinks__item > a::after {
    content: "";
    position: absolute;
    top: -14px; right: -7px; bottom: -14px; left: -7px;
    z-index: 1;
  }

  /* 3) Пункты внутри бургер-меню (h=25 -> >=44) */
  .t-menu__link-item {
    min-height: 44px !important;
    line-height: 1.8 !important;
  }
}
/* ===== MOBILE-TAP-TARGETS END ===== */


/* ===== WIDGETS-STACK-MOBILE BEGIN (2026-04-24) =====
   Разводит чат и Beeline на мобиле, чтобы не перекрывались.
   Откат: удалить блок между BEGIN и END.
   ====================================================== */
@media (max-width: 767px) {
  #atl-btn {
    top: auto !important;
    transform: none !important;
    bottom: 76px !important;
  }
  #atl-panel {
    bottom: 148px !important;
  }
}
/* ===== WIDGETS-STACK-MOBILE END ===== */