/* =====================================================================
   DDI shared footer – DDI Clarity  (v1)
   Used on the PHP site (footer.php) and the blog ([ddh_footer]).
   Every rule starts with #ddhFtr and key properties use !important so
   WordPress / Twenty Twenty-One / Elementor styles can't override them
   (lesson from the header: theme rules beat class-only selectors).
   ===================================================================== */

#ddhFtr{--ddf-navy:#0b1636;--ddf-navy2:#13214a;--ddf-yellow:#ffc21a;--ddf-muted:#aab3d4;--ddf-soft:#c8cfe6;--ddf-line:rgba(255,255,255,.09);
  position:relative!important;display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  background:transparent!important;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-size:15px!important;line-height:1.6!important;
  color:var(--ddf-soft)!important;text-align:left!important;-webkit-font-smoothing:antialiased;clear:both}
#ddhFtr *,#ddhFtr *::before,#ddhFtr *::after{box-sizing:border-box!important}
#ddhFtr p{margin:0!important;padding:0!important;font-family:inherit!important;letter-spacing:normal}
#ddhFtr ul{list-style:none!important;margin:0!important;padding:0!important}
#ddhFtr li{list-style:none!important;margin:0!important;padding:0!important;background:none!important}
#ddhFtr li::marker,#ddhFtr li::before{content:none!important;display:none!important}
#ddhFtr a{font-family:inherit!important;text-decoration:none!important;box-shadow:none!important;outline-offset:3px;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}
#ddhFtr a:focus-visible{outline:2px solid var(--ddf-yellow)!important}
#ddhFtr img{max-width:100%;height:auto;border:0!important;box-shadow:none!important}
#ddhFtr svg.ddf-i{width:16px!important;height:16px!important;flex:none;display:inline-block!important;vertical-align:middle;fill:currentColor!important}
#ddhFtr .ddf-wrap{max-width:1200px!important;margin:0 auto!important;padding:0 24px!important;width:100%!important}

/* ---------- CTA band ---------- */
#ddhFtr .ddf-cta{position:relative!important;z-index:2;margin:0 0 -64px!important;padding:40px 0 0!important}
#ddhFtr .ddf-cta-in{background:var(--ddf-navy2)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;padding:28px 36px!important;display:flex!important;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;box-shadow:0 30px 60px rgba(11,22,54,.22)!important}
#ddhFtr .ddf-cta-t{display:flex!important;align-items:center;gap:18px}
#ddhFtr .ddf-cta-ic{width:56px;height:56px;border-radius:16px;background:rgba(255,194,26,.14);color:var(--ddf-yellow);display:flex!important;align-items:center;justify-content:center;flex:none}
#ddhFtr .ddf-cta-ic svg.ddf-i{width:26px!important;height:26px!important}
#ddhFtr .ddf-h2{color:#fff!important;font-size:24px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.4px!important}
#ddhFtr .ddf-cta-p{margin-top:4px!important;color:var(--ddf-muted)!important;font-size:15.5px!important}

/* Buttons (links styled as buttons – no <button>, so theme button rules never apply) */
#ddhFtr .ddf-btns{display:flex!important;gap:10px;flex-wrap:wrap}
#ddhFtr .ddf-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px!important;border-radius:999px!important;font-weight:600!important;font-size:15.5px!important;line-height:1!important;white-space:nowrap}
#ddhFtr .ddf-btn-y{background:var(--ddf-yellow)!important;color:var(--ddf-navy)!important;border:0!important}
#ddhFtr .ddf-btn-y:hover{color:var(--ddf-navy)!important;box-shadow:0 12px 28px rgba(255,170,0,.35)!important}
#ddhFtr .ddf-btn-o{background:transparent!important;border:1.5px solid rgba(255,255,255,.3)!important;color:#fff!important}
#ddhFtr .ddf-btn-o:hover{border-color:#fff!important;color:#fff!important}
#ddhFtr .ddf-cta .ddf-btn-o svg.ddf-i{color:#25d366}

