/*==========================================================
  TABERNA IOSEPHI - PORTINHA FIXA DE SAIDA
==========================================================*/

.taberna-saida-fixa {
    position:fixed;
    right:max(12px, env(safe-area-inset-right));
    bottom:max(12px, env(safe-area-inset-bottom));
    z-index:30000;

    width:54px;
    height:54px;
    min-width:54px;
    min-height:54px;
    padding:0;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:2px solid rgba(46,24,12,.92);
    border-top-color:#a97946;
    border-radius:10px;
    background:
        repeating-linear-gradient(
            3deg,
            rgba(255,225,177,.05) 0 2px,
            rgba(40,18,7,.05) 2px 4px
        ),
        linear-gradient(180deg, rgba(128,84,45,.96), rgba(67,38,20,.96));

    box-shadow:
        0 5px 14px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,232,190,.20);

    color:#f5dfb0;
    opacity:.78;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
}

.taberna-saida-fixa[hidden] {
    display:none !important;
}

.taberna-saida-fixa:hover,
.taberna-saida-fixa:focus-visible,
.taberna-saida-fixa:active {
    opacity:1;
    filter:brightness(1.10);
    outline:2px solid #fff0b8;
    outline-offset:2px;
}

.taberna-saida-fixa .icone-tecla {
    display:block;
    width:34px;
    height:34px;
}

@media (max-width:520px) {
    .taberna-saida-fixa {
        right:max(8px, env(safe-area-inset-right));
        bottom:max(8px, env(safe-area-inset-bottom));
        width:50px;
        height:50px;
        min-width:50px;
        min-height:50px;
        border-radius:9px;
    }

    .taberna-saida-fixa .icone-tecla {
        width:31px;
        height:31px;
    }
}


/* Iosephile: a portinha ocupa o canto superior direito,
   fora do aparelho e fora da faixa das teclas. */
.taberna-saida-fixa[data-dono="iosephile"] {
    top:max(12px, env(safe-area-inset-top));
    right:max(12px, env(safe-area-inset-right));
    bottom:auto;
}

@media (max-width:520px) {
    .taberna-saida-fixa[data-dono="iosephile"] {
        top:max(8px, env(safe-area-inset-top));
        right:max(8px, env(safe-area-inset-right));
        bottom:auto;
    }
}