/* Atomware Toolkit Flow Pro 0.1.10 — Home trust row (under the hero) truly centred.
   Cause: the three labels (.fp-trust-label heading widgets) are Elementor "Position: Absolute" widgets with fixed
   left offsets tuned to the old medallion art (removed in 0.1.6), so the group sits off-centre
   (desktop container 6b3bed84: 11b8aab6 / 5a68f3cd / 24643975; tablet+phone container 4e2175bf > 578cde6c:
   400d2f21 / 6814947b / 2b83ba6d). Fix: put the labels back in normal flow and centre them with flexbox.
   Phones (<=767) are untouched. The 0.1.6 tick-chip ::before and colours are kept. */

/* Desktop (>=1025; container is Elementor-hidden below that). */
@media (min-width:1025px){
  body.flowpro .elementor-element-6b3bed84{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;column-gap:clamp(48px,7vw,120px)!important;padding-left:24px!important;padding-right:24px!important}
  body.flowpro .elementor-element-6b3bed84 > .fp-trust-label{position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:0!important;width:auto!important;max-width:none!important;flex:0 0 auto!important}
}
/* Small tablet / tablet (768–1024): one centred row (wraps centred if it ever runs out of room). */
@media (min-width:768px) and (max-width:1024px){
  body.flowpro .elementor-element-578cde6c{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;align-content:center!important;gap:20px 32px!important;padding:48px 24px!important;min-height:0!important;height:auto!important}
  body.flowpro .elementor-element-4e2175bf{min-height:0!important;height:auto!important}
  body.flowpro .elementor-element-578cde6c > .fp-trust-label{position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:0!important;width:auto!important;max-width:none!important;flex:0 0 auto!important}
  body.flowpro .elementor-element-578cde6c > .fp-trust-label .elementor-heading-title{font-size:17px!important;white-space:nowrap}
  body.flowpro .elementor-element-578cde6c > .fp-trust-label .elementor-heading-title::before{flex-basis:28px;width:28px;height:28px;background-size:14px}
}

/* ===== Footer Contact column 16aaed87 (Chappy 2 Nov): no WhatsApp item, no ticks; three plain text lines. =====
   Primary: server-side (includes/wa-icons.php atk_fp_footer_contact_clean) + JS fallback. CSS = belt and braces. */
body.flowpro .elementor-element-16aaed87 .elementor-icon-list-item:has(a[href*="wa.me"]),
body.flowpro .elementor-element-16aaed87 .elementor-icon-list-item:has(a[href*="api.whatsapp.com"]){display:none!important}
body.flowpro .elementor-element-16aaed87 .elementor-icon-list-icon{display:none!important}
body.flowpro .elementor-element-16aaed87 .elementor-icon-list-text{padding-left:0!important;padding-inline-start:0!important;margin-left:0!important}
body.flowpro .elementor-element-16aaed87 .elementor-icon-list-item{justify-content:flex-start}

/* ===== Phone sticky Call/WhatsApp bar 0b7aa1a: phones only (<=767). Elementor already hides it on tablet/desktop;
   this guarantees it whatever the kit breakpoints or the 0.1.8 fixed rule (which is also <=767 only). ===== */
@media (min-width:768px){
  body.flowpro .elementor-element-0b7aa1a,body.flowpro .elementor-element-0b7aa1a.elementor-sticky__spacer{display:none!important}
}
/* Floating bubble is tablet/desktop only (whatsapp-widget.css hides it <768), so it never overlaps the bar. */