/* ---------- Main ---------- */
#ddhFtr .ddf-main{background:var(--ddf-navy)!important;color:var(--ddf-soft)!important;padding:120px 0 0!important}
#ddhFtr .ddf-grid{display:grid!important;grid-template-columns:1.25fr 2fr 1.35fr;gap:48px}

#ddhFtr .ddf-logo{display:inline-flex!important;align-items:center;gap:12px}
#ddhFtr .ddf-logo img{height:44px!important;width:auto!important}
#ddhFtr .ddf-logo b{display:block;font-size:19px!important;font-weight:700!important;color:#fff!important;line-height:1!important}
#ddhFtr .ddf-logo small{display:block;font-size:10.5px!important;letter-spacing:6px!important;color:var(--ddf-yellow)!important;margin-top:6px;font-weight:600!important;line-height:1!important}
#ddhFtr .ddf-about{font-size:15px!important;line-height:1.7!important;margin:18px 0 20px!important;color:var(--ddf-soft)!important}
#ddhFtr .ddf-proof{display:grid!important;gap:10px;margin-bottom:22px}
#ddhFtr .ddf-proof a,#ddhFtr .ddf-proof span{display:flex!important;align-items:center;gap:10px;font-size:14.5px!important;color:var(--ddf-soft)!important}
#ddhFtr .ddf-proof svg.ddf-i{color:var(--ddf-yellow)}
#ddhFtr .ddf-proof b{color:#fff!important;font-weight:600!important}
#ddhFtr .ddf-proof a:hover,#ddhFtr .ddf-proof a:hover b{color:var(--ddf-yellow)!important}
#ddhFtr .ddf-proof .ddf-st{display:inline-flex!important;gap:2px;color:var(--ddf-yellow)}
#ddhFtr .ddf-proof .ddf-st svg.ddf-i{width:14px!important;height:14px!important}

#ddhFtr .ddf-soc{display:flex!important;gap:8px;flex-wrap:wrap}
#ddhFtr .ddf-soc a{width:40px;height:40px;border-radius:50%!important;background:rgba(255,255,255,.06)!important;border:1px solid var(--ddf-line)!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;padding:0!important}
#ddhFtr .ddf-soc a:hover{background:var(--ddf-yellow)!important;color:var(--ddf-navy)!important;border-color:var(--ddf-yellow)!important}

#ddhFtr .ddf-links{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px}
#ddhFtr .ddf-h3{color:#fff!important;font-size:15px!important;font-weight:600!important;line-height:1.3!important;margin:6px 0 16px!important;letter-spacing:.2px!important;text-transform:none!important}
#ddhFtr .ddf-links li{margin-bottom:11px!important}
#ddhFtr .ddf-links a{color:var(--ddf-soft)!important;font-size:14.5px!important;line-height:1.5!important;display:inline-flex!important;align-items:center;gap:8px}
#ddhFtr .ddf-links a:hover{color:var(--ddf-yellow)!important}
#ddhFtr .ddf-new{font-size:10px!important;font-weight:700!important;background:var(--ddf-yellow)!important;color:var(--ddf-navy)!important;border-radius:999px;padding:2px 7px!important;letter-spacing:.5px;line-height:1.4!important}

/* Contact card */
#ddhFtr .ddf-card{background:var(--ddf-navy2)!important;border:1px solid var(--ddf-line)!important;border-radius:20px!important;padding:20px!important;align-self:start}
#ddhFtr .ddf-card-h{display:flex!important;align-items:center;gap:8px;margin:0 0 14px!important}
#ddhFtr .ddf-card-h svg.ddf-i{color:var(--ddf-yellow)}
#ddhFtr .ddf-map{height:140px;border-radius:14px;overflow:hidden;background:#1a2a5c;margin-bottom:16px}
#ddhFtr .ddf-map iframe{width:100%!important;height:100%!important;border:0!important;display:block!important;margin:0!important;max-width:none!important}
#ddhFtr .ddf-ci{display:grid!important;gap:12px;margin-bottom:16px}
#ddhFtr .ddf-ci a,#ddhFtr .ddf-ci span{display:flex!important;gap:10px;align-items:flex-start;font-size:14.5px!important;line-height:1.5!important;color:var(--ddf-soft)!important;word-break:break-word}
#ddhFtr .ddf-ci svg.ddf-i{color:var(--ddf-yellow);margin-top:3px}
#ddhFtr .ddf-ci a:hover{color:#fff!important}
#ddhFtr .ddf-ci .ddf-ph{color:#fff!important;font-weight:600!important}
#ddhFtr .ddf-card .ddf-btn{min-height:44px;padding:0 16px!important;font-size:14.5px!important;flex:1}

