/* ===== VARIABLES ===== */
.footer-glass-wrapper {
  --logo-size: 86px;
  --base-color: var(--wp--preset--color--palette-color-6);
  --font-text-logo: var(--e-global-typography-primary-font-family);
}
[data-footer*='type-1'] .ct-footer {
  /* background-size: cover; */
}
/* ===== FOOTER OUTER ===== */
footer#footer.ct-footer {
  position: relative;
  padding: 100px 24px 24px;
}

/* ===== PANEL GLASS ===== */
.footer-glass-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0 auto;
  padding: 0 48px 24px;
  max-width: 1200px;
  min-height: 300px;
  /* ❌ Bỏ background-image/background-size — SVG inline xử lý */
  background: none;
}

/* ===== SVG BACKGROUND (inline, responsive) ===== */
.footer-bg-svg {
  position: absolute;
  inset: 0; /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible; /* shadow cần nhô ra ngoài bounds */
}

/* Đảm bảo mọi children nằm trên SVG */
.footer-glass-wrapper > *:not(.footer-bg-svg) {
  position: relative;
  z-index: 1;
}

/* ===== LOGO ===== */
.footer-glass-wrapper .footer-logo-link {
  position: absolute;
  top: calc(var(--logo-size) / -2);
  left: 50%;
  transform: translateX(-50%);
  width: var(--logo-size);
  height: var(--logo-size);
  border-radius: 50%;
  box-shadow:
    rgba(0, 0, 0, 0.12) 0px 1px 3px,
    rgba(0, 0, 0, 0.24) 0px 1px 2px;
  z-index: 10;
}

/* ===== MÀU CHỮ ===== */
.footer-glass-wrapper,
.footer-glass-wrapper a,
.footer-glass-wrapper p,
.footer-glass-wrapper li,
.footer-glass-wrapper h2,
.footer-glass-wrapper input,
.footer-glass-wrapper .ct-footer-copyright {
  color: var(--base-color) !important;
}

.footer-glass-wrapper #menu-main-menu-1 li a {
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 19px;
}
.footer-glass-wrapper #menu-main-menu-1 li.current-menu-item a,
.footer-glass-wrapper #menu-main-menu-1 li:hover a {
  color: var(--wp--preset--color--palette-color-1) !important;
}
.footer-glass-wrapper .ct-icon-container svg {
  fill: var(--base-color);
}
.footer-glass-wrapper .ct-container-fluid {
  max-width: 100%;
}

[data-row='middle'] h2.wp-block-heading {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 26px;
}
[data-row='bottom'] h2.wp-block-heading {
  font-family: var(--font-text-logo);
  font-size: 56px;
  font-weight: 500;
  text-shadow: 2px 3px 1px rgba(40 107 44 / 28%);
}
.ct-footer .footer-glass-wrapper [data-row] > div {
  grid-column-gap: 20%;
  align-items: baseline;
}
[data-row='middle'] ul.widget-menu {
  display: grid;
  grid-template-columns: auto auto;
  gap: 1rem;
  font-size: 1.25rem;
  font-family: 'Itim';
}
.footer-glass-wrapper [data-row='bottom'] {
  margin-top: auto;
}

/* ===== TABLET ===== */
@media (max-width: 1000px) {
  [data-row='bottom'] h2.wp-block-heading {
    font-size: 38px;
    line-height: 1;
    margin-top: 2rem;
  }
  [data-row='middle'] h2.wp-block-heading {
    font-size: 22px;
  }
}

/* ===== MOBILE ===== */

@media (max-width: 689.98px) {
  footer#footer.ct-footer {
    position: relative;
    padding: 100px 8px 8px;
  }
  .footer-glass-wrapper {
    padding: 80px 16px 8px;
  }
  .ct-footer [data-row] {
    display: contents;
  }
  .ct-footer [data-row] > div.ct-container-fluid {
    display: contents;
  }
  .ct-footer [data-row] > div.ct-container-fluid > div {
    margin-bottom: 1rem;
  }
  .ct-footer [data-column='socials'] {
    order: 2;
    align-self: flex-start;
  }
  .ct-social-box {
    --items-spacing: 1rem;
  }
  .ct-icon,
  .ct-icon-container svg {
    --theme-icon-size: 32px;
  }
  .ct-footer [data-column='widget-area-4'] {
    order: 3;
  }

  .ct-footer [data-column='widget-area-2'] {
    order: 4;
  }
  .ct-footer [data-column='copyright'] {
    order: 5;
    margin-top: 2rem;
  }
}