/* ===== Floating WhatsApp bubble #fp-wa – hardened glyph (never 0-size / invisible). ===== */
.fp-wa .fp-wa__toggle{display:flex!important;align-items:center!important;justify-content:center!important;color:#FFFFFF!important;line-height:0!important;font-size:0!important;overflow:visible}
.fp-wa .fp-wa__toggle svg{display:block!important;width:30px!important;height:30px!important;min-width:30px;flex:0 0 30px;fill:#FFFFFF!important;opacity:1!important;visibility:visible!important}
.fp-wa .fp-wa__toggle svg path{fill:#FFFFFF!important}
.fp-wa .fp-wa__cta svg{display:inline-block!important;width:20px!important;height:20px!important;fill:currentColor!important}

/* ===== Contact page (page-id-35) ===== */
/* "Get in touch" card (column da77970): content vertically balanced, no tall empty block. */
@media (min-width:768px){
  body.page-id-35 .elementor-element-da77970{justify-content:center!important;height:auto!important;min-height:0!important}
  body.page-id-35 .elementor-element-f7ffb12 > .e-con-inner{align-items:stretch}
}
/* Contact card 43375a7: WhatsApp line removed (server filter + JS); CSS fallback leaves no gap. */
body.page-id-35 .elementor-element-43375a7 .elementor-icon-list-item:has(a[href*="wa.me"]),
body.page-id-35 .elementor-element-43375a7 .elementor-icon-list-item:has(a[href*="api.whatsapp.com"]){display:none!important}

/* Form b5334b4: white card, bordered rounded fields, blue focus ring, bold blue Send. Scoped to the Contact page. */
body.page-id-35 .elementor-element-b5334b4{background:#FFFFFF;border:1px solid #E8ECF7;border-radius:20px;box-shadow:0 12px 32px rgba(18,42,71,.10);padding:28px!important;box-sizing:border-box;width:100%;max-width:640px;margin-left:auto!important;margin-right:auto!important}
body.page-id-35 .elementor-element-b5334b4 .elementor-form-fields-wrapper{row-gap:0}
body.page-id-35 .elementor-element-b5334b4 .elementor-field-group{margin-bottom:16px!important}
body.page-id-35 .elementor-element-b5334b4 .elementor-field-textual,
body.page-id-35 .elementor-element-b5334b4 select.elementor-field{background:#FFFFFF!important;border:1px solid #85ADCA!important;border-radius:12px!important;padding:14px 16px!important;min-height:52px;font-size:16px!important;line-height:1.4!important;color:#122A47!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s;width:100%}
body.page-id-35 .elementor-element-b5334b4 textarea.elementor-field-textual{min-height:140px;resize:vertical}
body.page-id-35 .elementor-element-b5334b4 .elementor-field-textual::placeholder{color:#4A5B70!important;opacity:1}
body.page-id-35 .elementor-element-b5334b4 .elementor-field-textual:focus,
body.page-id-35 .elementor-element-b5334b4 select.elementor-field:focus{border-color:#2152D0!important;box-shadow:0 0 0 3px rgba(33,82,208,.25)!important;outline:none!important}
body.page-id-35 .elementor-element-b5334b4 .elementor-select-wrapper .select-caret-down-wrapper{right:16px!important;color:#122A47!important;fill:#122A47}
body.page-id-35 .elementor-element-b5334b4 .elementor-field-label:not(.elementor-screen-only){color:#122A47;font-weight:600;font-size:14px;margin-bottom:6px}
body.page-id-35 .elementor-element-b5334b4 .e-form__buttons .elementor-button,
body.page-id-35 .elementor-element-b5334b4 button[type="submit"]{background:#2152D0!important;color:#FFFFFF!important;border:0!important;border-radius:12px!important;min-height:52px;padding:14px 36px!important;font-size:16px!important;font-weight:700!important;letter-spacing:.2px;box-shadow:0 6px 16px rgba(33,82,208,.25);transition:background .15s}
body.page-id-35 .elementor-element-b5334b4 button[type="submit"]:hover{background:#104778!important}
body.page-id-35 .elementor-element-b5334b4 button[type="submit"]:focus-visible{outline:3px solid #122A47;outline-offset:2px}
@media (max-width:767px){
  body.page-id-35 .elementor-element-b5334b4{padding:20px!important;border-radius:16px}
  body.page-id-35 .elementor-element-b5334b4 .elementor-field-group{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
  body.page-id-35 .elementor-element-b5334b4 button[type="submit"]{width:100%!important}
}

/* ===== About page: Certificates of Compliance (section 42b8caa2, navy card d553213) =====
   Section stays WHITE (last section above the footer, layout rule) with white space below the card so the navy card
   no longer runs into the footer wave; card content centred; card centred at a sensible width. */
body.flowpro .elementor-element-42b8caa2,body.flowpro .fp-cert-section{background:#FFFFFF!important;padding-top:24px!important;padding-bottom:80px!important}
body.flowpro .elementor-element-d553213,body.flowpro .fp-cert-card{max-width:960px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;align-items:center!important;justify-content:center!important;text-align:center!important;background-image:none!important;padding:56px 32px!important;border-radius:20px;box-sizing:border-box}
body.flowpro .elementor-element-d553213 .elementor-widget,body.flowpro .fp-cert-card .elementor-widget{text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:640px}
body.flowpro .elementor-element-d553213 .elementor-widget-button,body.flowpro .fp-cert-card .elementor-widget-button{display:flex;justify-content:center}
@media (max-width:767px){
  body.flowpro .elementor-element-42b8caa2{padding-bottom:56px!important}
  body.flowpro .elementor-element-d553213{padding:40px 20px!important;border-radius:16px}
}

/* ===== Custom dropdown (assets/js/fp-select.js) for Elementor form selects – no native browser list. ===== */
body.flowpro .elementor-form .fp-select__native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
body.flowpro .elementor-form .elementor-select-wrapper:has(.fp-select) .select-caret-down-wrapper{display:none!important}
body.flowpro .elementor-form .elementor-select-wrapper:has(.fp-select){position:relative;width:100%}
body.flowpro .fp-select{position:relative;width:100%;font-size:16px}
body.flowpro .fp-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;min-height:52px;padding:14px 16px;background:#FFFFFF;border:1px solid #85ADCA;border-radius:12px;color:#122A47;font-size:16px;line-height:1.4;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .15s}
body.flowpro .fp-select.is-placeholder .fp-select__value{color:#4A5B70}
body.flowpro .fp-select__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
body.flowpro .fp-select__chev{flex:0 0 20px;color:#122A47;transition:transform .15s}
body.flowpro .fp-select.is-open .fp-select__chev{transform:rotate(180deg)}
body.flowpro .fp-select__trigger:focus,body.flowpro .fp-select.is-open .fp-select__trigger{outline:none;border-color:#2152D0;box-shadow:0 0 0 3px rgba(33,82,208,.25)}
body.flowpro .fp-select.is-invalid .fp-select__trigger{border-color:#C62828;box-shadow:0 0 0 3px rgba(198,40,40,.15)}
body.flowpro .fp-select.is-disabled .fp-select__trigger{opacity:.6;cursor:not-allowed}
body.flowpro .fp-select__list{position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#FFFFFF;border:1px solid #E8ECF7;border-radius:12px;box-shadow:0 12px 32px rgba(18,42,71,.16);max-height:320px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box}
body.flowpro .fp-select.is-up .fp-select__list{top:auto;bottom:calc(100% + 6px)}
body.flowpro .fp-select__list[hidden]{display:none!important}
body.flowpro .fp-select__opt{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:8px;color:#122A47;font-size:16px;line-height:1.35;cursor:pointer;margin:0}
body.flowpro .fp-select__opt.is-placeholder{color:#4A5B70}
body.flowpro .fp-select__opt.is-active{background:#EAF1FB;color:#122A47}
body.flowpro .fp-select__opt[aria-selected="true"]{background:#2152D0;color:#FFFFFF;font-weight:600}
body.flowpro .fp-select__opt[aria-selected="true"].is-active{background:#1B45B0;color:#FFFFFF}
body.flowpro .fp-select__opt[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
body.flowpro .fp-select__opt.is-placeholder[aria-selected="true"]{background:transparent;color:#4A5B70;font-weight:400}
body.flowpro .fp-select__opt.is-placeholder[aria-selected="true"].is-active{background:#EAF1FB}