/* Areas + bottom bar */
#ddhFtr .ddf-areas{margin-top:48px!important;padding:18px 0!important;border-top:1px solid var(--ddf-line)!important;display:flex!important;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px!important}
#ddhFtr .ddf-areas>span{display:inline-flex!important;align-items:center;gap:8px;color:var(--ddf-muted)!important}
#ddhFtr .ddf-areas a{color:var(--ddf-soft)!important;border:1px solid var(--ddf-line)!important;border-radius:999px!important;padding:5px 12px!important;font-size:14px!important;line-height:1.4!important}
#ddhFtr .ddf-areas a:hover{color:var(--ddf-yellow)!important;border-color:rgba(255,194,26,.4)!important}
#ddhFtr .ddf-bottom{border-top:1px solid var(--ddf-line)!important;padding:18px 0 22px!important;display:flex!important;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13.5px!important;color:var(--ddf-muted)!important}
#ddhFtr .ddf-legal{display:flex!important;gap:18px;flex-wrap:wrap}
#ddhFtr .ddf-legal a{color:var(--ddf-muted)!important;font-size:13.5px!important;display:inline-flex!important;align-items:center;gap:6px}
#ddhFtr .ddf-legal a:hover{color:#fff!important}
#ddhFtr .ddf-legal svg.ddf-i{width:13px!important;height:13px!important;color:var(--ddf-yellow)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){#ddhFtr .ddf-grid{grid-template-columns:1fr 1fr}#ddhFtr .ddf-links{grid-column:1/-1;order:3}}
@media (max-width:767px){
  #ddhFtr .ddf-cta{padding-top:24px!important}
  #ddhFtr .ddf-cta-in{padding:22px!important;border-radius:20px!important}
  #ddhFtr .ddf-h2{font-size:20px!important}
  #ddhFtr .ddf-cta-ic{display:none!important}
  #ddhFtr .ddf-cta .ddf-btns{width:100%}
  #ddhFtr .ddf-cta .ddf-btn{flex:1}
  #ddhFtr .ddf-main{padding-top:110px!important}
  #ddhFtr .ddf-grid{grid-template-columns:1fr;gap:36px}
  #ddhFtr .ddf-links{grid-template-columns:1fr 1fr}
  #ddhFtr .ddf-bottom{flex-direction:column;align-items:flex-start}
  #ddhFtr .ddf-wrap{padding:0 16px!important}
}
@media (max-width:420px){#ddhFtr .ddf-links{grid-template-columns:1fr}#ddhFtr .ddf-btn{white-space:normal}}

/* ---------- Blog (Elementor Header & Footer Builder) wrapper reset ---------- */
.elementor-widget-shortcode:has(#ddhFtr) .elementor-shortcode,
.elementor-widget-shortcode:has(#ddhFtr) .elementor-widget-container{margin:0!important;padding:0!important}
.elementor-element:has(> .elementor-widget-container #ddhFtr),
.e-con:has(#ddhFtr),.e-con-inner:has(#ddhFtr),
.elementor-section:has(#ddhFtr),.elementor-container:has(#ddhFtr),
.elementor-column:has(#ddhFtr) > .elementor-widget-wrap,
.elementor-widget-wrap:has(#ddhFtr){padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.footer-width-fixer:has(#ddhFtr){width:100%!important;max-width:none!important;padding:0!important}
footer:has(#ddhFtr){margin-top:0!important;padding:0!important;background:transparent!important}