/* =========================================================
   NEO BUILDER — SAFE RESPONSIVE SECTIONS FIX
   File: neobuilder-global-responsive-sections-safe.css

   Безпечна версія.
   Вона НЕ перебиває картки, grids, services/projects/reviews на головній.
   Вона НЕ міняє display:grid/flex у секціях.
   Вона НЕ міняє висоти карток і фото.

   Старий файл neobuilder-global-responsive-sections.css прибрати.
   Цей файл можна підключити останнім.
========================================================= */


/* =========================================================
   1) ANTI OVERFLOW
========================================================= */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

video,
iframe {
  display: block;
}


/* =========================================================
   2) SAFE PAGE CONTAINERS
   Тільки обмеження ширини, без зміни display.
========================================================= */

@media (max-width: 1199px) {
  body .mission-container,
  body .team-container,
  body .milestones-container,
  body .about-reviews-container,
  body .about-digital-container,
  body .service-detail-container,
  body .service-more-container,
  body .projects-page-container,
  body .realizace-container,
  body .project-detail-container,
  body .contact-info-container,
  body .contact-form-container,
  body .contact-map-container,
  body .contact-team-container,
  body .career-stats-container,
  body .career-why-container,
  body .career-jobs-container,
  body .career-benefits-container,
  body .career-contact-container,
  body .job-container {
    width: calc(100% - 80px);
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  body .mission-container,
  body .team-container,
  body .milestones-container,
  body .about-reviews-container,
  body .about-digital-container,
  body .service-detail-container,
  body .service-more-container,
  body .projects-page-container,
  body .realizace-container,
  body .project-detail-container,
  body .contact-info-container,
  body .contact-form-container,
  body .contact-map-container,
  body .contact-team-container,
  body .career-stats-container,
  body .career-why-container,
  body .career-jobs-container,
  body .career-benefits-container,
  body .career-contact-container,
  body .job-container {
    width: calc(100% - 56px);
    max-width: 760px;
  }
}

@media (max-width: 575px) {
  body .mission-container,
  body .team-container,
  body .milestones-container,
  body .about-reviews-container,
  body .about-digital-container,
  body .service-detail-container,
  body .service-more-container,
  body .projects-page-container,
  body .realizace-container,
  body .project-detail-container,
  body .contact-info-container,
  body .contact-form-container,
  body .contact-map-container,
  body .contact-team-container,
  body .career-stats-container,
  body .career-why-container,
  body .career-jobs-container,
  body .career-benefits-container,
  body .career-contact-container,
  body .job-container {
    width: calc(100% - 27px);
    max-width: 390px;
  }
}


/* =========================================================
   3) SAFE SECTION PADDING
   НЕ чіпаємо home-секції:
   .trust-section / .services-section / .projects-section / .reviews-section
   бо вони вже мають свою mobile-верстку.
========================================================= */

@media (max-width: 1199px) {
  body .mission-section,
  body .team-section,
  body .milestones-section,
  body .about-reviews-section,
  body .about-digital-section,
  body .service-detail-section,
  body .service-more-section,
  body .projects-page-section,
  body .realizace-section,
  body .project-detail-section,
  body .contact-info-section,
  body .contact-form-section,
  body .contact-map-section,
  body .contact-team-section,
  body .career-stats-section,
  body .career-why-section,
  body .career-jobs-section,
  body .career-benefits-section,
  body .career-contact-section,
  body .job-content-section {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

@media (max-width: 991px) {
  body .mission-section,
  body .team-section,
  body .milestones-section,
  body .about-reviews-section,
  body .about-digital-section,
  body .service-detail-section,
  body .service-more-section,
  body .projects-page-section,
  body .realizace-section,
  body .project-detail-section,
  body .contact-info-section,
  body .contact-form-section,
  body .contact-map-section,
  body .contact-team-section,
  body .career-stats-section,
  body .career-why-section,
  body .career-jobs-section,
  body .career-benefits-section,
  body .career-contact-section,
  body .job-content-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

@media (max-width: 575px) {
  body .mission-section,
  body .team-section,
  body .milestones-section,
  body .about-reviews-section,
  body .about-digital-section,
  body .service-detail-section,
  body .service-more-section,
  body .projects-page-section,
  body .realizace-section,
  body .project-detail-section,
  body .contact-info-section,
  body .contact-form-section,
  body .contact-map-section,
  body .contact-team-section,
  body .career-stats-section,
  body .career-why-section,
  body .career-jobs-section,
  body .career-benefits-section,
  body .career-contact-section,
  body .job-content-section {
    padding-top: 52px;
    padding-bottom: 52px;
  }
}


/* =========================================================
   4) SAFE TYPOGRAPHY
   Тільки clamp, без зміни структури секцій.
========================================================= */

@media (max-width: 1199px) {
  body .mission-title,
  body .team-title,
  body .milestones-title,
  body .about-reviews-title,
  body .about-digital-title,
  body .service-detail-title,
  body .service-more-title,
  body .projects-page-title,
  body .realizace-title,
  body .project-detail-title,
  body .contact-info-title,
  body .contact-form-title,
  body .contact-map-title,
  body .contact-team-title,
  body .career-stats-title,
  body .career-why-title,
  body .career-jobs-title,
  body .career-benefits-title,
  body .career-contact-title,
  body .job-content-title {
    font-size: clamp(44px, 5vw, 64px);
    line-height: 1.12;
    letter-spacing: -1.8px;
  }
}

@media (max-width: 767px) {
  body .mission-title,
  body .team-title,
  body .milestones-title,
  body .about-reviews-title,
  body .about-digital-title,
  body .service-detail-title,
  body .service-more-title,
  body .projects-page-title,
  body .realizace-title,
  body .project-detail-title,
  body .contact-info-title,
  body .contact-form-title,
  body .contact-map-title,
  body .contact-team-title,
  body .career-stats-title,
  body .career-why-title,
  body .career-jobs-title,
  body .career-benefits-title,
  body .career-contact-title,
  body .job-content-title {
    font-size: clamp(34px, 9vw, 46px);
    line-height: 1.12;
    letter-spacing: -1.2px;
  }
}


/* =========================================================
   5) SAFE MEDIA / GALLERY
========================================================= */

@media (max-width: 991px) {
  body .service-detail-images img,
  body .project-gallery img,
  body .project-detail-gallery img,
  body .realizace-gallery img {
    max-width: 100%;
    object-fit: cover;
  }
}


/* =========================================================
   6) SAFE FORMS
========================================================= */

@media (max-width: 991px) {
  body .contact-form,
  body .wpcf7-form,
  body .career-form,
  body .job-form {
    width: 100%;
    max-width: 100%;
  }

  body input,
  body textarea,
  body select {
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  body input,
  body textarea,
  body select,
  body button {
    font-size: 16px;
  }
}


/* =========================================================
   7) SAFE MAP / IFRAME
========================================================= */

@media (max-width: 991px) {
  body iframe,
  body .map iframe,
  body .contact-map iframe {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  body iframe,
  body .map iframe,
  body .contact-map iframe {
    min-height: 320px;
  }
}


/* =========================================================
   8) TABLES / LONG WORDS
========================================================= */

@media (max-width: 767px) {
  body table {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  body .content,
  body .entry-content,
  body .page-content {
    overflow-wrap: anywhere;
  }
}


/* =========================================================
   9) O NÁS TEAM DESCRIPTION MOBILE
========================================================= */

@media (max-width: 575px) {
  body .team-bio,
  body .team-card-body > p:not(.team-position) {
    display: block;
    visibility: visible;
    opacity: 1;
    max-height: 125px;
    overflow: hidden;
    font-size: 13px;
    line-height: 20.8px;
  }

  body .team-contacts {
    display: none;
  }
}


/* =========================================================
   TEST MARKER
========================================================= */

body {
  --neo-global-responsive-sections-safe-loaded: 1;
}