.elementor-12895 .elementor-element.elementor-element-839fb87{--display:flex;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-8df94e5 *//* =========================
KNT MOBILE FIX PATCH (drop-in)
Paste AFTER your existing <style>
========================= */

/* 1) safer box sizing */
#kntLayerDailyForm, #kntLayerDailyForm * { box-sizing: border-box; }

/* 2) mobile spacing & card padding */
@media (max-width: 560px){
  #kntLayerDailyForm .knt-wrap{ padding: 8px 10px; }
  #kntLayerDailyForm .knt-card{ padding: 12px; border-radius: 18px; }
  #kntLayerDailyForm .knt-grid{ gap: 12px; }
  #kntLayerDailyForm .knt-progress{ margin: 4px 0 12px; }
}

/* 3) inputs: readable + prevent iOS zoom */
#kntLayerDailyForm .knt-input,
#kntLayerDailyForm .knt-select,
#kntLayerDailyForm .knt-textarea{
  min-height: 46px;
  line-height: 1.2;
  font-size: 16px; /* prevents iOS zoom */
}

/* 4) labels & help text for mobile readability */
@media (max-width: 560px){
  #kntLayerDailyForm .knt-label{ font-size: 12.5px; margin-bottom: 7px; }
  #kntLayerDailyForm .knt-help{ font-size: 12.5px; }
  #kntLayerDailyForm .knt-h3{ font-size: 15px; margin-bottom: 12px; }
}

/* 5) date selects: robust layout on small screens */
#kntLayerDailyForm .knt-dateRow{
  align-items: stretch;
}
@media (max-width: 380px){
  /* on very small screens: 2 rows => Year full width, Month/Day split */
  #kntLayerDailyForm .knt-dateRow{
    grid-template-columns: 1fr 1fr;
  }
  #kntLayerDailyForm #kntJYear{ grid-column: 1 / -1; }
}

/* 6) row buttons & input alignment */
#kntLayerDailyForm .knt-row{
  flex-wrap: wrap;
  align-items: stretch;
}
#kntLayerDailyForm .knt-row .knt-input{
  flex: 1 1 180px;
  min-width: 0;
}
#kntLayerDailyForm .knt-row .knt-btn{
  flex: 0 0 auto;
  min-height: 46px;
  padding: 12px 14px;
}
@media (max-width: 560px){
  /* on mobile: reset button goes full width under input (cleaner) */
  #kntLayerDailyForm .knt-row{
    gap: 10px;
  }
  #kntLayerDailyForm .knt-row .knt-btn{
    width: 100%;
  }
}

/* 7) navigation buttons: bigger tap targets */
@media (max-width: 560px){
  #kntLayerDailyForm .knt-nav{ gap: 10px; }
  #kntLayerDailyForm .knt-nav .knt-btn{
    min-height: 48px;
    font-size: 15px;
  }
  #kntLayerDailyForm .knt-btn{
    min-height: 46px;
  }
}

/* 8) summary table: prevent overflow */
#kntLayerDailyForm .knt-summary table{ table-layout: fixed; }
#kntLayerDailyForm .knt-summary td{
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
#kntLayerDailyForm .knt-summary .k{ width: 46%; }

/* 9) payload block: better on mobile */
@media (max-width: 560px){
  #kntLayerDailyForm .knt-payload{
    font-size: 12px;
    padding: 10px;
    border-radius: 14px;
  }
}/* End custom CSS */