/* ============================
   Contacts (light theme)
   Версия: 2025-10-26
   Назначение: стили блока /contacts/ под светлый сайт,
   основная кнопка — #59d41c
   ============================ */

/* БАЗОВЫЕ ПЕРЕМЕННЫЕ ТЕМЫ ДЛЯ БЛОКА */
.contacts {
  /* Светлая палитра */
  --c-bg: #fff;              /* общий светлый фон секции */
  --c-card: #ffffff;            /* фон карточек */
  --c-text: #1f2a37;            /* основной текст */
  --c-text-muted: #667085;      /* вторичный текст */
  --c-border: #e5e7eb;          /* границы */
  --c-shadow: 0 8px 24px rgba(17, 24, 39, 0.06);

  /* Акценты сайта */
  --c-accent: #59d41c;          /* ГЛАВНАЯ кнопка по требованию */
  --c-accent-hover: #49b717;    /* hover для кнопки */
  --c-accent-contrast: #ffffff; /* цвет текста на акценте */

  --radius-lg: 16px;
  --radius: 12px;
  --radius-sm: 10px;

  background: var(--c-bg); /* светлый фон всего блока */
  color: var(--c-text);
  padding: clamp(24px, 4vw, 48px) 0;
}

/* КОНТЕЙНЕР И СЕТКА */
.contacts .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.contacts__grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: clamp(16px, 3vw, 32px);
  align-items: flex-start;
}

@media (max-width: 980px) {
  .contacts__grid { grid-template-columns: 1fr; }
}

/* ЛЕВАЯ КОЛОНКА (ЗАГОЛОВОК + РЕКВИЗИТЫ) */
.contacts__screen-main {
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: clamp(18px, 2.8vw, 28px);
  box-shadow: var(--c-shadow);
}

.contacts__title {
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  margin: 0 0 16px;
  letter-spacing: -0.02em;
  color: var(--c-text);
}

.gsap-text .gsap-text-overflow-container { display: inline-block; overflow: hidden; }

.contacts__subtitle {
  font-size: clamp(18px, 2.2vw, 22px);
  margin: 6px 0 14px;
  color: var(--c-text);
}

.contacts__organization-name {
  margin: 0;
  color: var(--c-text-muted);
  font-size: 14px;
}

.contacts__organization-value {
  margin: 2px 0 10px;
  font-weight: 600;
  color: var(--c-text);
}

.contacts__organization-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 6px;
}

.contacts__organization-number {
  padding: 6px 10px;
  background: #fafafa;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-sm);
  font-size: 14px;
  color: var(--c-text);
}

/* ДОП. СВЕДЕНИЯ И АДРЕСА */
.contacts__more-info {
  display: grid;
  grid-template-columns: minmax(180px, 0.6fr) 1fr;
  gap: 8px 16px;
  align-items: start;
  margin: 18px 0 20px;
}

@media (max-width: 640px) {
  .contacts__more-info { grid-template-columns: 1fr; }
}

.contacts__more-info-name {
  color: var(--c-text-muted);
  font-size: 14px;
  line-height: 1.45;
}

.contacts__more-info-value {
  margin: 0;
  line-height: 1.55;
  color: var(--c-text);
}

.contacts address.contacts__more-info-value { font-style: normal; }

/* КНОПКА «СКАЧАТЬ КАРТОЧКУ» (ГЛАВНЫЙ АКЦЕНТ) */
.contacts__download-organization-card {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  background: var(--c-accent);
  color: var(--c-accent-contrast);
  text-decoration: none;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.04);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
  box-shadow: 0 8px 18px rgba(89, 212, 28, 0.28);
}

.contacts__download-organization-card:hover {
  background: var(--c-accent-hover);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(89, 212, 28, 0.34);
}

