/* Start custom CSS for section, class: .elementor-element-c2fe998 *//* =========================================================
   KianPR — Site footer
   No class needed to add in Elementor — .wd-footer already
   uniquely targets the footer landmark on every page.
   Matches the dark navy/blue/teal palette from the hero section.
   ========================================================= */

.wd-footer {
  --kpr-ink: #0a0e1e;
  --kpr-navy: #12193a;
  --kpr-blue: #4069eb;
  --kpr-teal: #0ddeb8;

  background: linear-gradient(180deg, var(--kpr-navy) 0%, var(--kpr-ink) 100%) !important;
  padding-top: 64px !important;
  padding-bottom: 40px !important;
}

.wd-footer .footer-sidebar { row-gap: 48px !important; align-items: center; }

/* ---- full width: the theme's default .container caps at a fixed
   max-width, which is almost certainly what caused the lopsided
   empty space on one side in the screenshot. Let it use the full
   viewport, with fluid side padding so content doesn't hug the edges. ---- */
.wd-footer .container.main-footer {
  max-width: 100% !important;
  width: 100% !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
  box-sizing: border-box !important;
}

/* ---- explicit responsive grid for the 3 columns — set directly
   rather than relying on the theme's own breakpoint math, since
   only its "lg" and "xs" sizes were actually defined, leaving an
   undefined gap at tablet widths ---- */
.wd-footer .footer-sidebar {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  column-gap: 48px !important;
}

.wd-footer .footer-column {
  grid-column: auto / span 1 !important;
}

@media (max-width: 1024px) {
  .wd-footer .footer-sidebar {
    grid-template-columns: repeat(2, 1fr) !important;
    row-gap: 40px !important;
  }
}

@media (max-width: 767px) {
  .wd-footer .footer-sidebar {
    grid-template-columns: 1fr !important;
    row-gap: 40px !important;
  }
}

/* the embedded Elementor block in column 1 has its own section
   padding — zero it out so it doesn't double up with the footer's */
.wd-footer .elementor-top-section { padding: 0 !important; }

/* ---- subtle column divider on desktop only ---- */
@media (min-width: 1025px) {
  .wd-footer .footer-column-2 {
    border-inline: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-inline: 32px !important;
  }
}

/* ---- logo: white plate behind it — your logo file is almost
   certainly designed for a light background, so this keeps it
   visible without needing to know its exact colors ---- */
.wd-footer.wd-footer .wd-image {
  display: inline-block !important;
  background: #ffffff !important;
  padding: 14px 20px !important;
  border-radius: 12px !important;
  margin-bottom: 20px !important;
}

/* ---- description paragraph ---- */
.wd-footer .wd-text-block p {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 13.5px !important;
  line-height: 2 !important;
}

/* ---- contact list ---- */
.wd-footer .wd-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

.wd-footer .wd-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.wd-footer .wd-list .wd-icon {
  flex-shrink: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: rgba(13, 222, 184, 0.12) !important;
}

/* force the icon SVGs to white regardless of their original color */
.wd-footer .wd-list .wd-icon img {
  filter: brightness(0) invert(1) !important;
  width: 14px !important;
  height: 14px !important;
}

.wd-footer .wd-list .wd-list-content,
.wd-footer .wd-list .wd-list-content a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 13.5px !important;
  line-height: 1.8 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.wd-footer .wd-list a:hover { color: var(--kpr-teal) !important; }

/* ---- widget titles ("جدیدترین اخبار" / "دسترسی سریع") ---- */
.wd-footer .widget-title {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 22px !important;
  position: relative !important;
  padding-bottom: 12px !important;
}

.wd-footer .widget-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  inset-inline-start: 0 !important;
  width: 36px !important;
  height: 3px !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, var(--kpr-blue), var(--kpr-teal)) !important;
}

/* ---- recent posts ---- */
.wd-footer .woodmart-recent-posts-list li {
  display: flex !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
  align-items: flex-start !important;
}

.wd-footer .recent-posts-thumbnail img {
  border-radius: 10px !important;
  object-fit: cover !important;
}

.wd-footer .wd-entities-title.title a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.wd-footer .wd-entities-title.title a:hover { color: var(--kpr-teal) !important; }

.wd-footer .recent-posts-time {
  display: inline-block !important;
  margin-top: 6px !important;
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 11.5px !important;
}

/* ---- quick links menu ---- */
.wd-footer #nav_menu-16 ul.menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.wd-footer #nav_menu-16 ul.menu a {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  transition: color 0.25s ease, padding-inline-start 0.25s ease !important;
  display: inline-block !important;
}

.wd-footer #nav_menu-16 ul.menu a:hover {
  color: var(--kpr-teal) !important;
  padding-inline-start: 4px !important;
}

/* ---- Enamad trust seal ---- */
.kpr-enamad {
  display: inline-block !important;
  background: #ffffff !important;
  padding: 6px !important;
  border-radius: 10px !important;
  margin-top: 24px !important;
}

.kpr-enamad img { display: block !important;
justify-content: center;
    display: flex;}

/* ---- mobile ---- */
@media (max-width: 767px) {
  .wd-footer { padding-top: 48px !important; padding-bottom: 32px !important; }
  .wd-footer .footer-sidebar { row-gap: 40px !important; }
}

@media (max-width: 767px) {
  .wd-footer .elementor-widget-container:has(.kpr-enamad) {
    display: flex !important;
    justify-content: center !important;
  }
  .wd-footer .kpr-enamad {
    display: inline-block !important;
    margin-inline: auto !important;
  }
}/* End custom CSS */