.site-footer{background:var(--dd-ink);color:var(--dd-paper);padding:96px 0 40px}
.footer-top{display:grid;grid-template-columns:1fr;gap:56px;padding-bottom:64px;border-bottom:1px solid rgba(251,248,244,.14)}
@media (min-width:901px){ .footer-top{grid-template-columns:1.3fr 1fr 1fr 1fr} }

.footer-brand img{height:26px;width:auto;display:block;margin-bottom:24px}
.footer-brand p{font-family:var(--dd-font-body);font-size:14.5px;line-height:1.65;color:rgba(251,248,244,.6);max-width:34ch;margin:0 0 26px}

.newsletter-form{display:flex;align-items:center;gap:12px;max-width:330px}
@media (max-width:560px){ .newsletter-form{flex-direction:column;max-width:100%;width:100%;gap:10px} }
.newsletter-form input{flex:1;min-width:0;font-family:var(--dd-font-body);font-size:14px;color:var(--dd-paper);background:rgba(251,248,244,.07);border:1px solid rgba(251,248,244,.18);border-radius:999px;padding:12px 18px;outline:none}
@media (max-width:560px){ .newsletter-form input{width:100%} }
.newsletter-form input:focus{border-color:var(--dd-signal-3)}
.newsletter-form button{flex:none;white-space:nowrap;font-family:var(--dd-font-ui);font-size:14px;color:#fff;background:var(--dd-gradient);padding:12px 24px;border-radius:999px;line-height:1}
@media (max-width:560px){ .newsletter-form button{width:100%} }

/* Newsletter embed — a provider shortcode/snippet (Mailchimp for WP, Brevo, MailPoet,
   FluentCRM, ConvertKit, HubSpot) rendered inside this wrapper picks up the same visual
   language as the built-in .newsletter-form, on the dark footer background, without the
   client writing any CSS. Generic element selectors cover most providers' actual markup;
   the provider-specific selectors below handle the few that wrap fields in their own
   layout containers with built-in spacing our generic rules can't reach. */
.dd-newsletter-wrap{max-width:330px}
.dd-newsletter-wrap input[type=email],
.dd-newsletter-wrap input[type=text],
.dd-newsletter-wrap input:not([type]){
  font-family:var(--dd-font-body);font-size:14px;color:var(--dd-paper);background:rgba(251,248,244,.07);
  border:1px solid rgba(251,248,244,.18);border-radius:999px;padding:12px 18px;outline:none;width:100%;box-sizing:border-box;margin-bottom:10px
}
.dd-newsletter-wrap input:focus{border-color:var(--dd-signal-3)}
.dd-newsletter-wrap button,
.dd-newsletter-wrap input[type=submit]{
  font-family:var(--dd-font-ui);font-size:14px;color:#fff;background:var(--dd-gradient);
  padding:12px 24px;border-radius:999px;line-height:1;border:0;cursor:pointer;width:100%
}
.dd-newsletter-wrap label,.dd-newsletter-wrap p{color:rgba(251,248,244,.6);font-size:13px}
.dd-newsletter-wrap a{color:var(--dd-signal-3)}

/* The native sign-up shown while no provider is configured. The export lays it out
   as a single row — field and Join button side by side — rather than the stacked
   arrangement the generic provider rules above use, so it overrides those two. */
.dd-newsletter-form{display:flex;align-items:center;gap:12px;max-width:330px}
.dd-newsletter-wrap .dd-newsletter-form input[type=email]{flex:1;min-width:0;width:auto;margin-bottom:0}
.dd-newsletter-wrap .dd-newsletter-form button{flex:none;white-space:nowrap;width:auto}
.dd-newsletter-form .dd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dd-newsletter-note{margin:10px 0 0;font-size:12.5px;color:rgba(251,248,244,.6)}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}

/* Mailchimp for WP */
.dd-newsletter-wrap .mc4wp-form-fields{display:grid;gap:10px}
/* Brevo / Sendinblue */
.dd-newsletter-wrap .sib-form-block,.dd-newsletter-wrap .sib-input{margin-bottom:10px}
/* MailPoet */
.dd-newsletter-wrap .mailpoet_form .mailpoet_paragraph{margin-bottom:10px}
/* FluentCRM */
.dd-newsletter-wrap .fluentcrm-form .ff-el-group,
.dd-newsletter-wrap .ff-el-form-control{margin-bottom:10px}
/* ConvertKit */
.dd-newsletter-wrap .formkit-form{max-width:100%}
/* HubSpot */
.dd-newsletter-wrap .hbspt-form .hs-form-field{margin-bottom:10px}
.dd-newsletter-wrap .hbspt-form .hs-error-msg{color:#ffb4a8;font-size:12px}

.footer-col-heading{font-family:var(--dd-font-ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,248,244,.42);margin-bottom:20px}
/* wp_nav_menu is asked for bare <li>s (items_wrap '%3$s'), which keep
   display:list-item and so drew bullet markers the export does not have. */
.footer-col-links{display:grid;gap:12px;list-style:none}
.footer-col-links li{list-style:none;margin:0}
.footer-col-links a{font-family:var(--dd-font-body);font-size:14.5px;color:rgba(251,248,244,.72)}
.footer-col-links a:hover{color:var(--dd-signal-1)}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;flex-wrap:wrap}
.footer-meta{display:flex;align-items:center;gap:24px;font-family:var(--dd-font-ui);font-size:12.5px;color:rgba(251,248,244,.42);flex-wrap:wrap}
.footer-social{display:flex;align-items:center;gap:10px}
.footer-social a,.footer-social span{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(251,248,244,.6);border:1px solid rgba(251,248,244,.16)}
.footer-social a:hover{color:var(--dd-signal-1);border-color:rgba(255,138,0,.5)}

.back-to-top{position:fixed;right:24px;bottom:24px;z-index:80;width:52px;height:52px;border-radius:50%;background:var(--dd-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--dd-shadow-back-top);transition:transform .25s var(--dd-ease),box-shadow .25s;opacity:0;pointer-events:none;transform:translateY(8px)}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(255,68,0,.4)}