/* =========================================================
   Kill Thai Junction theme conflicts on Amin header/hero
   Root cause: public/css/custom.css .navbar {
     background: white; border-radius: 30px;
   } → empty white pill over the nav
   ========================================================= */

#sisf-page-header .navbar,
#sisf-page-header .navbar.navbar-expand-lg,
#sisf-page-header-inner .navbar {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  width: 100%;
}

/* Force Amin desktop nav visible (Tailwind/Bootstrap conflict safe) */
@media (min-width: 1201px) {
  #sisf-page-header .sisf-centered-header-wrapper {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #sisf-page-header .sis-main-menu,
  #sisf-page-header .navbar-collapse.sis-main-menu {
    display: flex !important;
    flex-basis: auto !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }

  #sisf-page-header .sis-main-menu .nav-menu-wrapper {
    display: block !important;
    text-align: center;
    width: 100%;
  }

  #sisf-page-header .sis-main-menu .nav-menu-wrapper > ul,
  #sisf-page-header .sis-main-menu ul.navbar-nav {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    gap: 0;
  }

  #sisf-page-header .sis-main-menu ul.navbar-nav > li > a,
  #sisf-page-header .sis-main-menu ul li a.nav-link {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 35px !important;
    padding: 0 15px !important;
  }

  #sisf-page-header .sis-main-menu ul li a.nav-link:hover,
  #sisf-page-header .sis-main-menu ul li a.nav-link:focus,
  #sisf-page-header .sis-main-menu ul li a.nav-link.active {
    color: var(--secondary-color, #f6e7b8) !important;
  }
}

#sisf-page-header-inner {
  background: transparent !important;
  box-shadow: none !important;
}

/* Don't let TJ logo height rule blow up header logo */
#sisf-page-header .header-top-logo {
  height: 50px !important;
  width: auto !important;
}

#sisf-page-header .navbar-brand.mobile-block img {
  height: 45px !important;
  width: auto !important;
}

/* Auth icons */
#sisf-page-header .tj-navbar-actions,
#sisf-page-header .tj-nav-icon-btn {
  color: #fff !important;
}
#sisf-page-header .tj-nav-icon-btn:hover {
  color: var(--secondary-color, #f6e7b8) !important;
}

/* Kill leftover slicknav chrome if theme JS still injects it */
#sisf-page-header .slicknav_menu,
#sisf-page-header .slicknav_btn,
#sisf-page-header .slicknav_nav {
  display: none !important;
}

/* Mobile: Amin dark bar (not white pill) */
@media only screen and (max-width: 1200px) {
  #sisf-page-header-inner {
    background-color: var(--brand-green-dark, #140d0c) !important;
    border-radius: 12px !important;
  }

  #sisf-page-header .navbar {
    background: transparent !important;
    border-radius: 0 !important;
  }

  /* Inner pages: sit the dark bar on the page banner (no cream strip) */
  #sisf-page-header.sisf-header--inner:not(.tj-header-sticky) {
    position: absolute !important;
    background-color: transparent !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }
}

/* =========================================================
   Homepage section spacing — match Amin Machinery rhythm
   Amin: .section { padding: 70px 0 } after hero, no -90px pull-up
   ========================================================= */

.tj-home {
  display: block;
}

/* Kill Seabud overlapping curve stack on homepage only */
.tj-home .bg-section {
  margin-top: 0 !important;
  border-radius: 0 !important;
}

.tj-home .cta-box.bg-section,
.tj-home .cta-box.dark-section,
.tj-home .our-menu.bg-section,
.tj-home .our-testimonials.bg-section {
  margin-top: 0 !important;
  border-radius: 0 !important;
}

/* Amin .section = 70px vertical padding on every home block */
.tj-home .about-us,
.tj-home .why-choose-us,
.tj-home .our-menu,
.tj-home .what-we-do,
.tj-home .cta-box,
.tj-home .our-gallery,
.tj-home .our-testimonials {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

/* Testimonials inner content used heavier padding — normalize */
.tj-home .testimonials-content {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

/* Title row spacing closer to Amin (was 80px) */
.tj-home .section-row {
  margin-bottom: 40px !important;
}

/* Hero already uses Amin sis-br-radius (15px sides). Keep clear gap into About */
.tj-home .sis-hero.sis-br-radius {
  margin-bottom: 0;
}

/* Center hero copy; equal, tighter space above and below the text */
.tj-home .sis-hero .hero-slider-layout .hero-slide {
  align-items: center !important;
  justify-content: center !important;
  min-height: 580px !important;
  padding-top: 168px !important;
  padding-bottom: 64px !important;
}

.tj-home .sis-hero .hero-content,
.tj-home .sis-hero .hero-content .sis-section-title,
.tj-home .sis-hero .hero-content .sis-section-title h1,
.tj-home .sis-hero .hero-content .sis-section-title p,
.tj-home .sis-hero .sisf-m-text {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

.tj-home .sis-hero .hero-content {
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

.tj-home .sis-hero .hero-content .sis-section-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tj-home .sis-hero .button-group {
  justify-content: center !important;
}

@media only screen and (max-width: 1200px) {
  .tj-home .sis-hero .hero-slider-layout .hero-slide {
    min-height: 460px !important;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .tj-home .about-us,
  .tj-home .why-choose-us,
  .tj-home .our-menu,
  .tj-home .what-we-do,
  .tj-home .cta-box,
  .tj-home .our-gallery,
  .tj-home .our-testimonials {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .tj-home .testimonials-content {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .tj-home .section-row {
    margin-bottom: 24px !important;
  }

  .tj-home .sis-hero .hero-slider-layout .hero-slide {
    min-height: 420px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/* Thin brand-red scrollbar (overrides older hide rules) */
html,
body {
  scrollbar-width: thin !important;
  scrollbar-color: #ec1c24 transparent !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  background: transparent !important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  display: block !important;
  background: rgba(20, 13, 12, 0.06) !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  display: block !important;
  background-color: #ec1c24 !important;
  border-radius: 99px !important;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background-color: #c41e3a !important;
}

.our-menu-tab-nav.menu-category-scroll ul.nav,
.our-menu-tab-nav.menu-category-scroll ul.menu-cat-scroll-track {
  scrollbar-width: none !important;
}

.our-menu-tab-nav.menu-category-scroll ul.nav::-webkit-scrollbar,
.our-menu-tab-nav.menu-category-scroll ul.menu-cat-scroll-track::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.page-header + .bg-section,
.about-us.bg-section.about-page-body {
  margin-top: -28px !important;
  border-top-left-radius: 40px !important;
  border-top-right-radius: 40px !important;
}