/* Shared sizing for Safari's native date/time widgets and translated labels. */
input:is([type="date"],[type="time"],[type="datetime-local"]){
 display:block;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;
 block-size:48px;min-block-size:48px;margin:0;margin-block-start:auto;
 -webkit-appearance:none;appearance:none;line-height:normal;direction:ltr;text-align:start;
}
input:is([type="date"],[type="time"],[type="datetime-local"])::-webkit-date-and-time-value{min-inline-size:0;min-block-size:1.35em;text-align:start;}
input:is([type="date"],[type="time"],[type="datetime-local"])::-webkit-datetime-edit{padding:0;min-inline-size:0;}
label:has(>input:is([type="date"],[type="time"],[type="datetime-local"])){min-inline-size:0;align-self:stretch;display:flex;flex-direction:column;align-items:stretch;}
body .leg-departure-fields{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:stretch;}
body .leg-departure-fields #leg-now{align-self:end;}
.preferences-fields:has(input[type="date"]){align-items:stretch;}
.preferences-fields>button{align-self:end;}
.wm-time-inputs label{min-inline-size:0;align-self:stretch;}
.wm-time-inputs :is(select,input){inline-size:100%;min-inline-size:0;max-inline-size:100%;box-sizing:border-box;block-size:48px;margin:0;margin-block-start:auto;}
.wm-time-inputs{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) auto;align-items:stretch;}
.wm-time-inputs>button{align-self:end;}
.cp-simple .wm-time-inputs{
 position:static;inset:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
 inline-size:100%;max-inline-size:520px;margin-block:12px 4px;padding:14px;
 align-items:stretch;gap:14px;border:1px solid var(--cp-line);border-radius:14px;background:var(--cp-paper);box-shadow:none;
}
.cp-simple .wm-time-inputs label{font-size:13px;line-height:1.5;gap:6px;}
.cp-simple .wm-time-inputs :is(input,select){font-size:16px;block-size:48px;min-block-size:48px;padding:10px;}
/* Native WebKit selects clip Arabic glyphs when vertical padding consumes the line box. */
.wm-time-inputs select,.cp-simple .wm-time-inputs select{padding-block:0;line-height:48px;}
.cp-simple .cp-time-toggle[aria-expanded="true"] .cp-icon{transform:rotate(180deg);}
.cp-simple .wm-time-inputs[hidden],.wm-time-inputs[hidden]{display:none!important;}
@media(max-width:760px){
 .cp-simple .wm-timeline{scroll-margin-block-end:calc(var(--cp-bottom) + 12px);}
 body.aim-modern input:is([type="date"],[type="time"],[type="datetime-local"]){font-size:16px;}
 body.cp-simple .leg-departure-fields{grid-template-columns:repeat(2,minmax(0,1fr));}
 body.cp-simple .leg-departure-fields #leg-now{grid-column:1/-1;}
 .cp-simple .wm-time-inputs{max-inline-size:none;padding:12px;gap:12px;}
}
@media(max-width:420px){
 .wm-time-inputs{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);}
 .wm-time-inputs>button{grid-column:1/-1;justify-self:start;}
 body.aim-modern.cp-simple #window-form>.port-fields{grid-template-columns:minmax(0,1fr);}
 body.cp-simple .leg-departure-fields{grid-template-columns:minmax(0,1fr);gap:14px;}
 body.cp-simple .leg-departure-fields #leg-now{margin-top:0;}
}