.djcf-oh-native{width:100%;max-width:980px;box-sizing:border-box}
.djcf-oh-editor{width:100%;min-width:0}
.djcf-oh-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 10px;flex-wrap:wrap}
.djcf-oh-toolbar__label{font-weight:600;margin:0;white-space:nowrap}
.djcf-oh-timezone{width:240px;max-width:100%}

/* The DJ-Classifieds Custom Fields tab is commonly inside col-md-6.
   Keep each day compact and let the time editor use its own row. */
.djcf-oh-day{
  display:grid;
  grid-template-columns:minmax(115px,145px) auto auto 1fr;
  column-gap:12px;
  row-gap:7px;
  align-items:center;
  width:100%;
  min-width:0;
  padding:9px 0;
  border-bottom:1px solid rgba(127,127,127,.22);
  box-sizing:border-box;
}
.djcf-oh-day__name{grid-column:1;grid-row:1;font-weight:600;align-self:center}
.djcf-oh-check{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap}
.djcf-oh-day>.djcf-oh-check:nth-of-type(1){grid-column:2;grid-row:1}
.djcf-oh-day>.djcf-oh-check:nth-of-type(2){grid-column:3;grid-row:1}

.djcf-oh-intervals{
  grid-column:2 / -1;
  grid-row:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  min-width:0;
  max-width:100%;
}
.djcf-oh-intervals.is-disabled{opacity:.45}
.djcf-oh-interval{
  display:grid;
  grid-template-columns:108px 14px 108px 34px;
  gap:6px;
  align-items:center;
  width:max-content;
  max-width:100%;
}
.djcf-oh-time{width:108px!important;min-width:0;box-sizing:border-box}
.djcf-oh-separator{opacity:.7;text-align:center}
.djcf-oh-remove{position:static!important;width:34px!important;min-width:34px!important;max-width:34px!important;margin:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
.djcf-oh-add{
  grid-column:2 / -1;
  grid-row:3;
  justify-self:start;
  width:auto;
  min-width:96px;
  margin:0!important;
  white-space:nowrap;
}

@media(min-width:1100px){
  .djcf-oh-day{grid-template-columns:minmax(130px,160px) 120px 90px 1fr}
}

@media(max-width:520px){
  .djcf-oh-day{grid-template-columns:1fr 1fr;column-gap:10px}
  .djcf-oh-day__name{grid-column:1 / -1;grid-row:1}
  .djcf-oh-day>.djcf-oh-check:nth-of-type(1){grid-column:1;grid-row:2}
  .djcf-oh-day>.djcf-oh-check:nth-of-type(2){grid-column:2;grid-row:2}
  .djcf-oh-intervals{grid-column:1 / -1;grid-row:3}
  .djcf-oh-add{grid-column:1 / -1;grid-row:4}
  .djcf-oh-interval{grid-template-columns:minmax(88px,108px) 12px minmax(88px,108px) 34px;width:100%}
  .djcf-oh-time{width:100%!important}
}

/* Presets / bulk actions */
.djcf-oh-presets{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0 0 12px;
  padding:10px;
  border-radius:4px;
  background:rgba(127,127,127,.08);
  box-sizing:border-box;
}
.djcf-oh-presets__label{font-weight:600;margin:0}
.djcf-oh-preset-select{width:min(520px,100%);max-width:100%}
.djcf-oh-preset-actions{display:flex;flex-wrap:wrap;gap:7px}
.djcf-oh-preset-actions .btn{white-space:nowrap}

/* Frontend DJ-Classifieds forms can be much wider than the admin col-md-6. */
.djform_field .djcf-oh-native{max-width:100%}
@media(max-width:700px){
  .djcf-oh-preset-actions .btn{flex:1 1 auto}
}