/* ===================================
   RESPONSIVE BREAKPOINTS
=================================== */

/* Tampilan Tablet / Laptop Kecil */
@media(max-width: 992px) {
    .site-title { font-size: 18px; }
    .nav-desktop a { padding: 6px 10px; font-size: 13px; }
    .news-grid, .gallery-grid, .footer-grid, .structure-grid, .layanan-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tampilan Mobile (HP) */
@media(max-width: 768px) {
    /* Sembunyikan Menu Desktop di HP */
    .nav-desktop {
        display: none;
    }

    /* Tampilkan Bottom Nav di HP */
    .bottom-nav {
        display: flex;
    }

    /* Tambahkan Margin Bawah pada Main agar Konten Tidak Tertutup Bottom Nav */
    main {
        padding-bottom: 75px;
    }

    .news-grid, .gallery-grid, .structure-grid, .layanan-grid {
        grid-template-columns: 1fr;
    }

    .gallery-item img {
        height: 220px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .social {
        justify-content: center;
    }
}

@media(max-width: 768px) {
    .section-title {
        font-size: 26px;
    }
    .section-subtitle {
        margin-bottom: 30px;
    }
    section {
        padding: 50px 0;
    }
}