/* Atomware Toolkit Flow Pro 0.1.7 fixes. Loaded after flowpro-layout.css. */

/* (2) Phone: body padding-bottom:64px (space for the fixed Call/WhatsApp bar 0b7aa1a) showed body white
   below the footer. Move that space into the footer so it is navy #122A47; bar still never covers footer text. */
@media (max-width:767px){
  body.flowpro{padding-bottom:0!important}
  body.flowpro .elementor-element-1177d976{padding-bottom:calc(var(--padding-bottom,0px) + 64px)!important}
  html:has(body.flowpro){background:#122A47}
}

/* (3) Service pages "Other services" (Loop Grid in f6e51a8 etc.): 3 cards in 2 columns left an orphan at 768–1024.
   Odd last card (3rd item = 4th child after the STYLE tag) spans the row, centred at the same card width. */
@media (min-width:768px) and (max-width:1024px){
  body.flowpro .elementor-element-71ea48d3 .elementor-loop-container > .e-loop-item:last-child:nth-child(even),
  body.flowpro .elementor-element-51c17fae .elementor-loop-container > .e-loop-item:last-child:nth-child(even),
  body.flowpro .elementor-element-798fc060 .elementor-loop-container > .e-loop-item:last-child:nth-child(even),
  body.flowpro .elementor-element-7b960665 .elementor-loop-container > .e-loop-item:last-child:nth-child(even){
    grid-column:1 / -1;justify-self:center;width:calc((100% - 24px) / 2)}
}

/* (4) Contact map ac13b75 points at "London Eye" (widget address field). No business address is confirmed
   (FACTS.md Q7), so the map section is hidden until Chappy confirms an address. Remove this rule to restore. */
/* 0.1.27: address confirmed (Unit 6A Sutton Road, Sidwell, Gqeberha); map shown again by contact-facts.css. */

/* (5) Home "Proud to Serve" 6b033d2d is white since 0.1.6; its eyebrow/heading/intro still had dark-section colours.
   Where we work: #85ADCA on #FFF = 2.3:1 -> #2152D0 (6.0:1). Heading white on white -> #122A47 (14.6:1).
   Intro #C9D6E8 on white (1.5:1) -> #122A47. Cards stay navy with their light text. */
body.flowpro .elementor-element-480772c3 .elementor-heading-title{color:#2152D0!important}
body.flowpro .elementor-element-6f9b6b69 .elementor-heading-title{color:#122A47!important}
body.flowpro .elementor-element-6f9b6b69 .elementor-heading-title span{color:#2152D0!important}
body.flowpro .elementor-element-735cf729,body.flowpro .elementor-element-735cf729 p{color:#122A47!important}