/**
 * Frontend styling for Shortcode in Menus
 * Ensures shortcode menu items have consistent height with other menu items
 */

/* Styling untuk shortcode dalam menu - menyamakan tinggi dengan menu item lain */
.menu-item.menu-item-type-gs_sim {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

/* Pastikan link dalam menu item shortcode mempunyai styling yang sama */
.menu-item.menu-item-type-gs_sim > a {
    display: inline-flex !important;
    align-items: center !important;
    line-height: inherit !important;
    padding: inherit !important;
    height: auto !important;
}

/* Untuk output shortcode yang tidak dalam tag <a> */
.menu-item.menu-item-type-gs_sim > * {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

/* Pastikan semua elemen dalam shortcode align dengan betul */
.menu-item.menu-item-type-gs_sim * {
    vertical-align: middle !important;
}

/* Untuk horizontal menu */
.menu > .menu-item.menu-item-type-gs_sim,
.nav-menu > .menu-item.menu-item-type-gs_sim,
ul.menu > .menu-item.menu-item-type-gs_sim {
    display: inline-flex !important;
    align-items: center !important;
}

/* Untuk dropdown/sub-menu - pastikan tinggi konsisten */
.sub-menu .menu-item.menu-item-type-gs_sim,
.menu-item .sub-menu .menu-item.menu-item-type-gs_sim {
    display: flex !important;
    align-items: center !important;
}

/* Untuk tema yang menggunakan flexbox pada menu */
.menu-item.menu-item-type-gs_sim {
    flex-shrink: 0 !important;
}

/* Reset margin dan padding yang mungkin mengganggu alignment */
.menu-item.menu-item-type-gs_sim {
    margin: 0 !important;
}

/* Pastikan button atau form dalam shortcode tidak pecah alignment */
.menu-item.menu-item-type-gs_sim button,
.menu-item.menu-item-type-gs_sim input,
.menu-item.menu-item-type-gs_sim select {
    vertical-align: middle !important;
    margin: 0 !important;
}