/* Content and Typography Fixes */

/* 1. Social links in footer should be in one row */
ul.social-links {
  display: inline-flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.social-links li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

.social-links li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 2. Remove border from logo under "Резиденты с 2020 года" text */
.footer-col-1 .award-logo-area,
.footer-col-1 .award-logo,
.footer-col-1 .award-logo-area img,
.footer-col-1 .award-logo img,
.footer-widget.footer-col-1 img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.award-logo-area,
.award-logo {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.award-logo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* 3. Text alignment - default left alignment */
p, li, span {
  text-align: left;
}

.desc,
.text,
.content {
  text-align: left;
  padding-left: 10px;
}

/* 4. Marquee text - слова должны быть рядом друг к другу */
.marquee-text {
  white-space: nowrap;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block;
  text-align: center;
}

.marquee-item {
  width: auto;
  flex-shrink: 0;
}

.marquee-slider .swiper-slide {
  width: auto;
}

/* Marquee должен иметь правильное поведение */
.top-marquee .swiper-wrapper {
  display: flex;
  align-items: center;
}

/* Fix word and letter spacing globally */
body {
  word-spacing: normal;
  letter-spacing: normal;
}

/* Prevent text stretching */
* {
  word-spacing: normal;
}

/* Footer specific alignment */
.footer-widget .title,
.footer-widget .widget-menu li,
.footer-contact-info .contact-item {
  text-align: left;
}

.footer-widget .widget-menu {
  text-align: left;
}

/* Contact items - иконка и текст на одной строке */
.footer-contact-info .contact-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

.footer-contact-info .contact-item i {
  flex-shrink: 0 !important;
  margin-top: 3px !important;
}

.footer-contact-info .contact-item a,
.footer-contact-info .contact-item span {
  flex: 1 !important;
  padding-left: 0 !important;
}

/* Blog and card content alignment */
.blog-content,
.service-content,
.testimonial-item .desc,
.project-content {
  text-align: left;
}

/* Responsive fixes */
@media (max-width: 767px) {
  .footer-social .social-links ul {
    justify-content: center;
  }
}