/* MyTravel shell only: the Bahar shell also uses the mytravel-theme class. */
body.mytravel-has-bottom-nav {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
}
body.mytravel-has-bottom-nav .mega-nav-actions__item--account { display: none; }
.mytravel-bottom-nav {
    position: fixed;
    z-index: 2147482999;
    inset-inline: 0;
    bottom: 0;
    padding: .4rem 1rem calc(.4rem + env(safe-area-inset-bottom, 0px));
    background-color: var(--site-color-header-background, #24211e);
    background-image: var(--site-header-background-image, none);
    color: var(--site-color-header-text, #f7f5f0);
    border-top: 1px solid rgba(255, 255, 255, .12);
    border-color: color-mix(in srgb, var(--site-color-header-text, #f7f5f0) 16%, transparent);
    box-shadow: 0 -4px 18px rgba(17, 39, 31, .12);
}
.mytravel-bottom-nav__inner {
    display: flex;
    justify-content: center;
    gap: .5rem;
    max-width: 32rem;
    margin: auto;
}
.mytravel-bottom-nav__chat,
.mytravel-bottom-nav__item { flex: 1 1 0; min-width: 0; }
.mytravel-bottom-nav__chat[hidden] { display: none; }
body.mytravel-has-bottom-nav .mytravel-bottom-nav__item,
body.mytravel-has-bottom-nav .mytravel-bottom-nav .mega-ai__launcher {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    width: 100%;
    min-height: 3.5rem;
    height: auto;
    padding: .3rem .5rem;
    border: 0;
    border-radius: .7rem;
    background: transparent;
    color: inherit;
    box-shadow: none;
    text-decoration: none;
    font: inherit;
    font-size: .78rem;
    line-height: 1.3;
    cursor: pointer;
}
body.mytravel-has-bottom-nav .mytravel-bottom-nav__item:hover,
body.mytravel-has-bottom-nav .mytravel-bottom-nav .mega-ai__launcher:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
/* The shared floating launcher uses !important; override it only inside this nav. */
body.mytravel-has-bottom-nav .mytravel-bottom-nav .mega-ai__launcher {
    display: flex !important;
    min-width: 0;
    background: transparent !important;
    color: inherit !important;
}
body.mytravel-has-bottom-nav .mytravel-bottom-nav .mega-ai__launcher:hover { background: color-mix(in srgb, currentColor 10%, transparent) !important; }
body.mytravel-has-bottom-nav .mytravel-bottom-nav :is(a, button):focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
body.mytravel-has-bottom-nav .mytravel-bottom-nav__item:disabled { opacity: .6; cursor: wait; }
.mytravel-page-share { background: var(--site-color-surface, #fff); color: var(--site-color-text, #35424b); }
.mytravel-page-share input { background: var(--site-color-background, #f7f9f8); color: var(--site-color-text, #35424b); }
.mytravel-page-share .mega-page-share-copy { background: var(--site-color-button-background, #35424b); color: var(--site-color-button-text, #fff); }
.mytravel-bottom-nav__item svg,
body.mytravel-has-bottom-nav .mytravel-bottom-nav .mega-ai__launcher svg { width: 1.4rem; height: 1.4rem; flex: none; }
body.mytravel-chat-in-bottom-nav #mega-ai-root .mega-ai__dock { display: none; }
body.mytravel-chat-in-bottom-nav #mega-ai-root .mega-ai:not(.is-fullscreen):not(.is-keyboard-fit) {
    inset-block-end: calc(5rem + env(safe-area-inset-bottom, 0px));
}
@media (max-width: 767px) {
    .mytravel-bottom-nav__chat[data-mobile="0"] { display: none; }
}
@media (min-width: 768px) {
    .mytravel-bottom-nav__chat[data-desktop="0"] { display: none; }
}