/* =========================================================
   Amin Machinery footer UI — missing pieces + TJ brand
   (amin-layout.css already has core middle/top/bottom + marquee text)
   ========================================================= */

@keyframes scrollX {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* Dark shell with TJ colors + restaurant photo wash */
.sisf-page-footer-inner-area.sis-comman-background {
  background-color: #140d0c !important;
  background-image: linear-gradient(
      rgba(20, 13, 12, 0.92),
      rgba(20, 13, 12, 0.94)
    ),
    url("../images/menu_items/FOOTER.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Neutralize Seabud footer chrome when Amin footer is used */
footer.main-footer:has(.sisf-page-footer-inner-area) {
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
}

footer.main-footer:has(.sisf-page-footer-inner-area).bg-section,
footer.main-footer:has(.sisf-page-footer-inner-area).dark-section {
  margin-top: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Accent on dark footer = cream/gold */
.sisf-page-footer-inner-area .sisf-e-colored,
.main-footer .sisf-page-footer-inner-area .sisf-e-colored {
  color: var(--secondary-color, #f6e7b8) !important;
}

.sis-comman-bottom-line-text {
  margin-top: 40px;
}

.footer-links h3,
.footer-contact h3 {
  margin-top: 0;
  margin-bottom: 25px;
  color: var(--primary-color);
  font-size: 20px;
  font-style: normal;
  font-family: var(--default-font, "Manrope", sans-serif);
  text-transform: none;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0;
}

.footer-links ul {
  padding-left: 23px;
  margin-bottom: 0;
}

.footer-links ul li {
  margin-bottom: 8px;
  transition: all 0.4s ease-in-out;
}

.footer-links ul li:hover {
  padding-left: 10px;
  transition: all 0.4s ease-in-out;
}

.footer-links ul li a,
.footer-links ul li::marker {
  color: var(--primary-color);
  transition: all 0.4s ease-in-out;
}

.footer-links ul li:hover a {
  color: var(--main-color, #ec1c24) !important;
}

.footer-links.page ul li::marker {
  color: var(--white-color, #fff);
  font-size: 20px;
  transition: 0.4s ease-in-out;
}

.footer-links.page ul li:hover::marker {
  color: var(--main-color, #ec1c24);
  transition: 0.4s ease-in-out;
}

.footer-links.page h3 {
  font-size: 18px !important;
  margin-bottom: 25px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff !important;
}

.footer-links.page ul li {
  margin-bottom: 12px !important;
}

.footer-links.page ul li a {
  font-size: 16px !important;
  color: #ffffff !important;
  transition: color 0.3s ease;
  text-decoration: none !important;
}

.footer-links.page ul li a:hover {
  color: var(--main-color, #ec1c24) !important;
}

.footer-social-icons-link li a {
  display: flex;
  align-items: center;
  font-size: 20px;
  gap: 15px;
  color: var(--main-color, #ec1c24);
  margin-bottom: 10px;
  transition: 0.4s ease-in-out;
}

.footer-social-icons-link li a:hover,
.footer-social-icons-link li a:hover i {
  color: var(--main-color, #ec1c24) !important;
  transition: 0.4s ease-in-out;
}

.footer-social-icons-link i {
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: center;
  color: var(--white-color, #fff);
  transition: 0.4s ease-in-out;
}

.footer-social-icons-link.page i {
  line-height: normal;
}

.footer-logo > .footer-logo > a,
.footer-logo .footer-logo > a {
  display: inline-block;
  line-height: 0;
}

.footer-main-logo {
  height: 72px !important;
  width: auto !important;
  max-width: 280px !important;
  object-fit: contain;
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}

/* Don't let Seabud .footer-copyright flex layout break Amin bottom bar */
.sisf-page-footer-bottom-area {
  overflow: visible;
  padding-bottom: 8px;
}

.sisf-page-footer-bottom-area .footer-copyright {
  display: block !important;
  border: none !important;
  padding: 28px 0 36px !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible;
}

.footer-main-logo:hover {
  transform: scale(1.05);
}

.footer-social-icons-link.page a i {
  font-size: 24px !important;
  color: #ffffff !important;
  transition: all 0.3s ease;
  opacity: 0.8;
}

.footer-social-icons-link.page a:hover i {
  opacity: 1;
  transform: translateY(-5px);
  color: var(--main-color, #ec1c24) !important;
}

.sisf-page-footer-middle-area .sisf-m-title h3 {
  font-size: 26px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.sisf-page-footer-middle-area .sis-m-text p {
  color: #ffffff !important;
}

.sisf-page-footer-inner-area .sis-footer-content span {
  color: transparent;
}

.sisf-page-footer-bottom-area .footer-copyright-text p,
.sisf-page-footer-bottom-area .footer-privacy-policy a {
  color: #ffffff !important;
  font-weight: 500;
  line-height: 1.5 !important;
  overflow: visible;
}

.sisf-page-footer-inner-area .sis-comman-bottom-line-text .sisf-content-item {
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
}

.sisf-page-footer-inner-area .sis-comman-bottom-line-text .sisf-content-item img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

@media (max-width: 1200px) {
  .footer-main-logo {
    height: 75px !important;
  }
  .footer-social-icons-link.page a i {
    font-size: 22px !important;
  }
  .sis-footer-content span {
    font-size: 50px !important;
  }
  .sisf-page-footer-middle-area {
    padding: 25px 0 !important;
  }
}

@media (max-width: 991px) {
  .sisf-page-footer-top-area-inner {
    padding-top: 30px;
  }
  .sis-footer-content,
  .sisf-page-footer-middle-area {
    margin-top: 0;
  }
  .footer-logo {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .footer-main-logo {
    height: 70px !important;
  }
  .footer-social-icons-link.page a i {
    font-size: 20px !important;
  }
  .footer-social-icons-link.page ul {
    gap: 15px !important;
  }
  .footer-links h3,
  .footer-contact h3 {
    margin: 15px 0;
  }
  .footer-privacy-policy ul {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  .sisf-page-footer-top-area-inner {
    padding-bottom: 0;
  }
  .sis-comman-bottom-line-text {
    flex-wrap: wrap;
    gap: 16px !important;
  }
}

@media (max-width: 480px) {
  .footer-main-logo {
    height: 65px !important;
  }
  .footer-social-icons-link.page a i {
    font-size: 18px !important;
  }
}