/* ==========================================================
   DELECON® BRAND FOOTER v2
   Clean card, same width as main content, no side scroll
   ========================================================== */

/* 1) GLOBAL SAFETY – NO HORIZONTAL SCROLL ON MOBILE OR LAPTOP */
html,
body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden; /* STOP side movement */
}

/* 2) OUTER WRAPPER – ALIGN WITH MAIN LAYOUT (INDEX / PORTFOLIO / BLOG) */
.brand-closure-final {
  max-width: 1180px;          /* same as your main containers */
  margin: 0 auto;             /* center on page */
  padding: 0 16px 24px;       /* only small bottom padding */
  box-sizing: border-box;
}

/* 3) BRAND CARD – EQUAL GAP ON ALL 4 SIDES */
.bc-card {
  width: 100%;
  margin-top: 24px;           /* small, normal gap from section above */
  margin-bottom: 0;           /* NO extra gap below */
  padding: 24px;              /* equal top / right / bottom / left */
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.08);

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  box-sizing: border-box;
}

/* 4) BRAND TEXT */
.bc-brand a {
  font-weight: 700;
  letter-spacing: 0.08em;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #003a7a;
}

/* 5) SOCIAL ICONS ROW */
.bc-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 4px;
}

.bc-social a {
  font-size: 22px;
  color: #003a7a;
  text-decoration: none;
}

/* 6) COPYRIGHT LINE */
.bc-meta {
  font-size: 13px;
  color: #4b5563;
}

/* Links inside meta */
.bc-meta a {
  color: #1d4ed8;
  text-decoration: none;
}

.bc-meta a:hover {
  text-decoration: underline;
}

/* 7) MOBILE TWEAKS */
@media (max-width: 768px) {
  .brand-closure-final {
    padding: 0 14px 18px;
  }

  .bc-card {
    margin-top: 18px;
    padding: 22px 18px;
    border-radius: 22px;
  }

  .bc-brand a {
    font-size: 16px;
  }
}
/* ==== UNIVERSAL FOOTER GAP FIX (APPLIES TO ALL PAGES) ==== */

/* Remove bottom padding/margin from last content blocks */
main,
.dcc-shell,
.page-container,
.wrap,
.portfolio-block,
.portfolio-section,
.section,
.article {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove the last child bottom space inside portfolio pages */
main > *:last-child,
.dcc-shell > *:last-child,
.page-container > *:last-child,
.portfolio-section > *:last-child,
.section > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Tighten space between last portfolio card and brand footer */
.portfolio-section:last-of-type {
  margin-bottom: 8px !important; /* clean, minimal gap */
}

/* Ensure footer hugs content on all devices */
.brand-closure,
.brand-closure-final {
  margin-top: 0 !important;
  padding-top: 0 !important;
}