/* === GLOBAL STYLES === */
	 .hide {display:none}
	 
    body {
      background-color: #f9ecc2;
      /*background-color: #fff;*/
		font-family: "Calibri Light", "Calibri", "Segoe UI", "Helvetica Neue", sans-serif;
      margin: 0;
      padding-top: 0; /* akan disesuaikan otomatis via JS */
    }
	 
    .main-container {
      max-width: 1122px;
      margin: 0 auto;
      text-align: center;
    }

    .section {
      margin-bottom: 15px;
    }

    .section img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 0;
    }

    /* === NAVBAR CUSTOM === */
    .navbar {
      background-color: #fff !important;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      z-index: 1000;
      transition: all 0.3s ease;
    }

    .navbar-brand img {
      max-width: 160px;
      height: auto;
      margin-left: 70px;
      transition: all 0.3s ease;
    }

    .nav-link {
      color: #333 !important;
      font-weight: 500;
      padding: 8px 15px;
		font-size:13pt;
    }

    .nav-link:hover {
      color: #cc0000 !important;
    }
	 

	/* === ACTIVE MENU UNDERLINE === */
	.nav-link {
	  position: relative;
	  color: #333 !important;
	  font-weight: 500;
	  padding: 8px 15px;
	  font-size: 13pt;
	  text-decoration: none;
	}

	/* Garis bawah untuk menu aktif */
	.nav-link.active::after {
	  content: "";
	  position: absolute;
	  left: 50%;
	  bottom: -1px; /* 👉 atur jarak garis dari teks */
	  transform: translateX(-50%);
	  width: 80%; /* panjang garis */
	  height: 1px; /* ketebalan garis */
	  background-color: #274732; /* warna garis */
	  border-radius: 1px;
	}

	/* Opsional: efek hover juga pakai underline */
	.nav-link:hover::after {
	  content: "";
	  position: absolute;
	  left: 50%;
	  bottom: -1px;
	  transform: translateX(-50%);
	  width: 80%;
	  height: 1px;
	  background-color: #C17E34;
	  border-radius: 1px;
	  transition: all 0.3s ease;
	}
	 

    /* === NAVBAR TOGGLER === */
    .navbar-toggler {
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2833,33,33,0.9%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    /* === RESPONSIVE BREAKPOINTS === */
    /* HP Portrait */
    @media (orientation: portrait) and (max-width: 576px) {
      .navbar-brand img {
        max-width: 70px;
        margin-left: 15px;
        margin-right: auto;
        display: block;
      }
      .navbar-toggler {
        margin-right: 10px;
      }
      .navbar {
        text-align: center;
      }		
    }

    /* HP Landscape */
    @media (max-width: 900px) and (orientation: landscape) {
      .navbar-brand img {
        max-width: 100px;
        margin-left: 50px;
      }
      .navbar-toggler {
        margin-right: 15px;
      }
    }

    /* iPad Portrait */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .navbar-brand img {
        max-width: 110px;
        margin-left: 50px;
      }
    }

    /* iPad Landscape */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .navbar-brand img {
        max-width: 110px;
        margin-left: 50px;
      }
    }
	 
	/* iPhone Portrait */
	@media (max-width: 430px) and (orientation: portrait) {
	  .navbar-brand img {
		 max-width: 70px;
		 margin-left: 0;
	  }

	  .navbar {
		 padding: 8px 10px;
	  }

	  .nav-link {
		 font-size: 0.9rem;
	  }
	}	 

    /* Desktop */
    @media (min-width: 1025px) {
      .navbar-brand img {
        max-width: 160px;
        margin-left: 70px;
      }
    }
	 

    .banner-carousel {
      position: relative;
      max-width: 1122px;
      margin: 0 auto 15px auto;
      overflow: hidden;
    }

    .slider-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 5%;
    }

    .carousel-item img {
      width: 100%;
      height: auto;
      display: block;
    }	 
	 
		 
/* === BREADCRUMB BAR === */
.breadcrumb-bar {
  width: 100%;
  background-color: #E2E2E2;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.breadcrumb-content {
  max-width: 1122px;
  margin: 0 auto;
  color: #000;
  font-size: 0.95rem;  
  text-align: right;
  padding-right: 18px; /* 👉 jarak dari kanan, bisa disesuaikan */
}

.breadcrumb-content a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
}

.breadcrumb-content a:hover {
  text-decoration: underline;
  color: #000;
}

.breadcrumb-content .separator {
  margin: 0 8px;
  color: #000;
}

.breadcrumb-content .current {
  color: #000;
  font-weight: 600;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .breadcrumb-content {
    padding-right: 5px; /* sedikit lebih kecil di mobile */
    font-size: 0.9rem;
  }
}

.btn-enquiry {
  background-color: #274732;
  color: #fff;
  border: none;
  padding: 10px 25px;
  border-radius: 25px;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s ease;
  width: fit-content;
}

.btn-enquiry:hover {
  background-color: #35684b;
}