/*
Theme Name: Linkcom Theme
Description:
Version: 1.0
Author: RomDev
Text Domain: romdev
*/


.footer-address{
	font-size: 14px;
	line-height:  20.8px;
	color:#fff;
}
.footer-title{
	font-size: 15px;
	font-weight: 600;
}

.help-center-btn.footer-help {
    margin-top: 20px;
}

.footer-phone{
	font-size: 14px;
	color:#fff;
	line-height: 20.8px;
	font-weight: normal;
}
.footer-phone span{
	font-size: 12px;
	color:#fff;
	text-transform: none;
	margin-left: 5px;
}

.footer-email,
.footer-phone{
	margin: 0;
}

.footer-help{
	margin-bottom: 30px;
}

.footer-help .help-center-btn svg{
    max-width: 32px;
}
.footer-help .help-center-btn{
	font-size: 15px;
	font-weight: 500;
}

/* Заголовки футера: Roboto SemiBold 15 / line-height 20.76 */
footer .footer-title {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20.76px;
  color: #fff;
  margin-bottom: 6px; /* зараз 10px */
}

/* Адреса + графік */
footer .footer-address {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.8px; /* у макеті 20.76 / 19.96 */
  color: #fff;
}

/* Довідковий центр — селектор має бути compound, не descendant */
footer .help-center-btn.footer-help {
  display: flex;
  align-items: center;
  gap: 8px;            /* зараз 10px */
  margin-top: 16px;    /* зараз 20px */
  margin-bottom: 26px; /* зараз 30px */
  font-size: 15px;     /* зараз 16px */
  font-weight: 500;    /* зараз 400 */
  line-height: normal;
  color: #fff;
}

footer .help-center-btn.footer-help svg {
  width: 32px;
  height: 32px;
  max-width: 32px;     /* зараз max-width: 40px, viewBox 43 */
}

/* коло сірої іконки без обводки, як у макеті */
footer .help-center-btn.footer-help svg circle {
  fill: #797979;
  /*stroke: none;*/
}
@media (min-width: 1200px) {
    footer .help-center-btn.footer-help:hover svg circle {
        stroke: #fff;
    }
}

/* Телефон + підпис в один рядок */
footer .footer-phone {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.76px;
  color: #fff;
}

footer .footer-phone span {
  font-size: 12px;
  font-weight: 400;
  line-height: 20.76px;
  letter-spacing: 0.2px;
  margin-left: 5px;
  text-transform: none;
}

/* Email — зараз line-height 24px */
footer .footer-email {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.76px;
  color: #fff;
}

/* Меню «Сторінки»: у макеті SemiBold 15 / 1.9, дві колонки ~145 + 22 */
footer ul {
  width: 312px;        /* зараз 250px */
  display: flex;
  flex-wrap: wrap;
  column-gap: 22px;    /* зараз 0 */
  row-gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

footer ul li {
  width: 145px;        /* зараз 50% від 250 = 125px */
}

footer ul li a {
  font-size: 15px;     /* зараз 14px */
  font-weight: 500;    /* зараз 400 */
  line-height: 1.9;    /* зараз 24px; 15*1.9 = 28.5, блок виходить ~140px як у макеті */
  color: #fff;
}

/* Документи */
footer .footer-title-contract {
  margin-top: 40px;    /* уже ок */
  line-height: 1.9;
}

footer .footer-title-contract a {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.9;
  color: #fff;
}

@media screen and (max-width: 768px) {
    footer .col-center, footer .col-right {
        margin-top: 40px;
    }
}

/*
Contacts page
*/

.page-contacts .breadcrumbs,
nav.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0 0 27px;          /* зараз 16px 0 */
  padding: 0;                /* зараз 12px 20px */
  background: transparent;   /* зараз #F5F9FF */
  border-radius: 0;          /* зараз 12px */
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.76px;
  color: #535454;
}

.page-contacts .breadcrumbs a,
.page-contacts .breadcrumbs a span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;          /* зараз 500 */
  line-height: 20.76px;
  color: #535454;            /* зараз #0A6CFF */
  text-decoration: none;
}

.page-contacts .breadcrumbs a:hover {
  color: #2DA8FF;
  text-decoration: none;     /* зараз underline */
}

.page-contacts .breadcrumbs .current,
.page-contacts .breadcrumbs .current span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;          /* зараз 600 */
  color: #2DA8FF;            /* зараз #1A2740 */
}

/* прибрати текстове " » " і малювати стрілку */
.page-contacts .breadcrumbs > span + span::before,
.page-contacts .breadcrumbs a + span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 12px 0 0;
  border-right: 1px solid #535454;
  border-top: 1px solid #535454;
  transform: rotate(45deg);
  vertical-align: middle;
}
.page-contacts .left h3 {
  font-family: Roboto, sans-serif;
  font-size: 15px;           /* зараз 16.38px */
  font-weight: 600;          /* зараз 700 */
  line-height: 20.76px;      /* зараз 24px */
  color: #535454;
  margin: 0 0 6px;           /* зараз 16.38px 0 */
}

