/* ============================================================
   HEADER TOP
   ============================================================ */
.header-top {
  background: var(--fon);
}

.header-top .container {
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-top__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.header-top__left {
  display: flex;
  flex-direction: row;
  gap: 41px;
  align-items: center;
}

.header-top__item {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  font-family: var(--font-base);
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  color: var(--dark);
}

.header-top__item--location {
  font-size: 16px;
}

.header-top__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-top__icon svg {
  width: 24px;
  height: 24px;
}

.header-top__item a {
  color: var(--dark);
  transition: color 0.2s ease;
}

.header-top__item a:hover {
  color: var(--main);
}

/* Social */
.header-top__social {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}

.header-top__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transition: opacity 0.2s ease;
}

.header-top__social-link:hover {
  opacity: 0.75;
}

.header-top__social-link svg {
  width: 32px;
  height: 32px;
}

/* ============================================================
   HEADER MAIN
   ============================================================ */
.header-main {
  background: var(--white);
}

.header-main .container {
  padding-top: 0;
  padding-bottom: 0;
}

.header-main__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 75px;
}

/* Logo */
.header-main__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.header-main__logo img {
  width: 251px;
  height: 72px;
  object-fit: contain;
}

.header-main__logo-text {
  font-size: 24px;
  font-weight: 600;
  color: var(--main);
}

/* Nav */

.header-main__menu {
  display: flex;
  flex-direction: row;
  gap: 35px;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-main__menu li a {
  font-family: var(--font-base);
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  color: var(--dark);
  transition: color 0.2s ease;
}

.header-main__menu li a:hover,
.header-main__menu li.current-menu-item a {
  color: var(--main);
}

/* CTA */
.header-main__cta {
  flex-shrink: 0;
  box-shadow: var(--shadow-btn);
  border-radius: 10px;
}

/* Burger */
.header-main__burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

.header-main__burger span {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--main);
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* ============================================================
   SITE FOOTER
   ============================================================ */
.site-footer {
  background: var(--main);
  color: var(--white);
  padding: 30px 0;
}

.site-footer__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-footer__copy {
  font-size: 14px;
  opacity: 0.8;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1440px) {
	:root {  --h2-size: 48px;  }  

.header-main__inner {
  
    gap: 20px;
}
  
}


@media (max-width: 1200px) {
  :root {
    --container-padding: 30px;
   --h2-size: 36px;
    --text-size: 20px;

  }
  .header-top__left {
    gap: 24px;
  }
  .header-main__inner {
    gap: 40px;
  }
  .header-main__menu {
    gap: 20px;
  }
}

@media (max-width: 992px) {
  :root {
    --container-padding: 20px;

  }
  .header-top__item--clock,
  .header-top__item--email {
    display: none;
  }
}

@media (max-width: 1199px) {
  .header-top {
    display: none;
  }
  .header-main__nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white);
    padding: 20px 30px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    z-index: 99;
  }
  .header-main__nav.is-open {
    display: block;
  }
  .header-main__menu {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .header-main__cta {
    display: none;
  }
  .header-main__burger {
    display: flex;
  }
  .header-main {
    position: relative;
  }

  :root {
   
    --text-size: 18px;
  }

}



@media (max-width: 480px) {
  :root {
    --container-padding: 15px;
--text-size: 16px;

    }
  

}




/* ============================================================
   FOOTER
   ============================================================ */
.site-footer {
	background: #15256c;
	padding: 80px 0 0;
}

/* Grid — 4 колонки */
.footer__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	padding-bottom: 83px;
	border-bottom: 1px solid var(--fon);
	margin-bottom: 34px;
	align-items: start;
}

/* Колонка общая */
.footer__col {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer__col-title {
	color: var(--white);
	font-size: 18px;
	line-height: 130%;
	font-weight: 400;
}

/* Колонка 1 — Бренд */
.footer__logo img {
	width: 244px;
	height: auto;
	object-fit: contain;
}

.footer__logo-text {
	color: var(--white);
	font-size: 24px;
	font-weight: 600;
}

.footer__desc,
.footer__inn {
	color: #9c9c9c;
	font-size: 12px;
	line-height: 140%;
	font-weight: 500;
	max-width: 326px;
}

/* Колонка 2 — Меню */
.footer__menu {
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer__menu li a {
	color: var(--fon);
	font-size: 14px;
	line-height: 140%;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer__menu li a:hover {
	color: var(--white);
}

/* Колонка 3 — Контакты */
.footer__contacts {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.footer__contact-item {
	display: flex;
	flex-direction: row;
	gap: 5px;
	align-items: flex-start;
}

.footer__contact-icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}

.footer__contact-icon svg {
	width: 24px;
	height: 24px;
	filter: brightness(0) invert(1);
	opacity: 0.7;
}

.footer__contact-item span,
.footer__contact-item a {
	color: var(--white);
	font-size: 14px;
	line-height: 120%;
	font-weight: 400;
	text-decoration: none;
}

.footer__contact-item a:hover {
	opacity: 0.8;
}

/* Колонка 4 — Соцсети */
.footer__socials {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.footer__social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.footer__social-link:hover {
	transform: translateY(-2px);
	opacity: 0.85;
}

.footer__social-link svg {
	width: 40px;
	height: 40px;
}

/* ============================================================
   FOOTER BOTTOM
   ============================================================ */
.footer__bottom {
	background: #15256c;
	padding-bottom: 40px;
}

.footer__bottom-row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 17px;
}

.footer__copy {
	color: var(--fon);
	font-size: 14px;
	line-height: 140%;
	font-weight: 500;
}

.footer__links {
	display: flex;
	flex-direction: row;
	gap: 26px;
}

.footer__link {
	color: var(--fon);
	font-size: 14px;
	line-height: 140%;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.2s;
}

.footer__link:hover {
	color: var(--white);
}

.footer__disclaimer {
	color: #9c9c9c;
	font-size: 12px;
	line-height: 140%;
	font-weight: 500;
	margin-bottom: 8px;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1200px) {
	.footer__grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}

@media (max-width: 768px) {
	.site-footer { padding-top: 60px; }
	.footer__grid { grid-template-columns: 1fr; gap: 32px; }
	.footer__bottom-row { flex-direction: column; gap: 16px; }
	.footer__links { flex-direction: column; gap: 8px; }
}


.footer__disclaimer a{
    color: #fff;
	text-decoration: underline;
}



/* Back to top */
.back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--main);
    color: var(--white);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(42, 58, 129, 0.35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 999;
}

.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    background: #1e2d6b;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .back-to-top { bottom: 24px; right: 24px; width: 44px; height: 44px; }
}



.modal__content .wpcf7-form p {
    display: flex;
    flex-direction: column;
    gap: 0px;
}