/* Booked Jobs Check (WEB-001). Only the parts the site has never had: the Brevo form inside the
   site's white .ct-card, the FAQ list and a few small text styles. Colours and shapes come from the
   /contact enquiry card (contact-new.css). */

.ck-small{font-size:15px;color:#e8f6fc;margin:16px 0 0;max-width:560px}
.ck-hero-note{font-size:15px}
.ck-sign{font-size:19px;color:#35505e;margin-top:26px}
.ck-muted{font-size:15px!important;color:#46606c!important;margin-top:18px}
.ck-ring{font-size:17px}
.ck-ring a,.ck-qs a,.ck-talk a{color:#00648d;text-decoration:underline;text-underline-offset:3px}

/* ---- Brevo form inside the card ---- */
.ck-card .sib-form{background:transparent!important;padding:0!important;text-align:left!important;font-family:Arial,sans-serif}
.ck-card .sib-form-container,.ck-card #sib-container{max-width:none!important;width:100%!important}
.ck-card #sib-container{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
.ck-card #sib-form{display:block}
.ck-card #sib-form>div{padding:5px 0!important}
.ck-card .sib-form-block{padding:0!important}
.ck-card .sib-text-form-block p,.ck-card .sib-text-form-block{font:15px/1.5 Arial,sans-serif!important;color:#35505e!important;margin:0}
.ck-card .sib-text-form-block a{color:#00648d!important}
.ck-card #sib-form .entry__label{font:700 13px/1.4 Arial,sans-serif!important;color:#00283b!important;margin:6px 0 6px!important;display:block}
.ck-card #sib-form .entry__label:after{color:#a74700!important}
.ck-card #sib-form .entry__field{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ck-card #sib-form .input,.ck-card #sib-form select.input{font:16px/1.4 Arial,sans-serif!important;min-height:52px;width:100%;margin:0!important}
.ck-card #sib-form .input::placeholder{color:#7a929d!important;font-family:Arial,sans-serif!important}
/* Brevo's honeypot: hidden and never focusable (it must stay empty) */
.ck-card #sib-form .input--hidden{display:none!important}
/* Phone: country picker + number side by side */
.ck-card #sib-form .sib-sms-field .form__label-row>div:not(.entry__label){gap:8px}
.ck-card #sib-form .sib-sms-select__button,.ck-card #sib-form .sib-sms-select__selected{background:#f3f9fc!important;border:2px solid transparent!important;border-radius:14px!important;min-height:52px;font:16px Arial,sans-serif!important;color:#00283b!important}
.ck-card #sib-form .sib-sms-tooltip{display:none}
.ck-card #sib-form .sib-sms-input-wrapper{display:block!important}
.ck-card #sib-form .sib-sms-select{border:0!important;background:transparent!important;width:100%}
.ck-card #sib-form .sib-sms-select__title{display:flex!important;align-items:center;gap:10px;background:#f3f9fc!important;border:2px solid transparent!important;border-radius:14px!important;min-height:52px;padding:0 16px!important;font:16px Arial,sans-serif!important;color:#00283b!important;cursor:pointer;margin:0 0 8px!important;box-shadow:none!important}
.ck-card #sib-form .sib-sms-select__label-text{font:16px Arial,sans-serif!important;color:#00283b!important;margin:0!important}
.ck-card #sib-form .sib-sms-select__number-input{display:flex!important;gap:8px;border:0!important;background:transparent!important;box-shadow:none!important}
.ck-card #sib-form .sib-sms-select__number-input input{min-height:52px;font:16px Arial,sans-serif!important}
.ck-card #sib-form .sib-sms-select__calling-code{flex:0 0 76px;width:76px!important;text-align:center}
.ck-card #sib-form .sib-sms-select__phone-number{flex:1 1 auto;min-width:0}
/* Consent box: Brevo's own tick box, in the site's colours */
.ck-card #sib-form .entry__choice,.ck-card #sib-form .entry__choice *{text-indent:0!important}
.ck-card #sib-form .entry__choice{padding-left:0!important;margin-top:10px}
.ck-card #sib-form .entry__choice label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.ck-card #sib-form .input_replaced:not(:checked)+.checkbox:before,.ck-card #sib-form .input_replaced:not(:checked)+.checkbox:after{opacity:0}
.ck-card #sib-form .input_replaced:checked+.checkbox:before,.ck-card #sib-form .input_replaced:checked+.checkbox:after{border-color:#00283b!important}
.ck-card #sib-form input.input_replaced{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important}
.ck-card #sib-form .checkbox{flex:0 0 auto;width:24px;height:24px;margin:1px 0 0!important;border:2px solid #9fc6d6;border-radius:7px;background:#f3f9fc;position:relative}
.ck-card #sib-form .input_replaced:checked+.checkbox{background:#ff951a!important;border-color:#ff951a!important}
.ck-card #sib-form .input_replaced:focus-visible+.checkbox{box-shadow:0 0 0 5px rgba(255,149,26,.3)}
.ck-card #sib-form .entry__choice span:not(.checkbox),.ck-card #sib-form .entry__choice p{font:14px/1.5 Arial,sans-serif!important;color:#35505e!important;margin:0}
.ck-card #sib-form .entry__choice a{color:#00648d!important}
/* Send button = the /contact "Send enquiry" pill */
.ck-card .sib-form-block__button{margin-top:6px;display:inline-flex!important;justify-content:center;align-items:center;gap:12px;background:#ff951a!important;color:#00283b!important;border:0!important;border-radius:999px!important;font:800 18px/1 Arial,sans-serif!important;padding:20px 34px!important;cursor:pointer;transition:translate .2s,box-shadow .2s,background .2s}
.ck-card .sib-form-block__button:hover{translate:0 -4px;background:#ffa23a!important;box-shadow:0 20px 38px rgba(255,149,26,.55)}
.ck-card .sib-form-block__button:focus-visible{outline:3px solid #0399d4;outline-offset:3px}
.ck-card .sib-form-block__button svg{fill:#00283b;width:18px;height:18px}
/* Messages: no red on this site. Errors in orange, success in blue. */
.ck-card #sib-form .entry__error{font:700 14px/1.4 Arial,sans-serif!important;color:#a74700!important;background:#fff4e6!important;border:0!important;border-radius:10px!important;padding:0 12px!important;margin:6px 0 0!important}
.ck-card #sib-form .entry__error:empty{display:none}
.ck-card #sib-form .form__entry.entry_errored .input{border-color:#ff951a!important}
.ck-card .sib-form-message-panel{max-width:none!important;margin:0 0 18px!important;border-radius:16px!important;font:700 16px/1.45 Arial,sans-serif!important;padding:14px 16px!important}
.ck-card #error-message{color:#a74700!important;background:#fff4e6!important;border:2px solid #ff951a!important}
.ck-card #success-message{color:#00283b!important;background:#e6f5fb!important;border:2px solid #0399d4!important}
.ck-card .sib-form-message-panel svg{fill:currentColor}
.ck-talk{font:15px/1.5 Arial,sans-serif;color:#35505e;margin:16px 0 0}

/* ---- FAQ: questions open and close, in the site's white-card style ---- */
.ck-qs{display:grid;gap:12px}
.ck-qs details{background:#f3f9fc;border-radius:18px;padding:0;transition:background .2s}
.ck-qs details[open]{background:#fff;box-shadow:0 18px 40px rgba(0,60,95,.14)}
.ck-qs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font:700 18px/1.35 Arial,sans-serif;color:#00283b}
.ck-qs summary::-webkit-details-marker{display:none}
.ck-qs summary:after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ff951a;color:#00283b;font:800 20px/1 Arial,sans-serif;transition:rotate .2s}
.ck-qs details[open] summary:after{rotate:45deg}
.ck-qs summary:focus-visible{outline:3px solid #0399d4;outline-offset:2px;border-radius:18px}
.ck-qs details p{margin:0;padding:0 22px 20px;font-size:17px!important}
.ck-faq .ct-next-copy,.ck-who .ct-next-copy{align-self:start}

/* Steps: three cards fit longer titles from the funnel */
.ck .ct-steps h3{font-size:clamp(28px,2.6vw,36px)}

@media(max-width:600px){
  .ck-card .sib-form-block__button{width:100%;padding:19px 18px!important;font-size:17px!important;text-align:center!important;white-space:nowrap}
  .ck-qs summary{font-size:17px;padding:16px 18px}
  .ck-qs details p{padding:0 18px 18px}
}