/* PRAMUKA KWARAN NGANTANG CUSTOM THEME */
/* Mengganti warna utama dengan Cokelat Tua khas Pramuka (#4e342e) dan warna aksen dengan Oranye/Kuning Pramuka (#f57c00) */

body {
    font-family: 'Poppins', sans-serif !important;
}

/* Navbar */
.ftco-navbar-light {
    background: #4e342e !important; /* Cokelat Tua */
    border-bottom: 2px solid #f57c00 !important; /* Oranye */
}

.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
    color: #ffffff !important;
    font-weight: 500;
}

.ftco-navbar-light .navbar-nav > .nav-item.active > a {
    color: #f57c00 !important;
    font-weight: 700;
}

.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover {
    color: #f57c00 !important;
}

/* Footer */
.ftco-footer.ftco-bg-dark {
    background: #3e2723 !important; /* Lebih gelap dari cokelat utama */
    color: #d7ccc8 !important;
}

.ftco-footer .ftco-footer-widget h2 {
    color: #f57c00 !important; /* Heading oranye */
}

.ftco-footer .ftco-footer-widget h1.logo a {
    color: #ffb300 !important; /* Kuning emas Pramuka */
}

.ftco-footer .ftco-footer-widget h1.logo a span {
    color: #ffffff !important;
}

/* Tombol dan Links */
a {
    color: #f57c00;
    transition: all 0.3s ease;
}

a:hover {
    color: #ef6c00;
}

.btn-primary {
    background-color: #f57c00 !important;
    border-color: #f57c00 !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #e65100 !important;
    border-color: #e65100 !important;
}

.btn-success {
    background-color: #4e342e !important;
    border-color: #3e2723 !important;
}

/* Heading dan Teks Welcome */
h1, h2, h3, h4, h5, h6 {
    color: #4e342e;
}

.hero-wrap .slider-text h1 {
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    font-weight: 800;
}

.hero-wrap .slider-text h2.subheading {
    color: #f57c00;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    font-weight: 600;
    letter-spacing: 2px;
}

.hero-wrap .slider-text p {
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    font-size: 18px;
    background: rgba(78, 52, 46, 0.5); /* Cokelat transparan (Glassmorphism) */
    padding: 15px;
    border-radius: 8px;
    border-left: 4px solid #f57c00;
}

/* Animasi Loader */
.circular .path {
    stroke: #f57c00 !important;
}