/* Atomware Toolkit Flow Pro 0.1.6 — layout rule + responsive. Loaded after flowpro-design.css.
   Rule (Chappy 29 Oct): hero unchanged; below it WHITE first, then solid colour, alternating, hard edges,
   no gradients/patterns; last section before the solid footer is WHITE; CTA band off (0.1.5). */

/* ===== A. LAYOUT RULE ===== */
/* Home 17: Trust strip (6b3bed84 desktop / 4e2175bf tablet+phone) -> WHITE band, art removed, live labels navy. */
body.flowpro .elementor-element-6b3bed84,body.flowpro .elementor-element-4e2175bf,
body.flowpro .elementor-element-4e2175bf .e-con,body.flowpro .elementor-element-6b3bed84 .e-con{background:#FFFFFF!important;background-image:none!important}
body.flowpro .elementor-element-6b3bed84,body.flowpro .elementor-element-4e2175bf{border-bottom:0}
body.flowpro .fp-trust-label,body.flowpro .fp-trust-label .elementor-heading-title{color:#122A47!important}
body.flowpro .fp-trust-label .elementor-heading-title{display:inline-flex;align-items:center;gap:12px}
body.flowpro .fp-trust-label .elementor-heading-title::before{content:"";flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#2152D0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat}
/* Home: Services 5ddd64cc -> SOLID navy #122A47 (white cards stay white). */
body.flowpro .elementor-element-5ddd64cc{background:#122A47!important;background-image:none!important}
body.flowpro .elementor-element-5ddd64cc > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
body.flowpro .elementor-element-5ddd64cc > .elementor-widget-heading .elementor-heading-title{color:#FFFFFF!important}
body.flowpro .elementor-element-5ddd64cc > .e-con-inner > .elementor-widget-heading .elementor-heading-title span,
body.flowpro .elementor-element-5ddd64cc .fp-accent{color:#85ADCA!important}
body.flowpro .elementor-element-5ddd64cc > .e-con-inner > .elementor-widget-text-editor,
body.flowpro .elementor-element-5ddd64cc > .elementor-widget-text-editor{color:#E8ECF7!important}
body.flowpro .elementor-element-5ddd64cc .fp-cards .swiper{padding-bottom:24px;margin-bottom:-24px}
/* Home: Who 673d4f97 WHITE; its navy notch divider da16263 (shape) removed -> hard edge. */
body.flowpro .elementor-element-673d4f97{background:#FFFFFF!important}
body.flowpro .elementor-element-da16263{display:none!important}
/* Home: "Proud to Serve" 6b033d2d -> WHITE (it is the last section before the footer); cards become flat solid navy. */
body.flowpro .elementor-element-6b033d2d{background:#FFFFFF!important;background-image:none!important}
body.flowpro .elementor-element-6b033d2d > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
body.flowpro .elementor-element-6b033d2d > .elementor-widget-heading .elementor-heading-title{color:#122A47!important}
body.flowpro .elementor-element-6b033d2d > .e-con-inner > .elementor-widget-heading:first-child .elementor-heading-title,
body.flowpro .elementor-element-6b033d2d > .elementor-widget-heading:first-child .elementor-heading-title{color:#2152D0!important}
body.flowpro .elementor-element-6b033d2d > .e-con-inner > .elementor-widget-text-editor,
body.flowpro .elementor-element-6b033d2d > .elementor-widget-text-editor{color:#130D13!important}
body.flowpro .elementor .fp-area__card{background:#122A47!important;background-image:none!important}
/* About 31: 59eb08c2 + 42b8caa2 pale #E8ECF7 -> WHITE (one white block; the navy CoC card d553213 stays a card). */
body.flowpro .elementor-element-59eb08c2,body.flowpro .elementor-element-42b8caa2{background:#FFFFFF!important;background-image:none!important}
/* Contact 35: f7ffb12 + map 98aec42 pale -> WHITE (one white block). */
body.flowpro .elementor-element-f7ffb12,body.flowpro .elementor-element-98aec42{background:#FFFFFF!important;background-image:none!important}
/* Services 33 (378c8dd3) and service templates 228/377/380/383 are already white below the hero. */
body.flowpro .elementor-element-378c8dd3{background:#FFFFFF!important}
/* Footer 41: root 1177d976 solid #122A47 (already). Wave 469d28c kept (Chappy: "wave stays intact"). */
body.flowpro .elementor-element-1177d976{background-color:#122A47!important;background-image:none!important}

/* ===== B. RESPONSIVE — header, hamburger, dropdown (first priority) ===== */
@media (max-width:1024px){
  /* hamburger: 48x48 tap target, clear navy icon, no grey box */
  body.flowpro .elementor-element-2b71c7d .elementor-menu-toggle{width:48px;height:48px;padding:12px;border-radius:12px;background:transparent!important;color:#122A47!important;fill:#122A47!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
  body.flowpro .elementor-element-2b71c7d .elementor-menu-toggle svg{width:24px;height:24px;fill:#122A47!important}
  body.flowpro .elementor-element-2b71c7d .elementor-menu-toggle[aria-expanded="true"]{background:#E8ECF7!important}
  body.flowpro .elementor-element-2b71c7d .elementor-menu-toggle:focus-visible{outline:3px solid #2152D0;outline-offset:2px}
  /* full-width solid dropdown, hard edges, readable */
  body.flowpro .elementor-element-2b71c7d .elementor-nav-menu--dropdown{background:#FFFFFF!important;border-top:1px solid #E8ECF7;border-bottom:3px solid #2152D0;box-shadow:none!important;backdrop-filter:none!important}
  body.flowpro .elementor-element-2b71c7d .elementor-nav-menu--dropdown li+li{border-top:1px solid #E8ECF7}
  body.flowpro .elementor-element-2b71c7d .elementor-nav-menu--dropdown a{min-height:52px;display:flex!important;align-items:center;justify-content:flex-start;padding:0 24px!important;font-family:Poppins,sans-serif;font-size:17px!important;font-weight:500;line-height:1.3;color:#122A47!important;background:#FFFFFF!important;border-left:4px solid transparent}
  body.flowpro .elementor-element-2b71c7d .elementor-nav-menu--dropdown a.elementor-item-active,body.flowpro .elementor-element-2b71c7d .elementor-nav-menu--dropdown a[aria-current="page"]{color:#2152D0!important;border-left-color:#2152D0}
  body.flowpro .elementor-element-2b71c7d .elementor-nav-menu--dropdown a:hover,body.flowpro .elementor-element-2b71c7d .elementor-nav-menu--dropdown a:focus-visible{background:#E8ECF7!important;color:#122A47!important}
  body.flowpro .elementor-element-2b71c7d .elementor-nav-menu--dropdown .sub-arrow{margin-left:auto;padding:0 0 0 16px}
  body.flowpro .elementor-element-2b71c7d .elementor-nav-menu--dropdown .sub-menu a{padding-left:44px!important;font-size:16px!important}
  /* header card spacing */
  body.flowpro .elementor-element-781680b{min-height:64px;padding-top:8px!important;padding-bottom:8px!important}
  body.flowpro .elementor-element-93425f8 .elementor-button{min-height:48px;display:inline-flex;align-items:center}
}
@media (max-width:767px){
  body.flowpro .elementor-element-781680b{padding-left:16px!important;padding-right:8px!important}
  body.flowpro .elementor-element-255f71a img{max-height:36px;width:auto}
}

/* ===== C. RESPONSIVE — footer stacking ===== */
@media (max-width:767px){
  body.flowpro .elementor-element-49eaccf0{display:flex!important;flex-direction:column!important;gap:32px;padding:32px 24px 40px!important}
  body.flowpro .elementor-element-49eaccf0 > .e-con,body.flowpro .elementor-element-49eaccf0 > .e-con-inner > .e-con{width:100%!important;max-width:100%!important;padding:0!important;text-align:left}
  body.flowpro .elementor-element-61c7fc4b,body.flowpro .elementor-element-61c7fc4b .elementor-widget-container{text-align:left!important}
  body.flowpro .elementor-element-61c7fc4b img{width:160px!important;height:auto}
  body.flowpro .elementor-element-1c8f002b .elementor-heading-title,body.flowpro .elementor-element-6220440 .elementor-heading-title,body.flowpro .elementor-element-7bdce700 .elementor-heading-title{font-size:18px!important;margin-bottom:4px}
  body.flowpro [data-elementor-type="footer"] .elementor-icon-list-item,body.flowpro [data-elementor-type="footer"] .elementor-icon-list-text{font-size:16px!important;line-height:1.4}
  body.flowpro [data-elementor-type="footer"] .elementor-icon-list-item{border-bottom:1px solid rgba(133,173,202,.25)}
  body.flowpro [data-elementor-type="footer"] .elementor-icon-list-item:last-child{border-bottom:0}
  body.flowpro [data-elementor-type="footer"] .elementor-icon-list-item>a,body.flowpro [data-elementor-type="footer"] .elementor-icon-list-item>span{min-height:48px;display:flex;align-items:center;word-break:break-word}
}
@media (min-width:768px) and (max-width:1024px){
  body.flowpro .elementor-element-49eaccf0{display:grid!important;grid-template-columns:1fr 1fr;gap:32px 40px;padding:40px 32px!important}
  body.flowpro .elementor-element-49eaccf0 > .e-con{width:auto!important;max-width:none!important}
  body.flowpro .elementor-element-61c7fc4b img{width:200px!important;height:auto}
  body.flowpro [data-elementor-type="footer"] .elementor-icon-list-item>a,body.flowpro [data-elementor-type="footer"] .elementor-icon-list-item>span{min-height:44px;display:flex;align-items:center}
}

/* ===== D. RESPONSIVE — body text, buttons, forms (phones/tablets) ===== */
@media (max-width:1024px){
  body.flowpro .elementor .fp-card__btn .elementor-button{font-size:16px!important;min-height:44px}
  body.flowpro .elementor-element-14042862,body.flowpro .elementor-element-14042862 p{font-size:16px!important;line-height:1.6}
  body.flowpro .elementor-element-43375a7 .elementor-icon-list-item,body.flowpro .elementor-element-43375a7 .elementor-icon-list-text{font-size:16px!important}
  body.flowpro .elementor-element-43375a7 .elementor-icon-list-item>a{min-height:44px;display:flex;align-items:center}
  body.flowpro .elementor-field-group .elementor-field-label{font-size:14px!important}
  body.flowpro .elementor-field-group .elementor-field:not(textarea),body.flowpro .elementor-field-group select{min-height:48px;font-size:16px!important}
  body.flowpro .elementor-field-group textarea{font-size:16px!important}
  body.flowpro .elementor-button[type="submit"]{min-height:48px}
}