.contacts__download-organization-card-icon {
  width: 18px; height: 18px; display: inline-block;
  background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
  /* Светлая пиктограмма загрузки */
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3v10m0 0l4-4m-4 4L8 9' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 14v4a2 2 0 002 2h12a2 2 0 002-2v-4' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.btn-hover-animate-el { display: none; }

/* ПРАВАЯ КОЛОНКА (СПОСОБЫ СВЯЗИ) */
.contacts__connections {
  display: grid;
  gap: 14px;
}

.contacts__connection-phone,
.contacts__connection-email,
.contacts__connection-wa,
.contacts__connection-tg {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid var(--c-border);
  background: var(--c-card);
  color: var(--c-text);
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  box-shadow: var(--c-shadow);
}

.contacts__connection-phone:hover,
.contacts__connection-email:hover,
.contacts__connection-wa:hover,
.contacts__connection-tg:hover {
  border-color: #d1d5db;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.08);
}

.contacts__connection-phone-text,
.contacts__connection-email-text,
.contacts__connection-wa-text,
.contacts__connection-tg-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--c-text-muted);
}

.contacts__connection-phone-number,
.contacts__connection-email-number {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--c-text);
}

/* РЕЖИМ РАБОТЫ */
.contacts__connection-row-first {
  display: grid;
  gap: 14px;
}

.contacts__connection-worktable {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid var(--c-border);
  background: var(--c-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--c-shadow);
}

.contacts__connection-worktable-text {
  font-size: 13px;
  color: var(--c-text-muted);
}

.contacts__connection-worktable-value {
  font-size: 16px;
  color: var(--c-text);
}

/* РЯД С МЕССЕНДЖЕРАМИ */
.contacts__connection-row-second {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media (max-width: 480px) {
  .contacts__connection-row-second { grid-template-columns: 1fr; }
}

/* ИКОНКИ (СЕРО-СИНИЕ ДЛЯ СВЕТЛОЙ ТЕМЫ) */
.contacts__connection-logo {
  width: 18px; height: 18px; display: inline-block;
  background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}

/* Phone */
.contacts__connection-logo_phone {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16.92v2a2 2 0 01-2.18 2 19.77 19.77 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.77 19.77 0 012 4.18 2 2 0 014 2h2a2 2 0 012 1.72c.12.9.32 1.78.59 2.63a2 2 0 01-.45 2.11L7.1 9.9a16 16 0 006 6l1.44-1.04a2 2 0 012.11-.45c.85.27 1.73.47 2.63.59A2 2 0 0122 16.92z' stroke='%23667085' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Email */
.contacts__connection-logo_email {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2z' stroke='%23667085' stroke-width='1.6'/%3E%3Cpath d='M22 6l-10 7L2 6' stroke='%23667085' stroke-width='1.6'/%3E%3C/svg%3E");
}

/* WhatsApp */
.contacts__connection-logo_wa {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23667085' stroke-width='1.6'%3E%3Cpath d='M16.1 15.1c-.3.8-1.6 1.5-2.2 1.5-.6 0-2.7-.7-4.3-2.2-1.7-1.5-2.5-3.6-2.5-4.2 0-.6.7-1.9 1.5-2.2.2-.1.4-.1.6 0l1.4 1c.1.1.2.3.1.5-.1.3-.3.8-.4 1-.1.2 0 .4.1.5.2.3.9 1.2 1.9 1.9.9.7 1.7 1 2 .9.2 0 .7-.3 1-.4.2-.1.4 0 .5.1l1 1.4c.1.2.1.4 0 .6z'/%3E%3Cpath d='M20.5 12a8.5 8.5 0 10-3.3 6.7L20 20l-1.3-2.7a8.5 8.5 0 001.8-5.3z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Telegram */
.contacts__connection-logo_tg {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 3L3 11l6 2 2 6 3-4 4-12z' fill='none' stroke='%23667085' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ЮТИЛИТЫ */
.mobile-none { display: initial; }
@media (max-width: 768px) {
  .mobile-none { display: none !important; }
}

/* ========== МИКРО-АДАПТАЦИЯ ПОД ВИЗУАЛ GENERAL-IT ========== */
/* Если на сайте есть общий .container с другим max-width — оставьте его;
   ниже блок подстраиваем под отступы макета */
.contacts .container {
  max-width: min(1200px, 92vw);
}

/* Согласование межстрочных интервалов и толщины бордеров с сайтом */
.contacts__organization-number,
.contacts__connection-phone,
.contacts__connection-email,
.contacts__connection-wa,
.contacts__connection-tg,
.contacts__connection-worktable {
  border-width: 1px;
}

/* Если на странице глобально задан темный фон ссылок — фиксируем цвет внутри блока */
.contacts a { color: inherit; }
.contacts a:hover { color: inherit; text-decoration: none; }