/* Transporters.io quote form - "15-minute dropdown" time selection.
   Enqueued only when Settings > Time selection is "15-minute dropdown"
   (option transporters_time_select = 'dropdown'). The .tio-dt* classes and
   the .tio-time-summary line are added by js/quoteform_scripts_front.js in
   that mode only.
   Selectors carry the form panel id (#panel-quote-form_s_N / _w_N, forms 1-5)
   so they outrank the usual per-form Custom CSS such as
   "#panel-quote-form_s_1 input[type=text] { padding: ... }". */

/* plain-English pickup/return summary under the date/time fields */
.transportersio-quote .tio-time-summary{min-height:1.5em;line-height:1.5;margin:0 0 10px;font-size:13px}
/* the form's text colour (Text Color setting), not a theme "p" colour */
#panel-quote-form_s_1 .tio-time-summary,
#panel-quote-form_s_2 .tio-time-summary,
#panel-quote-form_s_3 .tio-time-summary,
#panel-quote-form_s_4 .tio-time-summary,
#panel-quote-form_s_5 .tio-time-summary,
#panel-quote-form_w_1 .tio-time-summary,
#panel-quote-form_w_2 .tio-time-summary,
#panel-quote-form_w_3 .tio-time-summary,
#panel-quote-form_w_4 .tio-time-summary,
#panel-quote-form_w_5 .tio-time-summary{color:inherit}
#panel-quote-form_s_1 .tio-time-summary.tio-time-summary--warn,
#panel-quote-form_s_2 .tio-time-summary.tio-time-summary--warn,
#panel-quote-form_s_3 .tio-time-summary.tio-time-summary--warn,
#panel-quote-form_s_4 .tio-time-summary.tio-time-summary--warn,
#panel-quote-form_s_5 .tio-time-summary.tio-time-summary--warn,
#panel-quote-form_w_1 .tio-time-summary.tio-time-summary--warn,
#panel-quote-form_w_2 .tio-time-summary.tio-time-summary--warn,
#panel-quote-form_w_3 .tio-time-summary.tio-time-summary--warn,
#panel-quote-form_w_4 .tio-time-summary.tio-time-summary--warn,
#panel-quote-form_w_5 .tio-time-summary.tio-time-summary--warn{color:#ffc107;font-weight:600}

/* calendar / clock icons */
#panel-quote-form_s_1 .tio-dt.tio-dt-date,
#panel-quote-form_s_2 .tio-dt.tio-dt-date,
#panel-quote-form_s_3 .tio-dt.tio-dt-date,
#panel-quote-form_s_4 .tio-dt.tio-dt-date,
#panel-quote-form_s_5 .tio-dt.tio-dt-date,
#panel-quote-form_w_1 .tio-dt.tio-dt-date,
#panel-quote-form_w_2 .tio-dt.tio-dt-date,
#panel-quote-form_w_3 .tio-dt.tio-dt-date,
#panel-quote-form_w_4 .tio-dt.tio-dt-date,
#panel-quote-form_w_5 .tio-dt.tio-dt-date,
#panel-quote-form_s_1 .tio-dt.tio-dt-time,
#panel-quote-form_s_2 .tio-dt.tio-dt-time,
#panel-quote-form_s_3 .tio-dt.tio-dt-time,
#panel-quote-form_s_4 .tio-dt.tio-dt-time,
#panel-quote-form_s_5 .tio-dt.tio-dt-time,
#panel-quote-form_w_1 .tio-dt.tio-dt-time,
#panel-quote-form_w_2 .tio-dt.tio-dt-time,
#panel-quote-form_w_3 .tio-dt.tio-dt-time,
#panel-quote-form_w_4 .tio-dt.tio-dt-time,
#panel-quote-form_w_5 .tio-dt.tio-dt-time{background-repeat:no-repeat;background-position:10px 50%;background-size:17px 17px;padding-left:35px}
#panel-quote-form_s_1 .tio-dt.tio-dt-date,
#panel-quote-form_s_2 .tio-dt.tio-dt-date,
#panel-quote-form_s_3 .tio-dt.tio-dt-date,
#panel-quote-form_s_4 .tio-dt.tio-dt-date,
#panel-quote-form_s_5 .tio-dt.tio-dt-date,
#panel-quote-form_w_1 .tio-dt.tio-dt-date,
#panel-quote-form_w_2 .tio-dt.tio-dt-date,
#panel-quote-form_w_3 .tio-dt.tio-dt-date,
#panel-quote-form_w_4 .tio-dt.tio-dt-date,
#panel-quote-form_w_5 .tio-dt.tio-dt-date{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234e4e4e' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
#panel-quote-form_s_1 .tio-dt.tio-dt-time,
#panel-quote-form_s_2 .tio-dt.tio-dt-time,
#panel-quote-form_s_3 .tio-dt.tio-dt-time,
#panel-quote-form_s_4 .tio-dt.tio-dt-time,
#panel-quote-form_s_5 .tio-dt.tio-dt-time,
#panel-quote-form_w_1 .tio-dt.tio-dt-time,
#panel-quote-form_w_2 .tio-dt.tio-dt-time,
#panel-quote-form_w_3 .tio-dt.tio-dt-time,
#panel-quote-form_w_4 .tio-dt.tio-dt-time,
#panel-quote-form_w_5 .tio-dt.tio-dt-time{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234e4e4e' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}

/* phones: journey date and time stacked instead of side by side */
@media (max-width:767px){
.transportersio-quote .tio-time-summary{min-height:3em}
#panel-quote-form_s_1 .row > .col-xs-6:has(.tio-dt-journey),
#panel-quote-form_s_2 .row > .col-xs-6:has(.tio-dt-journey),
#panel-quote-form_s_3 .row > .col-xs-6:has(.tio-dt-journey),
#panel-quote-form_s_4 .row > .col-xs-6:has(.tio-dt-journey),
#panel-quote-form_s_5 .row > .col-xs-6:has(.tio-dt-journey),
#panel-quote-form_w_1 .row > .col-xs-6:has(.tio-dt-journey),
#panel-quote-form_w_2 .row > .col-xs-6:has(.tio-dt-journey),
#panel-quote-form_w_3 .row > .col-xs-6:has(.tio-dt-journey),
#panel-quote-form_w_4 .row > .col-xs-6:has(.tio-dt-journey),
#panel-quote-form_w_5 .row > .col-xs-6:has(.tio-dt-journey){float:none;width:100%}
#panel-quote-form_s_1 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group,
#panel-quote-form_s_2 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group,
#panel-quote-form_s_3 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group,
#panel-quote-form_s_4 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group,
#panel-quote-form_s_5 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group,
#panel-quote-form_w_1 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group,
#panel-quote-form_w_2 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group,
#panel-quote-form_w_3 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group,
#panel-quote-form_w_4 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group,
#panel-quote-form_w_5 .row > .col-xs-6:has(.tio-dt-journey.tio-dt-date) > .form-group{margin-bottom:15px}
}