/* ================================
   ALTBIZ — Theme CSS (Joomla 5)
   Цвета: brand #364479, brand-2 #1e2036, accent #00a859 (бывш. gold)
   Адаптивная типографика и отступы
================================== */

/* --------- Базовые переменные --------- */
:root{
  --brand:   #364479;
  --brand-2: #1e2036;
  --gold:    #00a859; /* оставили имя переменной для совместимости с разметкой */
  --text:    #1f2330;
  --text-2:  #6c7686;
  --muted:   #e9ecef;
  --surface: #ffffff;

  /* Флюидные размеры */
  --radius:  18px;
  --shadow:  0 10px 30px rgba(0,0,0,.08);
  --section-py: clamp(48px, 6vw, 96px);
}

/* --------- Reset/база --------- */
*,
*::before,
*::after{ box-sizing: border-box; }

html{ scroll-behavior: smooth; }

.whatsap{display:none;}
body{
  margin: 0;
  color: var(--text);
  background: #fff;
  font-synthesis-weight: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.navbar-dark .navbar-nav .nav-link{
  color: rgba(255,255,255,.92);
  font-weight: 600;
  letter-spacing: .2px;
  transition: color .2s ease;
  padding-top: .5rem;
  padding-bottom: .5rem;
   text-transform: uppercase;
  font-size: 12px;
  
}
.dropdown  li.nav-item{padding: 12px 35px;}
.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}
.gradient-hover {
  background: linear-gradient(135deg, #757ea3, #364479);
  transition: transform 0.3s, box-shadow 0.3s;
}
.gradient-hover:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.card i {
  font-size: 2rem;
}
.btn-gold {
  background-color: #ffbb00;
  color: #fff;
  border: none;
}
.btn-gold:hover {
  background-color: #ff8800;
}
.line {
  border-right: 1px solid #ebebeb;
}
.navbar-dark .navbar-nav .nav-link:hover{ color:#00a859; }
.navbar .dropdown-menu{
  border-radius: .75rem;
  border: 1px solid rgba(255,255,255,.08);
}
.dropdown li a{display:block;width:100%;padding:1em 1.5rem;clear:both;font-weight:400;color:#fff;text-align:inherit;white-space:nowrap;background-color:transparent;border-bottom:1px solid #f6f6f6;}
.dropdown-menu li a{font-size:0.9em;}
.dropdown-menu{background-color:#2f3042;}
.display-5 {
    font-size: calc(0.6rem + 3.2vw);
    text-transform: uppercase;}
/* Ссылки */
a{ color: var(--brand); text-decoration: none; }
a:hover{ color:#2a365f; text-decoration: underline; }
.alt a  span {color: #00a859;} 
.alt> a{color: #fff; font-size: 18px;font-weight: 700;}
/* Заголовки — флюидные размеры */
h1, .h1{ font-size: clamp(2rem, 4vw, 3rem); line-height: 1.2; margin:0 0 .5em; }
.h1{color: var(--brand);}
h2, .h2{ font-size: clamp(1.75rem, 3.2vw, 2.25rem); line-height: 1.25; margin:0 0 .6em; }
h3, .h3{ font-size: clamp(1.25rem, 2.4vw, 1.5rem); line-height: 1.3; margin:0 0 .7em; }
p{ margin:0 0 1rem; }
.lead{ font-size: clamp(1rem, 1.8vw, 1.25rem); color:#e8e8e8; }
 

/* --------- Общие секции --------- */
.section{ padding: var(--section-py) 0; }
.hero{ padding: clamp(72px, 10vw, 110px) 0 clamp(56px, 7vw, 80px); }

/* Градиентная шапка/герой */
.bg-brand{
  background: #1e2036;
  color:#fff;
}
.custom-btn-1 {
    background-color: #3b74e6; 
    border-color: #3b74e6;
    font-weight: 600;
    padding: 0.75rem 2rem;
  background: linear-gradient( #3D66B4, #001E55);
    border-radius: 30px;
}

.custom-btn-2 {
    font-weight: 600;
    padding: 0.75rem 2rem;
  border-radius: 30px;
}
/* Кнопки бренда */
.btn-brand{
  background: var(--brand);
  color:#fff;
  border:none;
  border-radius: .75rem;
  padding: .675rem 1.1rem;
}
.btn-brand:hover{ background:#2a365f; color:#fff; }
.btn-brand:focus-visible{ outline: 2px solid #2a365f; outline-offset: 2px; }

/* Текст акцента (бывш. gold) */
.text-gold{ color: var(--gold) !important; }

/* Мягкая бейдж-лента в hero */
.badge-soft{
  display:inline-block;
  padding:.35rem .75rem;
  border-radius: 999px;
  background: rgba(0,168,89,.12); /* 00a859 */
  color: var(--gold);
  border:1px solid rgba(0,168,89,.25);
  font-weight: 600;
}

/* Тени/карточки */
.shadow-soft{ box-shadow: var(--shadow); }
.card{padding: 25px 15px;border: 0;border-radius:12px;}
/* Навбар */
.navbar{ backdrop-filter: saturate(120%) blur(6px); }
.nav-link{ font-weight:600; }
.navbar .btn{ border-radius: 999px; }

/* Декоративный divider */
.divider{
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--muted), transparent);
  margin: 24px 0;
}

/* --------- Портфолио/лого --------- */
.logo-grid img{
  filter: grayscale(1);
  opacity:.85;
  transition: all .2s ease;
  max-width: 100%;
  height: auto;
}
.logo-grid img:hover{ filter:none; opacity:1; }

/* --------- Цены --------- */
.price-card{
  border:1px solid var(--muted);
  border-radius: var(--radius);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.price-card .display-6{ font-size: clamp(1.5rem, 3.2vw, 2.25rem); }
.price-card .btn{ margin-top: auto; }

.price-card.popular{
  border-color: var(--brand);
  box-shadow: 0 12px 36px rgba(54,68,121,.18);
}

/* Заголовок на секции цен — брендовый */
#pricing .h1,
#pricing h2.h1{ color: var(--brand); }

/* --------- Формы --------- */
.form-floating>.form-control:focus ~ label{ opacity:.9; }
.form-control, .form-select, textarea{
  border-radius: .75rem;
}
.form-control:focus, .form-select:focus, textarea:focus{
  border-color: var(--brand);
  box-shadow: 0 0 0 .2rem rgba(54,68,121,.15);
}

/* --------- Sticky CTA --------- */
.sticky-cta{ position: fixed; right: 18px; bottom: 18px; z-index: 999; }
.sticky-cta .btn{
  box-shadow: var(--shadow);
  border-radius: 999px;
}

/* --------- Медиа и встроенные элементы --------- */
img, iframe{ max-width: 100%; height: auto; border: 0; }
.ratio{ background:#f8f9fa; border-radius: .75rem; overflow: hidden; }

/* --------- Доступность --------- */
.visually-hidden{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

/* --------- Анимации — уважение к пользователю --------- */
@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* --------- Мелкие адаптивные тюнинги --------- */
@media (max-width: 991.98px){
  .navbar .btn{ padding:.5rem .85rem; }
}

@media (max-width: 575.98px){
  .navbar-brand strong{ font-size: 1rem; }
  .badge-soft{ font-size: .75rem; }
  .card-body{ padding: 1rem; }
  .hero .btn{ width: 100%; }
    .alt1.d-flex {
    flex-direction: column; /* Выстраиваем кнопки в колонку */
    width: 100%;
  }

  .alt1 .btn {
    width: 100%;      /* Растягиваем на всю ширину */
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
.phoneix1 { left:5%; text-align: center; padding: 10px 0px;background:#00a554;color: #fff;font-size: 100%;border: 5px solid #fff;border-radius: 15px;box-shadow: 0 0 10px rgba(0,0,0,0.9);} 
    .phoneix1 a{color:#fff;padding: 12px 40px;}
.whatsap img{position:fixed;bottom:20px}
.whatsap p{position:fixed;bottom:10px}
.whatsap{display:block;bottom:-16px;position:fixed;width:100%;z-index:999;}
.phoneix{right:5%;text-align:center;padding:10px 0px;background:#1783de;color:#fff;font-size:100%;border:5px solid #fff;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,0.9);}
.phoneix a{color:#fff;padding:12px 35px;font-weight:400;}
.phoneix:hover{background:#1783de;}
}

/* --------- Хелперы/утилиты (по необходимости) --------- */
.rounded-xl{ border-radius: var(--radius); }
.text-muted-2{ color: var(--text-2) !important; }
.bg-surface{ background: var(--surface); }
.border-muted{ border-color: var(--muted) !important; }

/* --------- Печать (минимально) --------- */
@media print{
  .sticky-cta, .navbar, .btn, .ratio, iframe{ display:none !important; }
  a{ text-decoration: none !important; }
}

/* =========================================
   Дополнительно: подчистка Bootstrap
   и акцентные элементы интерфейса
========================================= */

/* Иконки Bootstrap Icons — тег <i> часто пустой */
i.bi, span.bi{ line-height: 1; display: inline-block; }

/* Кнопки-ссылки в hero на тёмном фоне */
.btn-outline-light{
  border-width: 2px;
  color:#fff;
}
.btn-outline-light:hover{
  color:#111;
  background:#fff;
}

/* Список с галочками */
.check i{ margin-right: .5rem; color: #29a36f; } /* чуть светлее акцента */

/* Карточки услуг — ровные высоты гридом Bootstrap, паддинги уже в .card-body */


/* Хлебные крошки / вторичный текст */
.text-secondary{ color: var(--text-2) !important; }

/* Футер */
footer{ background: #fff; }

/* Доп. цветовые вспомогательные классы */
.bg-brand-soft{
  background: linear-gradient(180deg, rgba(54,68,121,.06), rgba(54,68,121,.03));
}
.border-brand{ border-color: var(--brand) !important; }
.text-brand{ color: var(--brand) !important; }

/* Акцентные бейджи (если понадобятся) */
.badge-accent{
  background: rgba(0,168,89,.15);
  color: var(--gold);
  border: 1px solid rgba(0,168,89,.25);
}

/* Таблицы (если будут в модулях) */
.table{ --bs-table-striped-bg: rgba(54,68,121,.03); }
.table thead th{ border-bottom: 2px solid var(--muted); }
.table td, .table th{ vertical-align: middle; }

/* Значки/иконки в блоке доверия крупнее на десктопах */
@media (min-width: 992px){
  .trust-icons i{ font-size: 2.25rem; }
}