/* ===========================================================
   TABERNA IOSEPHI
   Placas das gavetas
   =========================================================== */


/* Sem este arquivo, o JavaScript deixa o painel oculto. */

#placasGavetas
{
    display:block !important;

    position:absolute;
    inset:0;

    z-index:900;

    pointer-events:none;
}

.placa-gaveta
{
    display:flex !important;
    position:absolute;

    align-items:center;
    justify-content:center;

    overflow:hidden;
    pointer-events:none;

    color:#E1C270;
    box-sizing:border-box;
    border:1.5px solid #b58a4d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-weight:normal;
    letter-spacing:.03em;

    text-align:center;
    white-space:nowrap;

    background:
        linear-gradient(
            180deg,
            #51321d 0%,
            #402514 52%,
            #301b10 100%
        );

    box-shadow:
        inset 0 1px 1px rgba(235,201,135,.15);

    text-shadow:
        0 1px 1px rgba(0,0,0,.6);
}

.placa-gaveta-vazia
{
    border-color:#916e3e;
}

.placa-gaveta-duas-linhas .placa-gaveta-texto
{
    white-space:pre-line;
    line-height:.88;
}

.placa-gaveta-texto
{
    display:block;

    max-width:88%;

    overflow:hidden;

    line-height:1;

    transform-origin:center center;
}

/* =========================================================
   DIAGNÓSTICO DAS PLACAS
   mostra exatamente os quatro pontos do gavetas.layout.js
   ========================================================= */

body.debug-placas .placa-gaveta
{
    background:rgba(0,255,255,.55) !important;

    box-shadow:
        inset 0 0 0 3px cyan !important;

    text-shadow:none !important;
}

body.debug-placas #placa2
{
    background:rgba(255,0,255,.55) !important;

    box-shadow:
        inset 0 0 0 3px magenta !important;
}

body.debug-placas .placa-gaveta-texto
{
    visibility:hidden;
}