@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Poppins:wght@400;500;600;700&display=swap");

* {
    font-family: "Poppins", sans-serif;
}

body {
    scroll-behavior: smooth;
}

body.modal-open,
.modal-open nav.navbar {
    padding-right: 0 !important;
}

.font-normal {
    font-weight: 400 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-semibold {
    font-weight: 600 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.bg-powder-blue {
    background-color: #6e86b7 !important;
}

[data-bs-theme="dark"] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#beranda {
    padding-top: 3rem;
    background-image: linear-gradient(to bottom, rgba(66, 98, 160, 0.8) 0%, #fcfcfd 100%) !important;
}

#rating-dan-ulasan,
#diagnosis,
#penjemputan,
#kerusakan,
#kontak {
    padding-top: 5rem;
}

#kerusakan {
    margin-bottom: 10rem;
}

@media (max-width: 992px) {
    .min-vh-u-lg-85 {
        min-height: 50vh !important;
    }
}

@media (max-width: 768px) {
    .min-vh-u-lg-85 {
        min-height: 85vh !important;
    }
}

.color-fren-green {
    background-color: #6e86b7;
}

.btn-custom1 {
    background-color: #6e86b7 !important;
    color: #fff !important;
}

.btn-custom1:hover {
    background-color: #6e86b7 !important;
    color: #fff !important;
}

.cambridge-blue {
    color: #95a0b1 !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #6e86b7 !important;
}

.nav {
    --bs-nav-link-color: #090806 !important;
    --bs-nav-link-hover-color: #090806cb !important;
}

.nav-pills .nav-link:not(.active) {
    text-decoration: underline;
}

#upScroll {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    outline: none;
    background-color: #6e86b7;
    color: white;
    cursor: pointer;
    width: 50px;
    height: 50px;
    font-size: 18px;
}

#upScroll:hover {
    background-color: #6e86b7;
}

#upScroll.show {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

#upScroll i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
}

.shadow-custom {
    filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.3));
}

#exampleModal {
    z-index: 9998;
}

.container-image-kerusakan {
    max-height: 400px;
    overflow: hidden;
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, .15) !important;
}

.container-chocolat {
    z-index: 9999;
}

.splash-screen {
    /* Diubah dari hijau ke biru */
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(66, 98, 160, 0.8) 0%, rgb(252, 252, 253) 100%);
    /* Sebelumnya rgba(98, 126, 66, 0.5) */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-out .3s;
}

.splash-screen.hidden {
    display: none;
}

.fs-extra-small {
    font-size: .75em !important;
}

.fs-small {
    font-size: .875em !important;
}

.chocolat-wrapper {
    z-index: 9999 !important;
}

ol {
    margin-bottom: 0 !important;
}

.star {
    font-size: 1.8rem;
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s ease;
}

.star.hovered,
.star.selected {
    color: #f7c200;
}
.review-card {
    transition: all 0.3s ease;
}