/* CCDE post-launch batch fixes */

/* Featured Posts sidebar: text was running into the thumbnail */
.secondary-sidebar .widget_recent_posts li,
.secondary-sidebar .widget li:has(> a > img){
  display:flex; align-items:flex-start; gap:14px; margin-bottom:18px;
}
.secondary-sidebar .widget li > a:first-child{ flex:0 0 84px; line-height:0; }
.secondary-sidebar .widget li > a:first-child img{
  width:84px; height:64px; object-fit:cover; border-radius:8px; display:block;
}
.secondary-sidebar .widget li .entry-title{ flex:1 1 auto; margin:0; padding-left:0; }
.secondary-sidebar .widget li .entry-title h4{ margin:0; font-size:15px; line-height:1.35; }

/* Footer: newsletter block removed - keep the remaining columns balanced */
footer .elementor-element-c896f82 > .e-con-inner{ padding-top:56px; }


/* Service-page CTA row (Call + Download CV) */
.ccde-service-cta{
  display:flex; flex-wrap:wrap; gap:16px; align-items:center;
  margin:38px 0 42px;
}
@media (max-width:600px){ .ccde-service-cta{ flex-direction:column; align-items:stretch; } }

/* Footer social + developer credit.
   The footer sits on rgb(22,22,22). theme.css has
     #footer a:not(.button):not(.elementor-button){ color: var(--wdtLinkColor) }
   at specificity (1,2,1), which forced these anchors to near-black - invisible
   against the dark footer until hover. Override explicitly. */
.ccde-footer-extra{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:10px 22px; margin-top:14px;
  color: rgba(255,255,255,.78);
}
#footer .ccde-footer-extra a,
#footer .ccde-footer-extra a:link,
#footer .ccde-footer-extra a:visited,
.ccde-footer-extra a{
  color: rgba(255,255,255,.92) !important;
  opacity: 1 !important;
  text-decoration: none;
}
#footer .ccde-footer-extra a:hover,
#footer .ccde-footer-extra a:focus-visible,
.ccde-footer-extra a:hover{
  color: var(--wdtPrimaryColor, #c69a59) !important;
}
.ccde-footer-extra .ccde-credit{
  font-size:.86em;
  color: rgba(255,255,255,.75);
  opacity: 1;
}
.ccde-social{ display:inline-flex; align-items:center; gap:8px; }
.ccde-social svg{ width:18px; height:18px; fill: currentColor; }

/* The footer carries a Google Map widget that can never render (no API key) and
   collapses to 0px on every page. On the Contact page the Maps assets are still
   loaded in the head, so it initialised at 500px and made that footer 1104px tall
   against 666px everywhere else. Collapse it so every footer is identical.
   The visible service-area map is a separate static image and is unaffected. */
#footer [data-widget_type="wdt-google-map.default"]{ display: none !important; }

/* Service-page sidebar CTA (replaced the dead Contact Form 7 block) */
.ccde-sidebar-cta{ margin-top:6px; }
.ccde-sidebar-cta .wdt-file-format{ line-height:1.7; margin:0 0 18px; }
.ccde-sidebar-cta .wdt-file-format a{ color: var(--wdtPrimaryColor,#c69a59); text-decoration:none; }
.ccde-sidebar-cta .wdt-file-format a:hover{ text-decoration:underline; }
.ccde-sidebar-btns{ display:flex; flex-direction:column; gap:12px; align-items:stretch; }
.ccde-sidebar-btns .wdt-button-holder{ width:100%; }
.ccde-sidebar-btns .wdt-button{ width:100%; justify-content:flex-start; }
.ccde-form-replaced{ margin:18px 0; }