/* ====================================================== */
    /* SHELL DAFTAR UMKM = INDEX */
    /* ====================================================== */

    /*
        Menjaga logo/navbar/footer sebagai satu visual system
        dengan index.html tanpa mengubah desain kartu direktori.
    */

    #directory-page {
        isolation: isolate;
    }


    /* Navbar logo harus identik dengan Index */
    #navbar-container .cidadap-navbar-logo {
        width: 50px;
        height: 50px;
    }


    /*
        Search / filter sedikit lebih hidup ketika hover,
        supaya interaktivitas setara dengan komponen Index.
    */
    .directory-search {
        transition:
            transform .35s cubic-bezier(.16,1,.3,1),
            border-color .3s ease,
            box-shadow .35s ease,
            background .3s ease;
    }


    .directory-search:hover {
        transform:
            translateY(-2px);

        box-shadow:
            0 18px 42px rgba(14,165,233,.11),
            inset 0 1px 0 rgba(255,255,255,.92);
    }


    .directory-chip {
        position: relative;
        overflow: hidden;
    }


    .directory-chip::after {
        content: "";

        position: absolute;
        inset: 0;

        pointer-events: none;

        background:
            linear-gradient(
                110deg,
                transparent 18%,
                rgba(255,255,255,.42) 48%,
                transparent 76%
            );

        transform:
            translateX(-135%);

        transition:
            transform .65s cubic-bezier(.16,1,.3,1);
    }


    .directory-chip:hover::after {
        transform:
            translateX(135%);
    }


    /* Footer interaction identik dengan Index */
    .site-footer .footer-link {
        cursor: pointer;
    }


    @media (max-width: 767px) {

        #navbar-container .cidadap-navbar-logo {
            width: 40px;
            height: 40px;
        }

    }