/* =====================================================
   PDAM Tirta Makmur - Custom Stylesheet
   Lokasi file ini: public/css/custom.css
   ===================================================== */

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

.font-script {
    font-family: 'Caveat', cursive;
}

/* Bentuk lengkung (wave) di bagian atas footer */
.wave-top {
    position: relative;
}

.wave-top::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,120 900,-40 1200,40 L1200,0 L0,0 Z' fill='%23000'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,120 900,-40 1200,40 L1200,0 L0,0 Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

/* Pola titik-titik dekoratif di section "Tentang Kami" */
.dot-grid {
    background-image: radial-gradient(circle, #cbd5e1 1.5px, transparent 1.5px);
    background-size: 14px 14px;
}

/* Scrollbar tipis untuk carousel foto Instagram */
.ig-scroll::-webkit-scrollbar {
    height: 6px;
}

.ig-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}