/* Shared native date controls: fit the value without stretching across a card.
   Important overrides are limited to sizing because member themes load later. */
input:is([type="date"],[type="time"],[type="month"],[type="datetime-local"]) {
  box-sizing:border-box!important;
  display:block;
  width:100%!important;
  min-width:0!important;
  max-width:min(100%,13rem)!important;
  min-inline-size:0!important;
  min-height:48px!important;
  padding:10px 8px!important;
  font-size:16px!important;
  line-height:1.4;
}
@media(max-width:400px) {
  :is(.beca-shell,.meny-shell):has(input[type="datetime-local"]) { padding-inline:8px!important; }
  :is(.panel,.beca-card,.meny-panel,.sheindy-card):has(input[type="datetime-local"]) { padding-inline:10px!important; }
}
input[type="time"] { max-width:min(100%,11rem)!important; }
input[type="datetime-local"] { max-width:min(100%,18rem)!important; }
input:is([type="date"],[type="time"],[type="month"],[type="datetime-local"])::-webkit-date-and-time-value {
  min-width:0;
  text-align:left;
}
:is(.field,.beca-field,.meny-field,.sheindy-field):has(input:is([type="date"],[type="time"],[type="month"],[type="datetime-local"])) {
  min-width:0;
  max-width:100%;
}
@media(max-width:600px) {
  :is(.form-grid,.beca-grid2,.meny-form-grid,.workshop-two):has(input:is([type="date"],[type="time"],[type="month"],[type="datetime-local"])) {
    grid-template-columns:minmax(0,1fr);
  }
  .meny-form-grid:has(input[type="date"]) .meny-field-wide { grid-column:auto; }
  /* Keep the form at full phone width instead of beside a fixed-width menu. */
  .sheindy-shell .sheindy-side-layout,
  .sheindy-shell .sheindy-side-layout.menu-collapsed {
    grid-template-columns:minmax(0,1fr)!important;
  }
  .sheindy-shell .sheindy-side-layout .sheindy-side-menu,
  .sheindy-shell .sheindy-side-layout.menu-collapsed .sheindy-side-menu {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:6px;
    padding:6px!important;
  }
  .sheindy-shell .sheindy-side-layout .sheindy-side-nav-button,
  .sheindy-shell .sheindy-side-layout.menu-collapsed .sheindy-side-nav-button {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:48px!important;
    padding:8px 3px!important;
    font-size:12px!important;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    white-space:normal!important;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .sheindy-shell .sheindy-side-layout .sheindy-side-nav-button .nav-icon { font-size:24px!important; }
  .sheindy-shell .sheindy-side-layout .sheindy-side-nav-button .nav-label,
  .sheindy-shell .sheindy-side-layout.menu-collapsed .sheindy-side-nav-button .nav-label {
    display:block!important;
    width:auto!important;
    height:auto!important;
  }
  .sheindy-shell .sheindy-side-content { min-width:0; }
}