.page-contacts .icon-text.address,
.page-contacts .address span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.76px;      /* зараз 24px */
  color: #535454;
  margin: 0;
}

.page-contacts .address span {
  margin: 1px 0 0;           /* зараз margin-left: 10px і display:flex — графік їде вбік */
}

.page-contacts .icon-text {
  margin-bottom: 0;          /* зараз 40px — занадто */
  align-items: flex-start;
}

/* Довідковий центр: іконка на цій сторінці ~21px, не 32 як у футері */
.page-contacts .help-center-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 25px 0 21px;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  color: #535454;
  text-decoration: none;
}

.page-contacts .help-center-btn svg {
  width: 21px;
  height: 21px;
  max-width: 21px;
}

.page-contacts a.phone,
.page-contacts a.mail {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.76px;
  color: #535454;
  margin: 0;
}

.page-contacts a.phone img {
  display: none;             /* у макеті іконки телефону немає */
}

.page-contacts a.phone span {
  font-size: 12px;           /* зараз 14px */
  font-weight: 400;
  line-height: 20.76px;
  letter-spacing: 0.2px;
  text-transform: none;
  color: #535454;
  margin-left: 5px;          /* зараз 10px */
}

.page-contacts .phone-group {
  margin: 0;
  flex-wrap: nowrap;
}

.page-contacts .phone-group > span {
  display: none;             /* "Графік роботи Call-центру: 24/7" */
}

.page-contacts a.mail {
  margin-top: 2px;
  margin-bottom: 24px;
}
.page-contacts .messenger-links {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: static;
  width: auto;
  transform: none;
}

.page-contacts .messenger-links a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  margin: 0;
  font-size: 12px;
  line-height: 17px;
  color: #535454;
  text-decoration: none;
}

.page-contacts .messenger-links img {
  width: 30px;               /* зараз 40px */
  height: 30px;
  max-width: 30px;
  margin-bottom: 4px;
}

.page-contacts .left h3 {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20.76px;
  color: #535454;
  margin: 0 0 6px;
}

.page-contacts .icon-text.address,
.page-contacts .address span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.76px;
  color: #535454;
  margin: 0;
}

.page-contacts .icon-text {
  margin-bottom: 0;
}

.page-contacts .help-center-btn.contacts-help {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 25px 0 21px;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  color: #2DA8FF;
  text-decoration: none;

}
.page-contacts .help-center-btn.contacts-help svg circle{
transition: all 0.3s;
}
.page-contacts .help-center-btn.contacts-help svg {
  width: 21px;
  height: 21px;
  flex-shrink: 0;
}

.page-contacts .help-center-btn.contacts-help:hover{
	color: #535454;
}
.page-contacts .help-center-btn.contacts-help:hover svg circle{
	transition: all 0.3s;
	fill: #535454;
}

.page-contacts a.phone,
.page-contacts a.mail {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.76px;
  color: #535454;
  margin: 0;
}

.page-contacts a.phone span {
  font-size: 12px;
  line-height: 20.76px;
  letter-spacing: 0.2px;
  text-transform: none;
  color: #535454;
  margin-left: 5px;
}

.page-contacts a.mail {
  margin-top: 2px;
  margin-bottom: 24px;
}

.page-contacts .messenger-links {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: static;
  width: auto;
  transform: none;
}

.page-contacts .messenger-links a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  margin: 0;
  font-size: 12px;
  line-height: 17px;
  color: #535454;
  text-decoration: none;
}

.page-contacts .messenger-links img {
  width: 30px;
  height: 30px;
  max-width: 30px;
  margin-bottom: 4px;
}

.page-contacts .messenger-links a span{
	font-size: 7px;
}

.page-contacts a.mail:hover{
	color:#2DA8FF;
}

@media(max-width: 767px){
	.page-contacts .messenger-links{
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 992px) {
    .page-template-contacts main{
        margin-top: 30px;
    }
    .page-contacts.wrapper {
        padding-bottom: 25px;
    }
    body:not(.logged-in).page-template-contacts main {
      margin-top: 60px;
    }
    body:not(.logged-in).single main {
      margin-top: 85px;
    }
    body:not(.logged-in).page-template-promotoins main, 
    body:not(.logged-in).page-template-default main, 
    body:not(.logged-in).page-template-post main, 
    body:not(.logged-in).page-template-contacts main, 
    body:not(.logged-in).page-template-children main, 
    body:not(.logged-in).page-template-faq main, 
    body:not(.logged-in).single-post main, 
    body:not(.logged-in).page-template-services main {
        margin-top: 80px;
    }
}