/* v10: Mobile/tabet hard overrides for Webflow grid/team cards */
@media (max-width: 767px) {
  /* Force no grid; use column flow */
  .w-layout-grid,
  .grid-2,
  .grid-3,
  .grid-eng {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;
  }

  /* Make all grid children stack and expand naturally */
  .w-layout-grid > *,
  [id^="w-node-"],
  .lawyers {
    position: static !important;
    grid-area: auto !important;
    -ms-grid-row: auto !important;
    -ms-grid-column: auto !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    margin: 0 0 60px 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    z-index: auto !important;
    clear: both !important;
    overflow: visible !important;
  }

  /* Images smaller & centered */
  .lawyers img,
  .w-layout-grid img {
    display: block !important;
    max-width: 85% !important;
    height: auto !important;
    margin: 0 auto 20px auto !important;
    object-fit: cover !important;
  }

  /* Text shrink to avoid overflow */
  .lawyers :is(h1,h2,h3,h4,h5,h6) {
    font-size: 18px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }
  .lawyers :is(p,li,span,div) {
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  /* Let sections grow in height */
  .section,
  .our-team,
  .w-layout-grid,
  .grid-2,
  .grid-3,
  .grid-eng {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Kill IX transforms */
  [data-w-id] {
    transform: none !important;
  }
}

/* Optional: include tablets too—uncomment if needed
@media (min-width: 768px) and (max-width: 991px) {
  .w-layout-grid,
  .grid-2,
  .grid-3,
  .grid-eng { display:flex !important; flex-direction:column !important; gap:20px !important; }
  .w-layout-grid > *, [id^="w-node-"], .lawyers { margin-bottom: 40px !important; }
}
*/

/* v35: Prevent content from sliding under navbar */
body {
  padding-top: 110px !important; /* adjust to navbar height */
}



/* v36: Ensure 'Oblasti rada' / 'Areas of Practice' sections are fully visible and a single block */
#oblasti-rada, .oblasti-rada, #areas-of-practice, .areas-of-practice, .areas, .practices {
  display: block !important;
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
  contain: none !important;
}
#oblasti-rada *,
.oblasti-rada *,
#areas-of-practice *,
.areas-of-practice *,
.areas *,
.practices * {
  max-width: 100% !important;
  height: auto !important;
}

/* If those sections were in a grid, neutralize grid on mobile */
@media (max-width: 991px) {
  #oblasti-rada.w-layout-grid, .oblasti-rada.w-layout-grid,
  #areas-of-practice.w-layout-grid, .areas-of-practice.w-layout-grid {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }
}



/* v37: Class-based auto-hide for navbar + ensure practice sections fully visible */

/* Navbar transitions for hide/show */
.w-nav, .navbar {
  will-change: transform;
  transition: transform 200ms ease-in-out;
}
.nav-hide {
  transform: translateY(-120%) !important;
}

/* Make sure practice sections are a single, full block */
#oblasti-rada, .oblasti-rada,
#areas-of-practice, .areas-of-practice,
.areas, .practices, .practice-areas, .practice-area, .services, .service-areas {
  display: block !important;
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
/* Neutralize grid inside those sections on mobile */
@media (max-width: 767px) {
  #oblasti-rada .w-layout-grid, .oblasti-rada .w-layout-grid,
  #areas-of-practice .w-layout-grid, .areas-of-practice .w-layout-grid,
  .areas .w-layout-grid, .practices .w-layout-grid, .services .w-layout-grid {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }

  #oblasti-rada [id^="w-node-"], .oblasti-rada [id^="w-node-"],
  #areas-of-practice [id^="w-node-"], .areas-of-practice [id^="w-node-"],
  .areas [id^="w-node-"], .practices [id^="w-node-"], .services [id^="w-node-"] {
    all: unset !important;
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px !important;
  }

  #oblasti-rada img, .oblasti-rada img,
  #areas-of-practice img, .areas-of-practice img,
  .areas img, .practices img, .services img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}



/* v38: Show full 'Oblasti rada / Areas of Practice' sections (SR + EN) without clipping */
#oblasti-rada, .oblasti-rada,
#areas-of-practice, .areas-of-practice,
.areas, .practices, .services, .practice-areas, .practice-area {
  display: block !important;
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  contain: none !important;
  content-visibility: visible !important;
}

/* Remove any fixed/grid layout inside those blocks on mobile */
@media (max-width: 991px) {
  #oblasti-rada .w-layout-grid, .oblasti-rada .w-layout-grid,
  #areas-of-practice .w-layout-grid, .areas-of-practice .w-layout-grid,
  .areas .w-layout-grid, .practices .w-layout-grid, .services .w-layout-grid {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Webflow rows/cols collapse fix */
  #oblasti-rada .w-row, .oblasti-rada .w-row,
  #areas-of-practice .w-row, .areas-of-practice .w-row,
  .areas .w-row, .practices .w-row, .services .w-row {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  #oblasti-rada .w-col, .oblasti-rada .w-col,
  #areas-of-practice .w-col, .areas-of-practice .w-col,
  .areas .w-col, .practices .w-col, .services .w-col {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 16px !important;
  }

  /* Neutralize node positioning */
  #oblasti-rada [id^="w-node-"], .oblasti-rada [id^="w-node-"],
  #areas-of-practice [id^="w-node-"], .areas-of-practice [id^="w-node-"],
  .areas [id^="w-node-"], .practices [id^="w-node-"], .services [id^="w-node-"] {
    all: unset !important;
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 16px 0 !important;
    transform: none !important;
    grid-area: auto !important;
    -ms-grid-row: auto !important;
    -ms-grid-column: auto !important;
  }

  /* Webflow Tabs/Slider inside practice section: auto height, no mask clipping */
  #oblasti-rada .w-tabs, .oblasti-rada .w-tabs,
  #areas-of-practice .w-tabs, .areas-of-practice .w-tabs {
    height: auto !important;
    overflow: visible !important;
  }
  #oblasti-rada .w-tab-content, .oblasti-rada .w-tab-content,
  #areas-of-practice .w-tab-content, .areas-of-practice .w-tab-content {
    height: auto !important;
    overflow: visible !important;
  }
  #oblasti-rada .w-tab-pane, .oblasti-rada .w-tab-pane,
  #areas-of-practice .w-tab-pane, .areas-of-practice .w-tab-pane {
    height: auto !important;
    overflow: visible !important;
  }

  #oblasti-rada .w-slider, .oblasti-rada .w-slider,
  #areas-of-practice .w-slider, .areas-of-practice .w-slider {
    height: auto !important;
  }
  #oblasti-rada .w-slider-mask, .oblasti-rada .w-slider-mask,
  #areas-of-practice .w-slider-mask, .areas-of-practice .w-slider-mask {
    height: auto !important;
    overflow: visible !important;
  }
  #oblasti-rada .w-slide, .oblasti-rada .w-slide,
  #areas-of-practice .w-slide, .areas-of-practice .w-slide {
    height: auto !important;
  }
}

/* Images and blocks inside should never overflow their container */
#oblasti-rada img, .oblasti-rada img,
#areas-of-practice img, .areas-of-practice img,
.areas img, .practices img, .services img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}



/* v39: Hide 'Oblasti rada / Practice Areas' ONLY on mobile for home pages */
@media (max-width: 991px) {
  body.is-home #oblasti-rada, body.is-home .oblasti-rada,
  body.is-home #areas-of-practice, body.is-home .areas-of-practice,
  body.is-home .areas, body.is-home .practices, body.is-home .services, body.is-home .practice-areas, body.is-home .practice-area {
    display: none !important;
  }
  body.is-home-en #oblasti-rada, body.is-home-en .oblasti-rada,
  body.is-home-en #areas-of-practice, body.is-home-en .areas-of-practice,
  body.is-home-en .areas, body.is-home-en .practices, body.is-home-en .services, body.is-home-en .practice-areas, body.is-home-en .practice-area {
    display: none !important;
  }
}