/* Empuriabrava 360° Date & Time – short scrollable dropdowns for hour and minute. */
body:not(.wp-admin) input[type="date"],body:not(.wp-admin) input[type="time"]{min-width:0;max-width:100%;box-sizing:border-box;border:1px solid #c9e3eb;border-radius:12px;background:#fff;color:#0c3570;accent-color:#0089a9;min-height:43px}
body:not(.wp-admin) input[type="date"].cfh-dt-enhanced,body:not(.wp-admin) input[type="time"].cfh-dt-enhanced{cursor:pointer;color:#0c3570;background-color:#fff}
.cfh-dt-root,.cfh-dt-root *{box-sizing:border-box}
.cfh-dt-root{position:fixed!important;inset:0!important;z-index:2147483000!important;pointer-events:none!important;font-family:inherit;color:#0c3570}
.cfh-dt-popup{position:fixed!important;z-index:2!important;pointer-events:auto!important;width:min(344px,calc(100vw - 20px));border:1px solid #d9e8ef;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#fbfeff 100%);box-shadow:0 20px 60px rgba(4,38,66,.16);padding:14px 14px 12px;max-height:min(520px,calc(100dvh - 20px));overflow:auto;visibility:hidden}
.cfh-dt-popup-time{width:min(278px,calc(100vw - 20px))}
.cfh-dt-header,.cfh-dt-month-controls,.cfh-dt-footer-row{display:flex;align-items:center}
.cfh-dt-header{justify-content:space-between;gap:10px;margin-bottom:12px}
.cfh-dt-caption{font-size:11px;letter-spacing:.13em;color:#0089a9;font-weight:900}
.cfh-dt-popup button,.cfh-dt-popup select{font-family:inherit}
.cfh-dt-popup button{transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;cursor:pointer}
.cfh-dt-popup button:focus-visible,.cfh-dt-popup select:focus-visible{outline:3px solid #a5dce8;outline-offset:2px}
.cfh-dt-popup .cfh-dt-x{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:0;border-radius:50%;background:#0089a9;color:#fff!important;font-size:22px;line-height:1;box-shadow:0 8px 18px rgba(0,137,169,.18)}
.cfh-dt-content{margin:0 0 12px}
.cfh-dt-month-controls{justify-content:space-between;gap:8px;margin-bottom:12px}
.cfh-dt-month-selectors{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px;flex:1;min-width:0}
.cfh-dt-month-select,.cfh-dt-year-select{width:100%;min-width:0;height:40px;border:1px solid #d8e9ef;border-radius:12px;background:#fff;color:#0c3570;font-size:14px;font-weight:800;padding:0 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.cfh-dt-month-nav{width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:12px;border:1px solid #daecf0;background:#eef8fb!important;color:#0c3570!important;font-size:24px;line-height:1;flex:none}
.cfh-dt-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.cfh-dt-weekday{font-size:12px;color:#68889c;font-weight:800;padding:6px 0}
.cfh-dt-spacer{display:block;height:38px}
.cfh-dt-day{display:grid;place-items:center;min-width:0;height:38px;padding:0;border:0!important;border-radius:12px;background:transparent!important;font-size:15px;color:#0c3570!important;font-weight:700}
.cfh-dt-day:hover,.cfh-dt-day.is-today{background:#e5f5f9!important}
.cfh-dt-day.is-chosen{background:#0089a9!important;color:#fff!important;box-shadow:0 8px 16px rgba(0,137,169,.18)}
.cfh-dt-day:disabled{opacity:.25;cursor:not-allowed}
/* Two simple dropdowns: fixed-height internal option list, never a native full-screen menu. */
.cfh-dt-time-shell{padding:11px;border-radius:15px;background:#eef8fb;border:1px solid #e0eef3}
.cfh-dt-time-selectors{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);gap:9px;align-items:end}
.cfh-dt-time-field{display:grid;gap:6px;min-width:0}
.cfh-dt-time-field-label{font-size:10px;text-align:center;font-weight:800;letter-spacing:.06em;color:#5d8193;text-transform:uppercase}
.cfh-dt-time-trigger,.cfh-dt-time-trigger:hover,.cfh-dt-time-trigger:focus{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;min-width:0!important;height:43px!important;min-height:43px!important;margin:0!important;padding:0 12px!important;background:#fff!important;border:1px solid #c9e2ea!important;border-radius:11px!important;color:#0c3570!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important}
.cfh-dt-time-trigger[aria-expanded="true"]{border-color:#0089a9!important;box-shadow:0 0 0 2px rgba(0,137,169,.1)!important}
.cfh-dt-time-selected{font-size:19px!important;font-weight:800!important;color:#0c3570!important;line-height:1!important}
.cfh-dt-trigger-chevron{font-size:19px!important;line-height:1;color:#0089a9}
.cfh-dt-colon{align-self:end;display:grid;place-items:center;height:43px;font-size:17px;font-weight:900;color:#0089a9}
.cfh-dt-time-list-host[hidden],.cfh-dt-time-error[hidden]{display:none!important}
.cfh-dt-time-list-host{margin-top:9px}
.cfh-dt-time-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-height:154px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #d7e8ee;border-radius:11px;background:#fff;box-shadow:0 6px 18px rgba(4,38,66,.06);scrollbar-width:thin;scrollbar-color:#abcfdc transparent;touch-action:pan-y}
.cfh-dt-time-list .cfh-dt-time-option,.cfh-dt-time-list .cfh-dt-time-option:hover,.cfh-dt-time-list .cfh-dt-time-option:focus{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:36px!important;height:36px!important;max-height:36px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#0c3570!important;font-size:14px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;box-shadow:none!important}
.cfh-dt-time-list .cfh-dt-time-option:hover,.cfh-dt-time-list .cfh-dt-time-option:focus-visible{background:#eaf7fa!important}
.cfh-dt-time-list .cfh-dt-time-option.is-selected{background:#0089a9!important;color:#fff!important}
.cfh-dt-time-error{margin:8px 0 0;font-size:12px;line-height:1.35;color:#9b3346;text-align:center}
.cfh-dt-footer{display:grid;gap:10px;padding-top:12px;border-top:1px solid #e3eef1}
.cfh-dt-footer-row{gap:10px}
.cfh-dt-footer-row-main{justify-content:stretch}
.cfh-dt-footer-row-secondary{justify-content:space-between}
.cfh-dt-footer button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border-radius:12px;border:1px solid #d9eaf0!important;background:#f4f9fb!important;font-size:13px;font-weight:750;color:#0c3570!important;letter-spacing:.04em}
.cfh-dt-footer .cfh-dt-confirm{width:100%;border-color:#0089a9!important;background:#0089a9!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,137,169,.18)}
.cfh-dt-footer .cfh-dt-clear,.cfh-dt-footer .cfh-dt-cancel{min-width:120px}
.cfh-dt-footer .cfh-dt-clear:hover,.cfh-dt-footer .cfh-dt-cancel:hover{background:#eaf5f8!important}
@media(max-width:700px){
 .cfh-dt-popup{width:min(344px,calc(100vw - 18px));padding:14px 13px 12px;border-radius:22px;max-height:min(500px,calc(100dvh - 20px))}
 .cfh-dt-popup-time{width:min(278px,calc(100vw - 18px))}
 .cfh-dt-day{height:40px}
 .cfh-dt-footer .cfh-dt-clear,.cfh-dt-footer .cfh-dt-cancel{min-width:0;flex:1}
 .cfh-dt-footer-row-secondary>*{flex:1}
}
@media(max-width:390px){
 .cfh-dt-popup{width:calc(100vw - 14px);padding:12px 11px 11px}
 .cfh-dt-popup-time{width:min(278px,calc(100vw - 14px))}
 .cfh-dt-month-selectors{grid-template-columns:1fr 84px;gap:6px}
 .cfh-dt-month-select,.cfh-dt-year-select{height:38px;font-size:13px;padding:0 10px}
 .cfh-dt-month-nav{width:34px;height:34px}
 .cfh-dt-footer button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.cfh-dt-popup button{transition:none}}
body:not(.wp-admin) input[type="date"]:not([data-cfh-native-picker]){background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%230089a9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="5" width="18" height="16" rx="2"/%3E%3Cpath d="M7 3v4M17 3v4M3 10h18"/%3E%3C/svg%3E');background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:38px}
body:not(.wp-admin) input[type="time"]:not([data-cfh-native-picker]){background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%230089a9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="9"/%3E%3Cpath d="M12 7v5l3 2"/%3E%3C/svg%3E');background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:38px}
body:not(.wp-admin) input[type="date"]:not([data-cfh-native-picker])::-webkit-calendar-picker-indicator,body:not(.wp-admin) input[type="time"]:not([data-cfh-native-picker])::-webkit-calendar-picker-indicator{opacity:0;width:0;margin:0}


/* 4.5.58: Der lokale Zeit-/Datumspicker muss VOR einem geöffneten
   360°-Bearbeitungsdialog liegen, nicht hinter dessen Abdunklung. */
html.cfh360-dialog-open .cfh-dt-root{
  z-index:2147483647!important;
}
/* In 360°-Dialogen das native Browser-Uhrsymbol zuverlässig unterdrücken.
   Das einzelne blaue Symbol stammt aus dem lokalen Datetime-Picker-Design. */
.cfh360-dialog-overlay input[type="time"]:not([data-cfh-native-picker]){
  -webkit-appearance:none!important;appearance:none!important;
  background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%230089a9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="9"/%3E%3Cpath d="M12 7v5l3 2"/%3E%3C/svg%3E')!important;
  background-position:right 12px center!important;
  background-repeat:no-repeat!important;
  background-size:18px 18px!important;
  padding-right:40px!important;
}
.cfh360-dialog-overlay input[type="time"]:not([data-cfh-native-picker])::-webkit-calendar-picker-indicator{
  display:none!important;opacity:0!important;width:0!important;height:0!important;
  margin:0!important;padding:0!important;pointer-events:none!important;
}
.cfh360-dialog-overlay input[type="time"]:not([data-cfh-native-picker])::-webkit-inner-spin-button{
  display:none!important;
}

/* 4.5.59 – Einheitliches SVG-X im lokalen Datum-/Uhrzeitpicker. */
.cfh-dt-popup .cfh-dt-x svg{width:19px;height:19px;display:block;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

/* 4.5.75: On touch devices use actual iOS/Android date/time widgets.
 * Restore their own indicator and never overlay it with a fake clock. */
@media (pointer:coarse){
 body:not(.wp-admin) input[type="date"], body:not(.wp-admin) input[type="time"]{
   background-image:none!important;padding-right:12px!important;
   -webkit-appearance:auto!important;appearance:auto!important;
   min-width:0!important;font-size:16px!important;
 }
 body:not(.wp-admin) input[type="date"]::-webkit-calendar-picker-indicator,
 body:not(.wp-admin) input[type="time"]::-webkit-calendar-picker-indicator,
 .cfh360-dialog-overlay input[type="time"]::-webkit-calendar-picker-indicator{
   display:block!important;opacity:1!important;width:auto!important;height:auto!important;
   margin:0!important;padding:0!important;pointer-events:auto!important;
 }
 .cfh360-dialog-overlay .cfh360-plan-edit-time-control>input[type="time"]{
   padding-right:12px!important;
 }
 .cfh360-dialog-overlay .cfh360-plan-edit-time-control::after{
   content:none!important;display:none!important;
 }
}