/* Art by Ksakaoglu - Mobile (loads last) */
@media (max-width:768px){

  /* HOME: hide 40+ verkochte werken (t1) and 100% op maat (t3) on mobile */
  .elementor-element-t1, .elementor-element-t2, .elementor-element-t3 { display:none !important; }
  .elementor-element-home-trust { justify-content:space-around !important; }
  .elementor-element-home-trust > .elementor-element { flex:0 0 auto !important; }

  /* HOME about + over mij stacking handled natively via data (width_mobile=100%) */
  .elementor-element-about-img img{height:auto !important;max-height:380px !important;width:100% !important;object-fit:cover !important;}

  /* CONTACT inner columns stack */
  .elementor-element-ci-col,.elementor-element-cf-col{width:100% !important;flex:1 1 100% !important;min-width:0 !important;}

  /* PORTFOLIO: tight gap header -> Werk */
  .elementor-element-port-header-sec{--padding-top:28px !important;--padding-bottom:8px !important;--padding-left:20px !important;--padding-right:20px !important;}
  .elementor-element-port-grid-sec{--padding-top:0px !important;--padding-bottom:40px !important;--padding-left:20px !important;--padding-right:20px !important;}

  /* ===== FOOTER mobile: full-width, tight, all 3 collapsible ===== */
  .elementor-33 .elementor-element-ftr-top{width:100% !important;}
  .elementor-33 .elementor-element-ftr-top > .e-con-inner{
    flex-direction:column !important; gap:0 !important; row-gap:0 !important;
    padding:28px 22px 4px !important; max-width:100% !important; width:100% !important; margin:0 !important;
    align-items:stretch !important;
  }
  .elementor-33 .elementor-element-ftr-col1,
  .elementor-33 .elementor-element-ftr-col2,
  .elementor-33 .elementor-element-ftr-col3,
  .elementor-33 .elementor-element-ftr-col4{
    width:100% !important; flex:1 1 100% !important; min-width:0 !important; max-width:100% !important;
  }
  .elementor-33 .elementor-element-ftr-col1 > .e-con-inner{padding:0 0 18px !important;}
  .elementor-33 .elementor-element-ftr-col2,
  .elementor-33 .elementor-element-ftr-col3,
  .elementor-33 .elementor-element-ftr-col4{border-top:1px solid rgba(255,255,255,0.10);}
  /* tight accordion header rows */
  .elementor-33 .elementor-element-ftr-col2 > .e-con-inner,
  .elementor-33 .elementor-element-ftr-col3 > .e-con-inner,
  .elementor-33 .elementor-element-ftr-col4 > .e-con-inner{padding:14px 0 !important; gap:8px !important;}
  .elementor-33 .elementor-element-ftr-col2 h4,
  .elementor-33 .elementor-element-ftr-col3 h4,
  .elementor-33 .elementor-element-ftr-col4 h4{margin:0 !important; position:relative; padding-right:24px; cursor:pointer; user-select:none;}
  .elementor-33 .elementor-element-ftr-col2 h4::after,
  .elementor-33 .elementor-element-ftr-col3 h4::after,
  .elementor-33 .elementor-element-ftr-col4 h4::after{content:'+'; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:18px; color:rgba(245,240,232,0.5);}
  /* collapsed hides the links/info */
  .elementor-33 .ftr-collapsed .elementor-element-ftr-nav-links,
  .elementor-33 .ftr-collapsed .elementor-element-ftr-werk-links,
  .elementor-33 .ftr-collapsed .elementor-element-ftr-con-info{display:none !important;}
  .elementor-33 .ftr-collapsed > .e-con-inner{gap:0 !important;}
  .elementor-33 .elementor-element-ftr-col2:not(.ftr-collapsed) h4::after,
  .elementor-33 .elementor-element-ftr-col3:not(.ftr-collapsed) h4::after,
  .elementor-33 .elementor-element-ftr-col4:not(.ftr-collapsed) h4::after{content:'\2212';}
  .elementor-33 .elementor-element-ftr-bottom > .e-con-inner{padding:16px 22px !important; flex-direction:column !important; text-align:center !important; gap:6px !important; max-width:100% !important; margin:0 !important;}

  /* Headings smaller */
  .elementor-widget-heading h1{font-size:34px !important;}
  .elementor-widget-heading h2{font-size:28px !important;}
}