/* Portofolio Kades Suwanto - Desa Colo Kudus */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-slide-in {
    animation: slideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom Scrollbar - Emerald Mountain Palette */
::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-track {
    background: #052E16;
}

::-webkit-scrollbar-thumb {
    background: #166534;
    border-radius: 9999px;
    border: 2px solid #052E16;
}

::-webkit-scrollbar-thumb:hover {
    background: #F59E0B;
}

/* Smooth Image Zoom */
.overflow-hidden img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Slot foto kosong: tampil rapi sampai file foto asli ditaruh di folder images/ */
.photo-empty {
    background-color: #14352a;
    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0 10px, transparent 10px 20px);
}
.photo-empty > div.absolute { opacity: 1 !important; }

/* ---- Penyesuaian layar HP ---- */
html {
    -webkit-text-size-adjust: 100%;
    scroll-padding-top: 5rem; /* tautan #anchor tidak tertutup header sticky */
}
body {
    overflow-x: clip; /* cegah geser horizontal */
}
@media (max-width: 640px) {
    /* font 16px mencegah iOS memperbesar layar otomatis saat mengetik */
    input, select, textarea {
        font-size: 16px !important;
    }
}
img { max-width: 100%; }