/* Feel more like a native app, less like a web page. */
html.native-android,
html.native-android body {
    height: 100%;
    overscroll-behavior: none;               /* no rubber-band / pull-to-refresh */
    -webkit-tap-highlight-color: transparent; /* no grey flash on tap */
}

html.native-android * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}
html.native-android input,
html.native-android textarea,
html.native-android [contenteditable="true"] {
    -webkit-user-select: text;
    user-select: text;
}

/* Momentum scrolling for scrollable regions. */
html.native-android .layout-container,
html.native-android .second-bar,
html.native-android main {
    -webkit-overflow-scrolling: touch;
}

/* Paint the top edge the header colour so no white shows under the status bar.
   (Do NOT touch body padding-top — site.css uses 44px to clear the fixed
   topBar; removing it hides content behind the bar.) */
html.native-android,
html.native-android body {
    background-color: #29517c;
}

html.native-android #menuBtn {
    display: none !important;
}

html.native-android #bottomBar {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* The "Menu" button in the bottom bar. */
html.native-android .menu-bottom-btn {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.3px;
}

html.native-android .phone-second-bar.e-sidebar,
html.native-android .phone-second-bar.e-sidebar.e-right {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;                                /* full screen */
    bottom: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    /* Flex column so the list fills the space and the Close button is always
       pinned to the bottom (the panel itself doesn't scroll; the list does). */
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 0;
    box-shadow: none;
    transform: translateY(100%) !important;          /* closed: off-screen bottom */
    transition: transform 0.3s ease !important;
}
html.native-android .phone-second-bar.e-sidebar.e-open {
    transform: translateY(0) !important;             /* open: slid up, full screen */
}

/* The menu list grows to fill and scrolls; Close stays pinned below it. */
html.native-android .phone-second-bar #phoneSidebar {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
}

html.native-android .native-menu-close {
    flex: 0 0 auto;                                  /* fixed-height bottom bar */
    z-index: 5;
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 18px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 1;
    background: #29517c;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    cursor: pointer;
}