/* ========================================
   TradeLink Global — Mobile CSS (Homepage only)
   All rules scoped to .page-id-1214
   Breakpoint: max-width 767px
   ======================================== */

@media screen and (max-width: 767px) {

  /* ----------------------------------------
     HERO SECTION (container 115376f)
     Fix: title was cut off, reduce height + margin
     ---------------------------------------- */
  .page-id-1214 .elementor-element-115376f {
    min-height: auto !important;
    --min-height: auto !important;
    max-height: 42vh !important;
    overflow: hidden !important;
    padding-top: 4rem !important;
    padding-bottom: 2rem !important;
  }

  /* Hero inner container (a2ef346) — reduce massive margin-top */
  .page-id-1214 .elementor-element-a2ef346 {
    margin-top: 2rem !important;
    width: 90vw !important;
    padding: 1rem !important;
  }

  /* Hero title size */
  .page-id-1214 .elementor-element-115376f h1,
  .page-id-1214 .elementor-element-115376f .elementor-heading-title {
    font-size: 2.2rem !important;
    line-height: 1.15 !important;
  }

  /* Hero subtitle */
  .page-id-1214 .elementor-element-115376f .elementor-widget-text-editor p,
  .page-id-1214 .elementor-element-115376f .elementor-widget-text-editor {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  /* ----------------------------------------
     SECTION "From source to end markets"
     Grid parent 60beaff — remove min-height
     ---------------------------------------- */
  .page-id-1214 .elementor-element-60beaff {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    --gap: 0px 0px !important;
    --row-gap: 0px !important;
    --column-gap: 0px !important;
    padding-top: 1.5rem !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
  }

  /* Text container 685f7945 — NO padding (handled by 515688c) */
  .page-id-1214 .elementor-element-685f7945 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Container 3cd2e7ba — NO padding (handled by 515688c) */
  .page-id-1214 .elementor-element-3cd2e7ba {
    flex-direction: column !important;
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* ----------------------------------------
     SECTION "Built for the long term"
     Grid parent 8d21107 — remove min-height
     ---------------------------------------- */
  .page-id-1214 .elementor-element-8d21107 {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    --gap: 0px 0px !important;
    --row-gap: 0px !important;
    --column-gap: 0px !important;
    padding-top: 1.5rem !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
  }
  .page-id-1214 .elementor-element-8d21107 > *,
  .page-id-1214 .elementor-element-80573e1 > *,
  .page-id-1214 .elementor-element-c7e9361 {
    background: transparent !important;
    background-color: transparent !important;
  }

  /* Text container 72ea665d — NO padding (handled by 80573e1) */
  .page-id-1214 .elementor-element-72ea665d {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Container 5b0771e — NO padding (handled by 80573e1) */
  .page-id-1214 .elementor-element-5b0771e {
    flex-direction: column !important;
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* ----------------------------------------
     HIDE DECORATIVE IMAGES on mobile
     (containers with background-image farm-001)
     ---------------------------------------- */
  .page-id-1214 .elementor-element-60beaff > .elementor-element:not(.elementor-element-685f7945):not(.elementor-element-3cd2e7ba) {
    display: none !important;
  }

  .page-id-1214 .elementor-element-8d21107 > .elementor-element:not(.elementor-element-72ea665d):not(.elementor-element-5b0771e) {
    display: none !important;
  }

  /* Also hide any container that has a background-image but no text content */
  .page-id-1214 [data-id="60beaff"] > [class*="elementor-element"]:empty,
  .page-id-1214 [data-id="8d21107"] > [class*="elementor-element"]:empty {
    display: none !important;
  }

  /* ----------------------------------------
     GENERAL TYPOGRAPHY — mobile sizes
     ---------------------------------------- */
  .page-id-1214 h2.elementor-heading-title {
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
  }

  .page-id-1214 .elementor-widget-text-editor p,
  .page-id-1214 .elementor-widget-text-editor {
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
  }

  /* ----------------------------------------
     TEXT CONTAINERS — uniform alignment
     Only ONE level of padding to match "Our Partners"
     ---------------------------------------- */
  /* Outer containers: with padding */
  .page-id-1214 .elementor-element-515688c,
  .page-id-1214 .elementor-element-80573e1 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 1rem 1.25rem 0 1.25rem !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    --padding-top: 0 !important;
    --padding-bottom: 0 !important;
    --padding-left: 0 !important;
    --padding-right: 0 !important;
    --margin-top: 0 !important;
    --margin-bottom: 0 !important;
    --margin-left: 0 !important;
    --margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  /* Inner containers: NO padding (avoid accumulation) */
  .page-id-1214 .elementor-element-09abf82,
  .page-id-1214 .elementor-element-bc75066,
  .page-id-1214 .elementor-element-daf3d7b,
  .page-id-1214 .elementor-element-c7e9361 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    --padding-top: 0 !important;
    --padding-bottom: 0 !important;
    --padding-left: 0 !important;
    --padding-right: 0 !important;
    --margin-top: 0 !important;
    --margin-bottom: 0 !important;
    --margin-left: 0 !important;
    --margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* ----------------------------------------
     SECTION TITLES — fix line-height overlap
     804da6c (From source) + 5855a48 (Built for)
     ---------------------------------------- */
  .page-id-1214 .elementor-element-804da6c,
  .page-id-1214 .elementor-element-5855a48 {
    line-height: 1.2 !important;
    font-size: 2rem !important;
  }
  .page-id-1214 .elementor-element-804da6c .elementor-heading-title,
  .page-id-1214 .elementor-element-5855a48 .elementor-heading-title {
    line-height: 1.2 !important;
    font-size: 2rem !important;
  }

  /* ----------------------------------------
     "OUR PARTNERS" SECTION (6ec6cc6d)
     Fix: line-height too large on description
     ---------------------------------------- */
  .page-id-1214 .elementor-element-6ec6cc6d .elementor-widget-text-editor p,
  .page-id-1214 .elementor-element-6ec6cc6d .elementor-widget-text-editor {
    line-height: 1.45 !important;
    font-size: 0.95rem !important;
  }
  .page-id-1214 .elementor-element-78838976 .elementor-widget-text-editor,
  .page-id-1214 .elementor-element-78838976 .elementor-widget-text-editor p {
    line-height: 1.6 !important;
    font-size: 1rem !important;
  }
  .page-id-1214 .elementor-element-1d342e25,
  .page-id-1214 .elementor-element-1d342e25 .elementor-heading-title,
  .page-id-1214 .elementor-element-1d342e25 p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
  .page-id-1214 .elementor-element-50169549 {
    margin-bottom: 0.5rem !important;
    padding-bottom: 0 !important;
  }
  /* Our Partners section wrapper — harmonize spacing */
  .page-id-1214 .elementor-element-78838976 {
    padding-top: 0.5rem !important;
    margin-top: 0 !important;
  }
  .page-id-1214 .elementor-element-2fbb17e3 {
    padding-top: 0.5rem !important;
    margin-top: 0 !important;
  }

  /* Logo grid 2cc2ca51 — 2 columns instead of 6 */
  .page-id-1214 .elementor-element-2cc2ca51 {
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem !important;
  }

  /* Logo containers — reduce min-height */
  .page-id-1214 .elementor-element-991e670,
  .page-id-1214 .elementor-element-40578431,
  .page-id-1214 .elementor-element-585d2d24,
  .page-id-1214 .elementor-element-f5af435,
  .page-id-1214 .elementor-element-8edf091,
  .page-id-1214 .elementor-element-92640dd {
    min-height: 6rem !important;
  }

  /* ----------------------------------------
     SPACERS — hide all on mobile (generic + by ID)
     ---------------------------------------- */
  .page-id-1214 .elementor-widget-spacer {
    display: none !important;
  }
  .page-id-1214 .elementor-element-985afcd,
  .page-id-1214 .elementor-element-7f1d8ff,
  .page-id-1214 .elementor-element-2fbb17e3,
  .page-id-1214 .elementor-element-7087f4d2,
  .page-id-1214 .elementor-element-4fc0ee43,
  .page-id-1214 .elementor-element-2771e51 {
    display: none !important;
  }

  /* ----------------------------------------
     HIDE GREY BLOCKS — decorative containers
     Complete removal from flex layout
     ---------------------------------------- */
  .page-id-1214 .elementor-element-c713866,
  .page-id-1214 .elementor-element-f5bf41c {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-basis: 0 !important;
    overflow: hidden !important;
  }

  /* ----------------------------------------
     FOOTER (6ae7647) — reduce height
     ---------------------------------------- */
  .page-id-1214 .elementor-element-6ae7647 {
    min-height: auto !important;
  }

  /* ----------------------------------------
     ANIMATIONS — disable on mobile
     Make invisible elements visible
     ---------------------------------------- */
  .page-id-1214 .elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* ----------------------------------------
     GENERAL LAYOUT — prevent horizontal overflow
     ---------------------------------------- */
  .page-id-1214 .elementor-section,
  .page-id-1214 .e-con {
    max-width: 100vw !important;
  }

  /* Ensure all containers respect mobile width */
  .page-id-1214 .e-con > .e-con-inner,
  .page-id-1214 .elementor-container {
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* Text containers: overflow visible (no scrollbar) */
  .page-id-1214 .elementor-element-515688c,
  .page-id-1214 .elementor-element-80573e1,
  .page-id-1214 .elementor-element-09abf82,
  .page-id-1214 .elementor-element-bc75066,
  .page-id-1214 .elementor-element-daf3d7b,
  .page-id-1214 .elementor-element-c7e9361 {
    overflow: visible !important;
  }

}